diff --git a/components/doc/helpers/index.js b/components/doc/helpers/index.js
index 3cea7846d..a157c0056 100644
--- a/components/doc/helpers/index.js
+++ b/components/doc/helpers/index.js
@@ -53,8 +53,8 @@ export const getStyleOptions = (name) => {
     return data;
 };
 
-export const getTokenOptions = (preset, name) => {
-    const values = APIDocs[`${preset.toLowerCase()}/${name.toLowerCase()}`]?.tokens?.values;
+export const getTokenOptions = (name) => {
+    const values = APIDocs[`themes/${name.toLowerCase()}`]?.tokens?.values;
     let data = [];
 
     for (const [key, value] of Object.entries(values || {})) {
diff --git a/doc/accordion/theming/StyledDoc.vue b/doc/accordion/theming/StyledDoc.vue
deleted file mode 100644
index 65dfc0920..000000000
--- a/doc/accordion/theming/StyledDoc.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-accordion</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-accordionpanel</td>
-                    <td>Container of a panel.</td>
-                </tr>
-                <tr>
-                    <td>p-accordionheader</td>
-                    <td>Header of a panel.</td>
-                </tr>
-                <tr>
-                    <td>p-accordioncontent</td>
-                    <td>Content of a panel.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/accordion/theming/index.vue b/doc/accordion/theming/index.vue
index ee0a9a7e8..db5de5b02 100644
--- a/doc/accordion/theming/index.vue
+++ b/doc/accordion/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -48,14 +48,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('AccordionPanel')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Accordion')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Accordion')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/autocomplete/theming/StyledDoc.vue b/doc/autocomplete/theming/StyledDoc.vue
deleted file mode 100644
index dcaf97c18..000000000
--- a/doc/autocomplete/theming/StyledDoc.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-autocomplete</td>
-                    <td>Container element</td>
-                </tr>
-                <tr>
-                    <td>p-autocomplete-panel</td>
-                    <td>Overlay panel of suggestions.</td>
-                </tr>
-                <tr>
-                    <td>p-autocomplete-items</td>
-                    <td>List container of suggestions.</td>
-                </tr>
-                <tr>
-                    <td>p-autocomplete-item</td>
-                    <td>List item of a suggestion.</td>
-                </tr>
-                <tr>
-                    <td>p-autocomplete-token</td>
-                    <td>Element of a selected item in multiple mode.</td>
-                </tr>
-                <tr>
-                    <td>p-autocomplete-token-icon</td>
-                    <td>Close icon element of a selected item in multiple mode.</td>
-                </tr>
-                <tr>
-                    <td>p-autocomplete-token-label</td>
-                    <td>Label of a selected item in multiple mode.</td>
-                </tr>
-                <tr>
-                    <td>p-autocomplete-empty-message</td>
-                    <td>Container element when there is no suggestion to display.</td>
-                </tr>
-                <tr>
-                    <td>p-overlay-open</td>
-                    <td>Container element when overlay is visible.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/autocomplete/theming/index.vue b/doc/autocomplete/theming/index.vue
index 944a15cca..5fc9017e7 100644
--- a/doc/autocomplete/theming/index.vue
+++ b/doc/autocomplete/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('AutoComplete')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('AutoComplete')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('AutoComplete')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/avatar/theming/StyledDoc.vue b/doc/avatar/theming/StyledDoc.vue
deleted file mode 100644
index 668784c18..000000000
--- a/doc/avatar/theming/StyledDoc.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-    <DocSectionText id="stylingofavatar" label="Styling of Avatar" v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-avatar</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-avatar-image</td>
-                    <td>Container element in image mode.</td>
-                </tr>
-                <tr>
-                    <td>p-avatar-circle</td>
-                    <td>Container element with a circle shape.</td>
-                </tr>
-                <tr>
-                    <td>p-avatar-text</td>
-                    <td>Text of the Avatar.</td>
-                </tr>
-                <tr>
-                    <td>p-avatar-icon</td>
-                    <td>Icon of the Avatar.</td>
-                </tr>
-                <tr>
-                    <td>p-avatar-lg</td>
-                    <td>Container element with a large size.</td>
-                </tr>
-                <tr>
-                    <td>p-avatar-xl</td>
-                    <td>Container element with an xlarge size.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-    <DocSectionText id="stylingofavatargroup" label="Styling of AvatarGroup" v-bind="$attrs"> </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-avatar-group</td>
-                    <td>Container element.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/avatar/theming/index.vue b/doc/avatar/theming/index.vue
index b15f84cd1..4e8a22221 100644
--- a/doc/avatar/theming/index.vue
+++ b/doc/avatar/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Avatar')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Avatar')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Avatar')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/badge/theming/StyledDoc.vue b/doc/badge/theming/StyledDoc.vue
deleted file mode 100644
index 9dbeea1d2..000000000
--- a/doc/badge/theming/StyledDoc.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-badge</td>
-                    <td>Badge element</td>
-                </tr>
-                <tr>
-                    <td>p-overlay-badge</td>
-                    <td>Wrapper of a badge and its target.</td>
-                </tr>
-                <tr>
-                    <td>p-badge-dot</td>
-                    <td>Badge element with no value.</td>
-                </tr>
-                <tr>
-                    <td>p-badge-success</td>
-                    <td>Badge element with success severity.</td>
-                </tr>
-                <tr>
-                    <td>p-badge-info</td>
-                    <td>Badge element with info severity.</td>
-                </tr>
-                <tr>
-                    <td>p-badge-warn</td>
-                    <td>Badge element with warn severity.</td>
-                </tr>
-                <tr>
-                    <td>p-badge-danger</td>
-                    <td>Badge element with danger severity.</td>
-                </tr>
-                <tr>
-                    <td>p-badge-lg</td>
-                    <td>Large badge element</td>
-                </tr>
-                <tr>
-                    <td>p-badge-xl</td>
-                    <td>Extra large badge element</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/badge/theming/index.vue b/doc/badge/theming/index.vue
index 70fb3c62b..b5a442fea 100644
--- a/doc/badge/theming/index.vue
+++ b/doc/badge/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -34,14 +34,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('OverlayBadge')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Badge')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Badge')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/blockui/theming/StyledDoc.vue b/doc/blockui/theming/StyledDoc.vue
deleted file mode 100644
index 0facdf4f8..000000000
--- a/doc/blockui/theming/StyledDoc.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-blockui</td>
-                    <td>Mask element.</td>
-                </tr>
-                <tr>
-                    <td>p-blockui-document</td>
-                    <td>Mask element in full screen mode.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/blockui/theming/index.vue b/doc/blockui/theming/index.vue
index fd05331d5..36d21154f 100644
--- a/doc/blockui/theming/index.vue
+++ b/doc/blockui/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('BlockUI')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('BlockUI')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('BlockUI')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/breadcrumb/theming/StyledDoc.vue b/doc/breadcrumb/theming/StyledDoc.vue
deleted file mode 100644
index b2cc04e61..000000000
--- a/doc/breadcrumb/theming/StyledDoc.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-breadcrumb</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-breadcrumb-list</td>
-                    <td>Ordered list element.</td>
-                </tr>
-                <tr>
-                    <td>p-breadcrumb-home</td>
-                    <td>First list element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem</td>
-                    <td>Menuitem element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-link</td>
-                    <td>Link element of the menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-text</td>
-                    <td>Label of a menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-icon</td>
-                    <td>Icon of a menuitem.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/breadcrumb/theming/index.vue b/doc/breadcrumb/theming/index.vue
index 1d44eec5d..9d221820a 100644
--- a/doc/breadcrumb/theming/index.vue
+++ b/doc/breadcrumb/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Breadcrumb')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Breadcrumb')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Breadcrumb')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/button/theming/StyledDoc.vue b/doc/button/theming/StyledDoc.vue
deleted file mode 100644
index 4a5e5ab95..000000000
--- a/doc/button/theming/StyledDoc.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-button</td>
-                    <td>Button element</td>
-                </tr>
-                <tr>
-                    <td>p-button-icon</td>
-                    <td>Icon element</td>
-                </tr>
-                <tr>
-                    <td>p-button-label</td>
-                    <td>Label element of the button</td>
-                </tr>
-                <tr>
-                    <td>p-button-sm</td>
-                    <td>Smaller button element</td>
-                </tr>
-                <tr>
-                    <td>p-button-lg</td>
-                    <td>Larger button element</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/button/theming/index.vue b/doc/button/theming/index.vue
index 9f862dd46..0012bbbdb 100644
--- a/doc/button/theming/index.vue
+++ b/doc/button/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -34,14 +34,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('ButtonGroup')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Button')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Button')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/card/theming/StyledDoc.vue b/doc/card/theming/StyledDoc.vue
deleted file mode 100644
index b9707f894..000000000
--- a/doc/card/theming/StyledDoc.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-card</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-card-title</td>
-                    <td>Title element.</td>
-                </tr>
-                <tr>
-                    <td>p-card-subtitle</td>
-                    <td>Subtitle element.</td>
-                </tr>
-                <tr>
-                    <td>p-card-content</td>
-                    <td>Content of the card.</td>
-                </tr>
-                <tr>
-                    <td>p-card-footer</td>
-                    <td>Footer of the card.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/card/theming/index.vue b/doc/card/theming/index.vue
index 23995ba5a..d603af38a 100644
--- a/doc/card/theming/index.vue
+++ b/doc/card/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Card')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Card')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Card')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/carousel/theming/StyledDoc.vue b/doc/carousel/theming/StyledDoc.vue
deleted file mode 100644
index 3d75621f8..000000000
--- a/doc/carousel/theming/StyledDoc.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-carousel</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-carousel-header</td>
-                    <td>Header section.</td>
-                </tr>
-                <tr>
-                    <td>p-carousel-footer</td>
-                    <td>Footer section.</td>
-                </tr>
-                <tr>
-                    <td>p-carousel-content</td>
-                    <td>Main content element. It contains the container of the viewport.</td>
-                </tr>
-                <tr>
-                    <td>p-carousel-container</td>
-                    <td>Container of the viewport. It contains navigation buttons and viewport.</td>
-                </tr>
-                <tr>
-                    <td>p-carousel-items-content</td>
-                    <td>Viewport.</td>
-                </tr>
-                <tr>
-                    <td>p-carousel-indicators</td>
-                    <td>Container of the indicators.</td>
-                </tr>
-                <tr>
-                    <td>p-carousel-indicator</td>
-                    <td>Indicator element.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/carousel/theming/index.vue b/doc/carousel/theming/index.vue
index 1d3865318..536e123b1 100644
--- a/doc/carousel/theming/index.vue
+++ b/doc/carousel/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Carousel')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Carousel')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Carousel')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/cascadeselect/theming/StyledDoc.vue b/doc/cascadeselect/theming/StyledDoc.vue
deleted file mode 100644
index e61c41881..000000000
--- a/doc/cascadeselect/theming/StyledDoc.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-cascadeselect</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-cascadeselect-label</td>
-                    <td>Element to display label of selected option.</td>
-                </tr>
-                <tr>
-                    <td>p-cascadeselect-trigger</td>
-                    <td>Icon element.</td>
-                </tr>
-                <tr>
-                    <td>p-cascadeselect-panel</td>
-                    <td>Icon element.</td>
-                </tr>
-                <tr>
-                    <td>p-cascadeselect-items-wrapper</td>
-                    <td>Wrapper element of items list.</td>
-                </tr>
-                <tr>
-                    <td>p-cascadeselect-items</td>
-                    <td>List element of items.</td>
-                </tr>
-                <tr>
-                    <td>p-cascadeselect-item</td>
-                    <td>An item in the list.</td>
-                </tr>
-                <tr>
-                    <td>p-overlay-open</td>
-                    <td>Container element when overlay is visible.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/cascadeselect/theming/index.vue b/doc/cascadeselect/theming/index.vue
index a5a4dff6c..34aa33856 100644
--- a/doc/cascadeselect/theming/index.vue
+++ b/doc/cascadeselect/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('CascadeSelect')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('CascadeSelect')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('CascadeSelect')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/chart/theming/StyledDoc.vue b/doc/chart/theming/StyledDoc.vue
deleted file mode 100644
index 8016b31f5..000000000
--- a/doc/chart/theming/StyledDoc.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-chart</td>
-                    <td>Container element.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/checkbox/theming/StyledDoc.vue b/doc/checkbox/theming/StyledDoc.vue
deleted file mode 100644
index ef0f50b3f..000000000
--- a/doc/checkbox/theming/StyledDoc.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-checkbox</td>
-                    <td>Container element</td>
-                </tr>
-                <tr>
-                    <td>p-checkbox-box</td>
-                    <td>Container of icon.</td>
-                </tr>
-                <tr>
-                    <td>p-checkbox-icon</td>
-                    <td>Icon element.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/checkbox/theming/index.vue b/doc/checkbox/theming/index.vue
index d31690506..62c5629bf 100644
--- a/doc/checkbox/theming/index.vue
+++ b/doc/checkbox/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Checkbox')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Checkbox')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Checkbox')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/chip/theming/StyledDoc.vue b/doc/chip/theming/StyledDoc.vue
deleted file mode 100644
index bb20d0b9d..000000000
--- a/doc/chip/theming/StyledDoc.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-chip</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-chip-image</td>
-                    <td>Container element in image mode.</td>
-                </tr>
-                <tr>
-                    <td>p-chip-text</td>
-                    <td>Text of the chip.</td>
-                </tr>
-                <tr>
-                    <td>pi-chip-remove-icon</td>
-                    <td>Remove icon.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/chip/theming/index.vue b/doc/chip/theming/index.vue
index 951c7d6ac..9c07a158a 100644
--- a/doc/chip/theming/index.vue
+++ b/doc/chip/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Chip')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Chip')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Chip')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/colorpicker/theming/StyledDoc.vue b/doc/colorpicker/theming/StyledDoc.vue
deleted file mode 100644
index 691afacdf..000000000
--- a/doc/colorpicker/theming/StyledDoc.vue
+++ /dev/null
@@ -1,58 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-colorpicker</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-colorpicker-overlay</td>
-                    <td>Container element in overlay mode.</td>
-                </tr>
-                <tr>
-                    <td>p-colorpicker-preview</td>
-                    <td>Preview input in overlay mode.</td>
-                </tr>
-                <tr>
-                    <td>p-colorpicker-panel</td>
-                    <td>Panel element of the colorpicker.</td>
-                </tr>
-                <tr>
-                    <td>p-colorpicker-content</td>
-                    <td>Wrapper that contains color and hue sections.</td>
-                </tr>
-                <tr>
-                    <td>p-colorpicker-color-selector</td>
-                    <td>Color selector container.</td>
-                </tr>
-                <tr>
-                    <td>p-colorpicker-color</td>
-                    <td>Color element.</td>
-                </tr>
-                <tr>
-                    <td>p-colorpicker-color-handle</td>
-                    <td>Handle of the color element.</td>
-                </tr>
-                <tr>
-                    <td>p-colorpicker-hue</td>
-                    <td>Hue slider.</td>
-                </tr>
-                <tr>
-                    <td>p-colorpicker-hue-handle</td>
-                    <td>Handle of the hue slider.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/colorpicker/theming/index.vue b/doc/colorpicker/theming/index.vue
index 582a4026d..16bf800c7 100644
--- a/doc/colorpicker/theming/index.vue
+++ b/doc/colorpicker/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('ColorPicker')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('ColorPicker')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('ColorPicker')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/common/apidoc/index.json b/doc/common/apidoc/index.json
index de9555020..a917902c3 100644
--- a/doc/common/apidoc/index.json
+++ b/doc/common/apidoc/index.json
@@ -25664,10 +25664,11 @@
                             "description": "Class name of the filter remove rule button element"
                         },
                         {
-                            "name": "pcFilterAddButton",
+                            "name": "pcFilterAddRuleButton",
                             "optional": false,
                             "readonly": false,
-                            "value": "\"p-column-filter-add-button\""
+                            "value": "\"p-datatable-filter-add-rule-button\"",
+                            "description": "Class name of the filter add rule button element"
                         },
                         {
                             "name": "filterButtonbar",
@@ -72395,67 +72396,6 @@
             }
         }
     },
-    "themes/aura/accordion": {},
-    "aura/autocomplete": {
-        "description": "AutoComplete is an input component that provides real-time suggestions while being typed.\n\n[Live Demo](https://www.primevue.org/autocomplete/)",
-        "tokens": {
-            "description": "Define design tokens used by the component.",
-            "values": {
-                "AutoCompleteDesignTokens": {
-                    "description": "**PrimeVue - AutoComplete**\n\n_AutoComplete is an input component that provides real-time suggestions while being typed._\n\n[Live Demo](https://www.primevue.org/autocomplete/)\n--- ---\n![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)",
-                    "props": [
-                        {
-                            "name": "dropdown.activeBackground",
-                            "token": "autocomplete.dropdown.active.background",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": ""
-                        },
-                        {
-                            "name": "emptyMessage.padding",
-                            "token": "autocomplete.empty.message.padding",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": ""
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "themes/aura/avatar": {},
-    "themes/aura/badge": {},
-    "themes/aura/blockui": {},
-    "themes/aura/breadcrumb": {},
-    "themes/aura/button": {},
-    "themes/aura/buttongroup": {},
-    "themes/aura/card": {},
-    "themes/aura/carousel": {},
-    "themes/aura/cascadeselect": {},
-    "themes/aura/checkbox": {},
-    "themes/aura/chip": {},
-    "themes/aura/colorpicker": {},
-    "themes/aura/confirmdialog": {},
-    "themes/aura/confirmpopup": {},
-    "themes/aura/contextmenu": {},
-    "themes/aura/datatable": {},
-    "themes/aura/dataview": {},
-    "themes/aura/datepicker": {},
-    "themes/aura/dialog": {},
-    "themes/aura/divider": {},
-    "themes/aura/dock": {},
-    "themes/aura/drawer": {},
-    "themes/aura/editor": {},
-    "themes/aura/fieldset": {},
-    "themes/aura/fileupload": {},
-    "themes/aura/floatlabel": {},
-    "themes/aura/galleria": {},
-    "themes/aura/iconfield": {},
-    "themes/aura/image": {},
     "aura": {
         "description": "[Live Demo](https://www.primevue.org/)",
         "interfaces": {
@@ -72475,8 +72415,7 @@
                             "default": ""
                         }
                     ],
-                    "methods": [],
-                    "extendedBy": "InputTextDesignTokens"
+                    "methods": []
                 },
                 "PaletteDesignToken": {
                     "relatedProp": "",
@@ -72808,117 +72747,9 @@
             }
         }
     },
-    "themes/aura/inlinemessage": {},
-    "themes/aura/inplace": {},
-    "themes/aura/inputchips": {},
-    "themes/aura/inputgroup": {},
-    "themes/aura/inputnumber": {},
-    "themes/aura/inputotp": {},
-    "themes/aura/inputtext": {},
-    "themes/aura/knob": {},
-    "themes/aura/listbox": {},
-    "themes/aura/megamenu": {},
-    "themes/aura/menu": {},
-    "themes/aura/menubar": {},
-    "themes/aura/message": {},
-    "themes/aura/metergroup": {},
-    "themes/aura/multiselect": {},
-    "themes/aura/orderlist": {},
-    "themes/aura/organizationchart": {},
-    "themes/aura/paginator": {},
-    "themes/aura/panel": {},
-    "themes/aura/panelmenu": {},
-    "themes/aura/password": {},
-    "themes/aura/picklist": {},
-    "themes/aura/popover": {},
-    "themes/aura/progressbar": {},
-    "themes/aura/progressspinner": {},
-    "themes/aura/radiobutton": {},
-    "themes/aura/rating": {},
-    "aura/ripple": {
-        "description": "Ripple directive adds ripple effect to the host element.\n\n[Live Demo](https://primevue.org/ripple)",
-        "tokens": {
-            "description": "Define design tokens used by the component.",
-            "values": {
-                "RippleDesignTokens": {
-                    "description": "**PrimeVue - Ripple**\n\n_Ripple directive adds ripple effect to the host element._\n\n[Live Demo](https://www.primevue.org/ripple/)\n--- ---\n![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)",
-                    "props": [
-                        {
-                            "name": "root.background",
-                            "token": "ripple.background",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Background of ripple"
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "themes/aura/scrollpanel": {},
-    "themes/aura/scrolltop": {},
-    "themes/aura/select": {},
-    "themes/aura/selectbutton": {},
-    "themes/aura/skeleton": {},
-    "themes/aura/slider": {},
-    "themes/aura/speeddial": {},
-    "themes/aura/splitbutton": {},
-    "themes/aura/splitter": {},
-    "themes/aura/stepper": {},
-    "themes/aura/steps": {},
-    "themes/aura/tabmenu": {},
-    "themes/aura/tabs": {},
-    "themes/aura/tabview": {},
-    "themes/aura/tag": {},
-    "themes/aura/terminal": {},
-    "themes/aura/textarea": {},
-    "themes/aura/tieredmenu": {},
-    "themes/aura/timeline": {},
-    "themes/aura/toast": {},
-    "themes/aura/togglebutton": {},
-    "themes/aura/toggleswitch": {},
-    "themes/aura/toolbar": {},
-    "themes/aura/tooltip": {},
-    "themes/aura/tree": {},
-    "themes/aura/treeselect": {},
-    "themes/aura/treetable": {},
     "themes/config": {},
     "themes/helpers": {},
-    "themes": {},
-    "themes/lara/accordion": {},
-    "themes/lara/autocomplete": {},
-    "themes/lara/avatar": {},
-    "themes/lara/badge": {},
-    "themes/lara/blockui": {},
-    "themes/lara/breadcrumb": {},
-    "themes/lara/button": {},
-    "themes/lara/buttongroup": {},
-    "themes/lara/card": {},
-    "themes/lara/carousel": {},
-    "themes/lara/cascadeselect": {},
-    "themes/lara/checkbox": {},
-    "themes/lara/chip": {},
-    "themes/lara/colorpicker": {},
-    "themes/lara/confirmdialog": {},
-    "themes/lara/confirmpopup": {},
-    "themes/lara/contextmenu": {},
-    "themes/lara/datatable": {},
-    "themes/lara/dataview": {},
-    "themes/lara/datepicker": {},
-    "themes/lara/dialog": {},
-    "themes/lara/divider": {},
-    "themes/lara/dock": {},
-    "themes/lara/drawer": {},
-    "themes/lara/editor": {},
-    "themes/lara/fieldset": {},
-    "themes/lara/fileupload": {},
-    "themes/lara/floatlabel": {},
-    "themes/lara/galleria": {},
-    "themes/lara/iconfield": {},
-    "themes/lara/image": {},
-    "lara": {
+    "themes": {
         "description": "[Live Demo](https://www.primevue.org/)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
@@ -72938,7 +72769,7 @@
                         }
                     ],
                     "methods": [],
-                    "extendedBy": "InputTextDesignTokens"
+                    "extendedBy": "AccordionDesignTokens,AutoCompleteDesignTokens,AvatarDesignTokens,BadgeDesignTokens,BlockUIDesignTokens,BreadcrumbDesignTokens,ButtonDesignTokens,CardDesignTokens,CarouselDesignTokens,CascadeSelectDesignTokens,CheckboxDesignTokens,ChipDesignTokens,ColorPickerDesignTokens,ConfirmDialogDesignTokens,ConfirmPopupDesignTokens,ContextMenuDesignTokens,DataTableDesignTokens,DataViewDesignTokens,DatePickerDesignTokens,DialogDesignTokens,DividerDesignTokens,DockDesignTokens,DrawerDesignTokens,EditorDesignTokens,FieldsetDesignTokens,FileUploadDesignTokens,FloatLabelDesignTokens,GalleriaDesignTokens,IconFieldDesignTokens,ImageDesignTokens,InlineMessageDesignTokens,InplaceDesignTokens,InputChipsDesignTokens,InputGroupDesignTokens,InputNumberDesignTokens,InputTextDesignTokens,KnobDesignTokens,ListboxDesignTokens,MegaMenuDesignTokens,MenuDesignTokens,MenubarDesignTokens,MessageDesignTokens,MeterGroupDesignTokens,MultiSelectDesignTokens,OrderListDesignTokens,OrganizationChartDesignTokens,PaginatorDesignTokens,PanelDesignTokens,PanelMenuDesignTokens,PasswordDesignTokens,PickListDesignTokens,PopoverDesignTokens,ProgressBarDesignTokens,ProgressSpinnerDesignTokens,RadioButtonDesignTokens,RatingDesignTokens,RippleDesignTokens,ScrollPanelDesignTokens,SelectDesignTokens,SelectButtonDesignTokens,SkeletonDesignTokens,SliderDesignTokens,SpeedDialDesignTokens,SplitButtonDesignTokens,SplitterDesignTokens,StepperDesignTokens,StepsDesignTokens,TabmenuDesignTokens,TabsDesignTokens,TabViewDesignTokens,TagDesignTokens,TerminalDesignTokens,TextareaDesignTokens,TieredMenuDesignTokens,TimelineDesignTokens,ToastDesignTokens,ToggleButtonDesignTokens,ToggleSwitchDesignTokens,ToolbarDesignTokens,TooltipDesignTokens,TreeDesignTokens,TreeSelectDesignTokens,TreeTableDesignTokens"
                 },
                 "PaletteDesignToken": {
                     "relatedProp": "",
@@ -73270,21 +73101,15 @@
             }
         }
     },
-    "themes/lara/inlinemessage": {},
-    "themes/lara/inplace": {},
-    "themes/lara/inputchips": {},
-    "themes/lara/inputgroup": {},
-    "themes/lara/inputnumber": {},
-    "themes/lara/inputotp": {},
-    "lara/inputtext": {
-        "description": "InputText renders a text field to enter data.\n\n[Live Demo](https://www.primevue.org/inputtext/)",
+    "lara": {
+        "description": "[Live Demo](https://www.primevue.org/)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
             "methodDescription": "Defines methods that can be accessed by the component's reference.",
             "typeDescription": "Defines the custom types used by the module.",
             "values": {
-                "InputTextDesignTokens": {
+                "ColorSchemeDesignToken": {
                     "relatedProp": "",
                     "props": [
                         {
@@ -73293,567 +73118,24031 @@
                             "readonly": false,
                             "type": "Object",
                             "default": ""
-                        },
-                        {
-                            "name": "root",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Object",
-                            "default": "",
-                            "description": "Used to pass tokens of the root section"
                         }
                     ],
-                    "methods": [],
-                    "extendedTypes": "ColorSchemeDesignToken<InputTextDesignTokens>"
-                }
-            }
-        },
-        "tokens": {
-            "description": "Define design tokens used by the component.",
-            "values": {
-                "InputTextDesignTokens": {
-                    "props": [
-                        {
-                            "name": "root.background",
-                            "token": "inputtext.background",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Background of an input field"
-                        },
-                        {
-                            "name": "root.disabledBackground",
-                            "token": "inputtext.disabled.background",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Background of an input field when disabled"
-                        },
-                        {
-                            "name": "root.filledBackground",
-                            "token": "inputtext.filled.background",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Background of an input field when filled mode"
-                        },
-                        {
-                            "name": "root.filledFocusBackground",
-                            "token": "inputtext.filled.focus.background",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Background of an input field on the focus state of filled mode"
-                        },
-                        {
-                            "name": "root.borderColor",
-                            "token": "inputtext.border.color",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Border color of an input field"
-                        },
-                        {
-                            "name": "root.hoverBorderColor",
-                            "token": "inputtext.hover.border.color",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Border color of an input field on the hover state"
-                        },
-                        {
-                            "name": "root.focusBorderColor",
-                            "token": "inputtext.focus.border.color",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Border color of an input field on the focus state"
-                        },
-                        {
-                            "name": "root.invalidBorderColor",
-                            "token": "inputtext.invalid.border.color",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Border color of an input field when invalid"
-                        },
-                        {
-                            "name": "root.color",
-                            "token": "inputtext.color",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Color of an input field"
-                        },
-                        {
-                            "name": "root.disabledColor",
-                            "token": "inputtext.disabled.color",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Color of an input field when disabled"
-                        },
-                        {
-                            "name": "root.placeholderColor",
-                            "token": "inputtext.placeholder.color",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Placeholder color of an input field"
-                        },
-                        {
-                            "name": "root.shadow",
-                            "token": "inputtext.shadow",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Shadow of an input field"
-                        },
-                        {
-                            "name": "root.paddingX",
-                            "token": "inputtext.padding.x",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Padding right and left of an input field"
-                        },
-                        {
-                            "name": "root.paddingY",
-                            "token": "inputtext.padding.y",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Padding top and bottom of an input field"
-                        },
-                        {
-                            "name": "root.borderRadius",
-                            "token": "inputtext.border.radius",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Border radius of an input field"
-                        },
-                        {
-                            "name": "focusRing.width",
-                            "token": "inputtext.focus.ring.width",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Outline width of an input field on the focus state"
-                        },
-                        {
-                            "name": "focusRing.style",
-                            "token": "inputtext.focus.ring.style",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Outline style of an input field on the focus state"
-                        },
-                        {
-                            "name": "focusRing.color",
-                            "token": "inputtext.focus.ring.color",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Outline color of an input field on the focus state"
-                        },
-                        {
-                            "name": "focusRing.offset",
-                            "token": "inputtext.focus.ring.offset",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Outline offset of an input field on the focus state"
-                        },
-                        {
-                            "name": "focusRing.shadow",
-                            "token": "inputtext.focus.ring.shadow",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Shadow of an input field on the focus state"
-                        }
-                    ]
-                }
-            }
-        }
-    },
-    "themes/lara/knob": {},
-    "themes/lara/listbox": {},
-    "themes/lara/megamenu": {},
-    "themes/lara/menu": {},
-    "themes/lara/menubar": {},
-    "themes/lara/message": {},
-    "themes/lara/metergroup": {},
-    "themes/lara/multiselect": {},
-    "themes/lara/orderlist": {},
-    "themes/lara/organizationchart": {},
-    "themes/lara/paginator": {},
-    "themes/lara/panel": {},
-    "themes/lara/panelmenu": {},
-    "themes/lara/password": {},
-    "themes/lara/picklist": {},
-    "themes/lara/popover": {},
-    "themes/lara/progressbar": {},
-    "themes/lara/progressspinner": {},
-    "themes/lara/radiobutton": {},
-    "themes/lara/rating": {},
-    "themes/lara/ripple": {},
-    "themes/lara/scrollpanel": {},
-    "themes/lara/scrolltop": {},
-    "themes/lara/select": {},
-    "themes/lara/selectbutton": {},
-    "themes/lara/skeleton": {},
-    "themes/lara/slider": {},
-    "themes/lara/speeddial": {},
-    "themes/lara/splitbutton": {},
-    "themes/lara/splitter": {},
-    "themes/lara/stepper": {},
-    "themes/lara/steps": {},
-    "themes/lara/tabmenu": {},
-    "themes/lara/tabs": {},
-    "themes/lara/tabview": {},
-    "themes/lara/tag": {},
-    "themes/lara/terminal": {},
-    "themes/lara/textarea": {},
-    "themes/lara/tieredmenu": {},
-    "themes/lara/timeline": {},
-    "themes/lara/toast": {},
-    "themes/lara/togglebutton": {},
-    "themes/lara/toggleswitch": {},
-    "themes/lara/toolbar": {},
-    "themes/lara/tooltip": {},
-    "themes/lara/tree": {},
-    "themes/lara/treeselect": {},
-    "themes/lara/treetable": {},
-    "themes/nora/accordion": {},
-    "themes/nora/autocomplete": {},
-    "themes/nora/avatar": {},
-    "themes/nora/badge": {},
-    "themes/nora/blockui": {},
-    "themes/nora/breadcrumb": {},
-    "themes/nora/button": {},
-    "themes/nora/buttongroup": {},
-    "themes/nora/card": {},
-    "themes/nora/carousel": {},
-    "themes/nora/cascadeselect": {},
-    "themes/nora/checkbox": {},
-    "themes/nora/chip": {},
-    "themes/nora/colorpicker": {},
-    "themes/nora/confirmdialog": {},
-    "themes/nora/confirmpopup": {},
-    "themes/nora/contextmenu": {},
-    "themes/nora/datatable": {},
-    "themes/nora/dataview": {},
-    "themes/nora/datepicker": {},
-    "themes/nora/dialog": {},
-    "themes/nora/divider": {},
-    "themes/nora/dock": {},
-    "themes/nora/drawer": {},
-    "themes/nora/editor": {},
-    "themes/nora/fieldset": {},
-    "themes/nora/fileupload": {},
-    "themes/nora/floatlabel": {},
-    "themes/nora/galleria": {},
-    "themes/nora/iconfield": {},
-    "themes/nora/image": {},
-    "themes/nora/inlinemessage": {},
-    "themes/nora/inplace": {},
-    "themes/nora/inputchips": {},
-    "themes/nora/inputgroup": {},
-    "themes/nora/inputnumber": {},
-    "themes/nora/inputotp": {},
-    "nora/inputtext": {
-        "description": "InputText renders a text field to enter data.\n\n[Live Demo](https://www.primevue.org/inputtext/)",
-        "interfaces": {
-            "description": "Defines the custom interfaces used by the module.",
-            "eventDescription": "Defines the custom events used by the component's emit.",
-            "methodDescription": "Defines methods that can be accessed by the component's reference.",
-            "typeDescription": "Defines the custom types used by the module.",
-            "values": {
-                "InputTextDesignTokens": {
+                    "methods": []
+                },
+                "PaletteDesignToken": {
                     "relatedProp": "",
                     "props": [
                         {
-                            "name": "colorScheme",
+                            "name": "50",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": ""
+                        },
+                        {
+                            "name": "100",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": ""
+                        },
+                        {
+                            "name": "200",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": ""
+                        },
+                        {
+                            "name": "300",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": ""
+                        },
+                        {
+                            "name": "400",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": ""
+                        },
+                        {
+                            "name": "500",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": ""
+                        },
+                        {
+                            "name": "600",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": ""
+                        },
+                        {
+                            "name": "700",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": ""
+                        },
+                        {
+                            "name": "800",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": ""
+                        },
+                        {
+                            "name": "900",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": ""
+                        },
+                        {
+                            "name": "950",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": ""
+                        }
+                    ],
+                    "methods": []
+                },
+                "PrimitiveDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "borderRadius",
                             "optional": true,
                             "readonly": false,
                             "type": "Object",
                             "default": ""
                         },
                         {
-                            "name": "root",
+                            "name": "emerald",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "green",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "lime",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "red",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "orange",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "amber",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "yellow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "teal",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "cyan",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "sky",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "blue",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "indigo",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "violet",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "purple",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "fuchsia",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "pink",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "rose",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "slate",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "gray",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "zinc",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "neutral",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "stone",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "[key: string]",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "any"
+                        }
+                    ],
+                    "methods": []
+                },
+                "SemanticDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "transitionDuration",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": ""
+                        },
+                        {
+                            "name": "focusRing",
                             "optional": true,
                             "readonly": false,
                             "type": "Object",
-                            "default": "",
-                            "description": "Used to pass tokens of the root section"
+                            "default": ""
+                        },
+                        {
+                            "name": "iconSize",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": ""
+                        },
+                        {
+                            "name": "anchorGutter",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": ""
+                        },
+                        {
+                            "name": "primary",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "PaletteDesignToken",
+                            "default": ""
+                        },
+                        {
+                            "name": "formField",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "[key: string]",
+                            "optional": false,
+                            "readonly": false,
+                            "type": "any"
                         }
                     ],
-                    "methods": [],
-                    "extendedTypes": "ColorSchemeDesignToken<InputTextDesignTokens>"
+                    "methods": []
                 }
             }
         },
         "tokens": {
             "description": "Define design tokens used by the component.",
             "values": {
-                "InputTextDesignTokens": {
-                    "props": [
-                        {
-                            "name": "root.background",
-                            "token": "inputtext.background",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Background of an input field"
-                        },
-                        {
-                            "name": "root.disabledBackground",
-                            "token": "inputtext.disabled.background",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Background of an input field when disabled"
-                        },
-                        {
-                            "name": "root.filledBackground",
-                            "token": "inputtext.filled.background",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Background of an input field when filled mode"
-                        },
-                        {
-                            "name": "root.filledFocusBackground",
-                            "token": "inputtext.filled.focus.background",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Background of an input field on the focus state of filled mode"
-                        },
-                        {
-                            "name": "root.borderColor",
-                            "token": "inputtext.border.color",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Border color of an input field"
-                        },
-                        {
-                            "name": "root.hoverBorderColor",
-                            "token": "inputtext.hover.border.color",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Border color of an input field on the hover state"
-                        },
-                        {
-                            "name": "root.focusBorderColor",
-                            "token": "inputtext.focus.border.color",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Border color of an input field on the focus state"
-                        },
-                        {
-                            "name": "root.invalidBorderColor",
-                            "token": "inputtext.invalid.border.color",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Border color of an input field when invalid"
-                        },
-                        {
-                            "name": "root.color",
-                            "token": "inputtext.color",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Color of an input field"
-                        },
-                        {
-                            "name": "root.disabledColor",
-                            "token": "inputtext.disabled.color",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Color of an input field when disabled"
-                        },
-                        {
-                            "name": "root.placeholderColor",
-                            "token": "inputtext.placeholder.color",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Placeholder color of an input field"
-                        },
-                        {
-                            "name": "root.shadow",
-                            "token": "inputtext.shadow",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Shadow of an input field"
-                        },
-                        {
-                            "name": "root.paddingX",
-                            "token": "inputtext.padding.x",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Padding right and left of an input field"
-                        },
-                        {
-                            "name": "root.paddingY",
-                            "token": "inputtext.padding.y",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Padding top and bottom of an input field"
-                        },
-                        {
-                            "name": "root.borderRadius",
-                            "token": "inputtext.border.radius",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Border radius of an input field"
-                        },
-                        {
-                            "name": "focusRing.width",
-                            "token": "inputtext.focus.ring.width",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Outline width of an input field on the focus state"
-                        },
-                        {
-                            "name": "focusRing.style",
-                            "token": "inputtext.focus.ring.style",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Outline style of an input field on the focus state"
-                        },
-                        {
-                            "name": "focusRing.color",
-                            "token": "inputtext.focus.ring.color",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Outline color of an input field on the focus state"
-                        },
-                        {
-                            "name": "focusRing.offset",
-                            "token": "inputtext.focus.ring.offset",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Outline offset of an input field on the focus state"
-                        },
-                        {
-                            "name": "focusRing.shadow",
-                            "token": "inputtext.focus.ring.shadow",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Shadow of an input field on the focus state"
-                        }
-                    ]
+                "ColorSchemeDesignToken": {
+                    "props": []
+                },
+                "PaletteDesignToken": {
+                    "props": []
+                },
+                "PrimitiveDesignTokens": {
+                    "props": []
+                },
+                "SemanticDesignTokens": {
+                    "props": []
                 }
             }
         }
     },
-    "themes/nora/knob": {},
-    "themes/nora/listbox": {},
-    "themes/nora/megamenu": {},
-    "themes/nora/menu": {},
-    "themes/nora/menubar": {},
-    "themes/nora/message": {},
-    "themes/nora/metergroup": {},
-    "themes/nora/multiselect": {},
-    "themes/nora/orderlist": {},
-    "themes/nora/organizationchart": {},
-    "themes/nora/paginator": {},
-    "themes/nora/panel": {},
-    "themes/nora/panelmenu": {},
-    "themes/nora/password": {},
-    "themes/nora/picklist": {},
-    "themes/nora/popover": {},
-    "themes/nora/progressbar": {},
-    "themes/nora/progressspinner": {},
-    "themes/nora/radiobutton": {},
-    "themes/nora/rating": {},
-    "themes/nora/ripple": {},
-    "themes/nora/scrollpanel": {},
-    "themes/nora/scrolltop": {},
-    "themes/nora/select": {},
-    "themes/nora/selectbutton": {},
-    "themes/nora/skeleton": {},
-    "themes/nora/slider": {},
-    "themes/nora/speeddial": {},
-    "themes/nora/splitbutton": {},
-    "themes/nora/splitter": {},
-    "themes/nora/stepper": {},
-    "themes/nora/steps": {},
-    "themes/nora/tabmenu": {},
-    "themes/nora/tabs": {},
-    "themes/nora/tabview": {},
-    "themes/nora/tag": {},
-    "themes/nora/terminal": {},
-    "themes/nora/textarea": {},
-    "themes/nora/tieredmenu": {},
-    "themes/nora/timeline": {},
-    "themes/nora/toast": {},
-    "themes/nora/togglebutton": {},
-    "themes/nora/toggleswitch": {},
-    "themes/nora/toolbar": {},
-    "themes/nora/tooltip": {},
-    "themes/nora/tree": {},
-    "themes/nora/treeselect": {},
-    "themes/nora/treetable": {},
     "themes/service": {},
+    "themes/accordion": {
+        "description": "Accordion Design Tokens\n\n[Live Demo](https://www.primevue.org/accordion/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "AccordionDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "panel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the panel section"
+                        },
+                        {
+                            "name": "header",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the header section"
+                        },
+                        {
+                            "name": "content",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the content section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<AccordionDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "AccordionDesignTokens": {
+                    "props": [
+                        {
+                            "name": "panel.borderWidth",
+                            "token": "accordion.panel.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of panel"
+                        },
+                        {
+                            "name": "panel.borderColor",
+                            "token": "accordion.panel.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of panel"
+                        },
+                        {
+                            "name": "header.color",
+                            "token": "accordion.header.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of header"
+                        },
+                        {
+                            "name": "header.hoverColor",
+                            "token": "accordion.header.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of header"
+                        },
+                        {
+                            "name": "header.activeColor",
+                            "token": "accordion.header.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of header"
+                        },
+                        {
+                            "name": "header.padding",
+                            "token": "accordion.header.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of header"
+                        },
+                        {
+                            "name": "header.fontWeight",
+                            "token": "accordion.header.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of header"
+                        },
+                        {
+                            "name": "header.borderRadius",
+                            "token": "accordion.header.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of header"
+                        },
+                        {
+                            "name": "header.borderWidth",
+                            "token": "accordion.header.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of header"
+                        },
+                        {
+                            "name": "header.borderColor",
+                            "token": "accordion.header.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of header"
+                        },
+                        {
+                            "name": "header.background",
+                            "token": "accordion.header.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of header"
+                        },
+                        {
+                            "name": "header.hoverBackground",
+                            "token": "accordion.header.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of header"
+                        },
+                        {
+                            "name": "header.activeBackground",
+                            "token": "accordion.header.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active background of header"
+                        },
+                        {
+                            "name": "header.activeHoverBackground",
+                            "token": "accordion.header.active.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active hover background of header"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "accordion.header.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of header"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "accordion.header.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of header"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "accordion.header.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of header"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "accordion.header.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of header"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "accordion.header.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of header"
+                        },
+                        {
+                            "name": "toggleIcon.color",
+                            "token": "accordion.header.toggle.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Toggle icon color of header"
+                        },
+                        {
+                            "name": "toggleIcon.hoverColor",
+                            "token": "accordion.header.toggle.icon.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Toggle icon hover color of header"
+                        },
+                        {
+                            "name": "toggleIcon.activeColor",
+                            "token": "accordion.header.toggle.icon.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Toggle icon active color of header"
+                        },
+                        {
+                            "name": "toggleIcon.activeHoverColor",
+                            "token": "accordion.header.toggle.icon.active.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Toggle icon active hover color of header"
+                        },
+                        {
+                            "name": "first.topBorderRadius",
+                            "token": "accordion.header.first.top.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "First top border radius of header"
+                        },
+                        {
+                            "name": "first.borderWidth",
+                            "token": "accordion.header.first.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "First border width of header"
+                        },
+                        {
+                            "name": "last.bottomBorderRadius",
+                            "token": "accordion.header.last.bottom.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Last bottom border radius of header"
+                        },
+                        {
+                            "name": "last.activeBottomBorderRadius",
+                            "token": "accordion.header.last.active.bottom.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Last active bottom border radius of header"
+                        },
+                        {
+                            "name": "content.borderWidth",
+                            "token": "accordion.content.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of content"
+                        },
+                        {
+                            "name": "content.borderColor",
+                            "token": "accordion.content.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of content"
+                        },
+                        {
+                            "name": "content.background",
+                            "token": "accordion.content.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of content"
+                        },
+                        {
+                            "name": "content.color",
+                            "token": "accordion.content.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of content"
+                        },
+                        {
+                            "name": "content.padding",
+                            "token": "accordion.content.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of content"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/autocomplete": {
+        "description": "AutoComplete Design Tokens\n\n[Live Demo](https://www.primevue.org/autocomplete/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "AutoCompleteDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "overlay",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the overlay section"
+                        },
+                        {
+                            "name": "list",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the list section"
+                        },
+                        {
+                            "name": "option",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the option section"
+                        },
+                        {
+                            "name": "optionGroup",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the option group section"
+                        },
+                        {
+                            "name": "dropdown",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the dropdown section"
+                        },
+                        {
+                            "name": "chip",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the chip section"
+                        },
+                        {
+                            "name": "emptyMessage",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the empty message section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<AutoCompleteDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "AutoCompleteDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "autocomplete.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.disabledBackground",
+                            "token": "autocomplete.disabled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled background of root"
+                        },
+                        {
+                            "name": "root.filledBackground",
+                            "token": "autocomplete.filled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled background of root"
+                        },
+                        {
+                            "name": "root.filledFocusBackground",
+                            "token": "autocomplete.filled.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled focus background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "autocomplete.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.hoverBorderColor",
+                            "token": "autocomplete.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover border color of root"
+                        },
+                        {
+                            "name": "root.focusBorderColor",
+                            "token": "autocomplete.focus.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus border color of root"
+                        },
+                        {
+                            "name": "root.invalidBorderColor",
+                            "token": "autocomplete.invalid.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Invalid border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "autocomplete.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.disabledColor",
+                            "token": "autocomplete.disabled.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled color of root"
+                        },
+                        {
+                            "name": "root.placeholderColor",
+                            "token": "autocomplete.placeholder.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Placeholder color of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "autocomplete.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "root.paddingX",
+                            "token": "autocomplete.padding.x",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding x of root"
+                        },
+                        {
+                            "name": "root.paddingY",
+                            "token": "autocomplete.padding.y",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding y of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "autocomplete.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "autocomplete.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of root"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "autocomplete.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "autocomplete.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "autocomplete.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "autocomplete.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of root"
+                        },
+                        {
+                            "name": "overlay.background",
+                            "token": "autocomplete.overlay.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of overlay"
+                        },
+                        {
+                            "name": "overlay.borderColor",
+                            "token": "autocomplete.overlay.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of overlay"
+                        },
+                        {
+                            "name": "overlay.borderRadius",
+                            "token": "autocomplete.overlay.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of overlay"
+                        },
+                        {
+                            "name": "overlay.color",
+                            "token": "autocomplete.overlay.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of overlay"
+                        },
+                        {
+                            "name": "overlay.shadow",
+                            "token": "autocomplete.overlay.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of overlay"
+                        },
+                        {
+                            "name": "list.padding",
+                            "token": "autocomplete.list.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of list"
+                        },
+                        {
+                            "name": "list.gap",
+                            "token": "autocomplete.list.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of list"
+                        },
+                        {
+                            "name": "option.focusBackground",
+                            "token": "autocomplete.option.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus background of option"
+                        },
+                        {
+                            "name": "option.selectedBackground",
+                            "token": "autocomplete.option.selected.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected background of option"
+                        },
+                        {
+                            "name": "option.selectedFocusBackground",
+                            "token": "autocomplete.option.selected.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected focus background of option"
+                        },
+                        {
+                            "name": "option.color",
+                            "token": "autocomplete.option.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of option"
+                        },
+                        {
+                            "name": "option.focusColor",
+                            "token": "autocomplete.option.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of option"
+                        },
+                        {
+                            "name": "option.selectedColor",
+                            "token": "autocomplete.option.selected.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected color of option"
+                        },
+                        {
+                            "name": "option.selectedFocusColor",
+                            "token": "autocomplete.option.selected.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected focus color of option"
+                        },
+                        {
+                            "name": "option.padding",
+                            "token": "autocomplete.option.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of option"
+                        },
+                        {
+                            "name": "option.borderRadius",
+                            "token": "autocomplete.option.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of option"
+                        },
+                        {
+                            "name": "optionGroup.background",
+                            "token": "autocomplete.option.group.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of option group"
+                        },
+                        {
+                            "name": "optionGroup.color",
+                            "token": "autocomplete.option.group.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of option group"
+                        },
+                        {
+                            "name": "optionGroup.fontWeight",
+                            "token": "autocomplete.option.group.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of option group"
+                        },
+                        {
+                            "name": "optionGroup.padding",
+                            "token": "autocomplete.option.group.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of option group"
+                        },
+                        {
+                            "name": "dropdown.width",
+                            "token": "autocomplete.dropdown.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of dropdown"
+                        },
+                        {
+                            "name": "dropdown.borderColor",
+                            "token": "autocomplete.dropdown.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of dropdown"
+                        },
+                        {
+                            "name": "dropdown.hoverBorderColor",
+                            "token": "autocomplete.dropdown.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover border color of dropdown"
+                        },
+                        {
+                            "name": "dropdown.activeBorderColor",
+                            "token": "autocomplete.dropdown.active.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active border color of dropdown"
+                        },
+                        {
+                            "name": "dropdown.borderRadius",
+                            "token": "autocomplete.dropdown.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of dropdown"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "autocomplete.dropdown.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of dropdown"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "autocomplete.dropdown.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of dropdown"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "autocomplete.dropdown.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of dropdown"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "autocomplete.dropdown.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of dropdown"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "autocomplete.dropdown.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of dropdown"
+                        },
+                        {
+                            "name": "dropdown.background",
+                            "token": "autocomplete.dropdown.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of dropdown"
+                        },
+                        {
+                            "name": "dropdown.hoverBackground",
+                            "token": "autocomplete.dropdown.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of dropdown"
+                        },
+                        {
+                            "name": "dropdown.activeBackground",
+                            "token": "autocomplete.dropdown.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active background of dropdown"
+                        },
+                        {
+                            "name": "dropdown.color",
+                            "token": "autocomplete.dropdown.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of dropdown"
+                        },
+                        {
+                            "name": "dropdown.hoverColor",
+                            "token": "autocomplete.dropdown.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of dropdown"
+                        },
+                        {
+                            "name": "dropdown.activeColor",
+                            "token": "autocomplete.dropdown.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of dropdown"
+                        },
+                        {
+                            "name": "chip.borderRadius",
+                            "token": "autocomplete.chip.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of chip"
+                        },
+                        {
+                            "name": "emptyMessage.padding",
+                            "token": "autocomplete.empty.message.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of empty message"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/avatar": {
+        "description": "Avatar Design Tokens\n\n[Live Demo](https://www.primevue.org/avatar/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "AvatarDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "group",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the group section"
+                        },
+                        {
+                            "name": "lg",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the lg section"
+                        },
+                        {
+                            "name": "xl",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the xl section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<AvatarDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "AvatarDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.width",
+                            "token": "avatar.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of root"
+                        },
+                        {
+                            "name": "root.height",
+                            "token": "avatar.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of root"
+                        },
+                        {
+                            "name": "root.fontSize",
+                            "token": "avatar.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font size of root"
+                        },
+                        {
+                            "name": "root.background",
+                            "token": "avatar.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "avatar.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "group.borderColor",
+                            "token": "avatar.group.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of group"
+                        },
+                        {
+                            "name": "group.offset",
+                            "token": "avatar.group.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Offset of group"
+                        },
+                        {
+                            "name": "lg.width",
+                            "token": "avatar.lg.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of lg"
+                        },
+                        {
+                            "name": "lg.height",
+                            "token": "avatar.lg.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of lg"
+                        },
+                        {
+                            "name": "lg.fontSize",
+                            "token": "avatar.lg.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font size of lg"
+                        },
+                        {
+                            "name": "xl.width",
+                            "token": "avatar.xl.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of xl"
+                        },
+                        {
+                            "name": "xl.height",
+                            "token": "avatar.xl.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of xl"
+                        },
+                        {
+                            "name": "xl.fontSize",
+                            "token": "avatar.xl.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font size of xl"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/badge": {
+        "description": "Badge Design Tokens\n\n[Live Demo](https://www.primevue.org/badge/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "BadgeDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "dot",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the dot section"
+                        },
+                        {
+                            "name": "sm",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the sm section"
+                        },
+                        {
+                            "name": "lg",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the lg section"
+                        },
+                        {
+                            "name": "xl",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the xl section"
+                        },
+                        {
+                            "name": "primary",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the primary section"
+                        },
+                        {
+                            "name": "secondary",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the secondary section"
+                        },
+                        {
+                            "name": "success",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the success section"
+                        },
+                        {
+                            "name": "info",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the info section"
+                        },
+                        {
+                            "name": "warn",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the warn section"
+                        },
+                        {
+                            "name": "danger",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the danger section"
+                        },
+                        {
+                            "name": "contrast",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the contrast section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<BadgeDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "BadgeDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.borderRadius",
+                            "token": "badge.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.padding",
+                            "token": "badge.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of root"
+                        },
+                        {
+                            "name": "root.fontSize",
+                            "token": "badge.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font size of root"
+                        },
+                        {
+                            "name": "root.fontWeight",
+                            "token": "badge.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of root"
+                        },
+                        {
+                            "name": "root.minWidth",
+                            "token": "badge.min.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Min width of root"
+                        },
+                        {
+                            "name": "root.height",
+                            "token": "badge.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of root"
+                        },
+                        {
+                            "name": "dot.size",
+                            "token": "badge.dot.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of dot"
+                        },
+                        {
+                            "name": "sm.fontSize",
+                            "token": "badge.sm.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font size of sm"
+                        },
+                        {
+                            "name": "sm.minWidth",
+                            "token": "badge.sm.min.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Min width of sm"
+                        },
+                        {
+                            "name": "sm.height",
+                            "token": "badge.sm.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of sm"
+                        },
+                        {
+                            "name": "lg.fontSize",
+                            "token": "badge.lg.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font size of lg"
+                        },
+                        {
+                            "name": "lg.minWidth",
+                            "token": "badge.lg.min.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Min width of lg"
+                        },
+                        {
+                            "name": "lg.height",
+                            "token": "badge.lg.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of lg"
+                        },
+                        {
+                            "name": "xl.fontSize",
+                            "token": "badge.xl.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font size of xl"
+                        },
+                        {
+                            "name": "xl.minWidth",
+                            "token": "badge.xl.min.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Min width of xl"
+                        },
+                        {
+                            "name": "xl.height",
+                            "token": "badge.xl.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of xl"
+                        },
+                        {
+                            "name": "primary.background",
+                            "token": "badge.primary.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of primary"
+                        },
+                        {
+                            "name": "primary.color",
+                            "token": "badge.primary.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of primary"
+                        },
+                        {
+                            "name": "secondary.background",
+                            "token": "badge.secondary.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of secondary"
+                        },
+                        {
+                            "name": "secondary.color",
+                            "token": "badge.secondary.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of secondary"
+                        },
+                        {
+                            "name": "success.background",
+                            "token": "badge.success.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of success"
+                        },
+                        {
+                            "name": "success.color",
+                            "token": "badge.success.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of success"
+                        },
+                        {
+                            "name": "info.background",
+                            "token": "badge.info.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of info"
+                        },
+                        {
+                            "name": "info.color",
+                            "token": "badge.info.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of info"
+                        },
+                        {
+                            "name": "warn.background",
+                            "token": "badge.warn.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of warn"
+                        },
+                        {
+                            "name": "warn.color",
+                            "token": "badge.warn.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of warn"
+                        },
+                        {
+                            "name": "danger.background",
+                            "token": "badge.danger.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of danger"
+                        },
+                        {
+                            "name": "danger.color",
+                            "token": "badge.danger.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of danger"
+                        },
+                        {
+                            "name": "contrast.background",
+                            "token": "badge.contrast.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of contrast"
+                        },
+                        {
+                            "name": "contrast.color",
+                            "token": "badge.contrast.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of contrast"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/blockui": {
+        "description": "BlockUI Design Tokens\n\n[Live Demo](https://www.primevue.org/blockui/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "BlockUIDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<BlockUIDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "BlockUIDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.borderRadius",
+                            "token": "blockui.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/breadcrumb": {
+        "description": "Breadcrumb Design Tokens\n\n[Live Demo](https://www.primevue.org/breadcrumb/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "BreadcrumbDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "item",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the item section"
+                        },
+                        {
+                            "name": "separator",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the separator section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<BreadcrumbDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "BreadcrumbDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.padding",
+                            "token": "breadcrumb.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of root"
+                        },
+                        {
+                            "name": "root.background",
+                            "token": "breadcrumb.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.gap",
+                            "token": "breadcrumb.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        },
+                        {
+                            "name": "item.color",
+                            "token": "breadcrumb.item.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of item"
+                        },
+                        {
+                            "name": "item.hoverColor",
+                            "token": "breadcrumb.item.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of item"
+                        },
+                        {
+                            "name": "item.iconColor",
+                            "token": "breadcrumb.item.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon color of item"
+                        },
+                        {
+                            "name": "item.borderRadius",
+                            "token": "breadcrumb.item.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of item"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "breadcrumb.item.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of item"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "breadcrumb.item.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of item"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "breadcrumb.item.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of item"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "breadcrumb.item.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of item"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "breadcrumb.item.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of item"
+                        },
+                        {
+                            "name": "separator.color",
+                            "token": "breadcrumb.separator.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of separator"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/button": {
+        "description": "Button Design Tokens\n\n[Live Demo](https://www.primevue.org/button/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "ButtonDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "outlined",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the outlined section"
+                        },
+                        {
+                            "name": "text",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the text section"
+                        },
+                        {
+                            "name": "link",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the link section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<ButtonDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "ButtonDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.borderRadius",
+                            "token": "button.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.roundedBorderRadius",
+                            "token": "button.rounded.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Rounded border radius of root"
+                        },
+                        {
+                            "name": "root.gap",
+                            "token": "button.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        },
+                        {
+                            "name": "root.paddingX",
+                            "token": "button.padding.x",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding x of root"
+                        },
+                        {
+                            "name": "root.paddingY",
+                            "token": "button.padding.y",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding y of root"
+                        },
+                        {
+                            "name": "root.iconOnlyWidth",
+                            "token": "button.icon.only.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon only width of root"
+                        },
+                        {
+                            "name": "sm.fontSize",
+                            "token": "button.sm.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Sm font size of root"
+                        },
+                        {
+                            "name": "sm.paddingX",
+                            "token": "button.sm.padding.x",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Sm padding x of root"
+                        },
+                        {
+                            "name": "sm.paddingY",
+                            "token": "button.sm.padding.y",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Sm padding y of root"
+                        },
+                        {
+                            "name": "lg.fontSize",
+                            "token": "button.lg.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Lg font size of root"
+                        },
+                        {
+                            "name": "lg.paddingX",
+                            "token": "button.lg.padding.x",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Lg padding x of root"
+                        },
+                        {
+                            "name": "lg.paddingY",
+                            "token": "button.lg.padding.y",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Lg padding y of root"
+                        },
+                        {
+                            "name": "label.fontWeight",
+                            "token": "button.label.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Label font weight of root"
+                        },
+                        {
+                            "name": "root.raisedShadow",
+                            "token": "button.raised.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Raised shadow of root"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "button.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of root"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "button.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of root"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "button.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of root"
+                        },
+                        {
+                            "name": "primary.background",
+                            "token": "button.primary.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary background of root"
+                        },
+                        {
+                            "name": "primary.hoverBackground",
+                            "token": "button.primary.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary hover background of root"
+                        },
+                        {
+                            "name": "primary.activeBackground",
+                            "token": "button.primary.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary active background of root"
+                        },
+                        {
+                            "name": "primary.borderColor",
+                            "token": "button.primary.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary border color of root"
+                        },
+                        {
+                            "name": "primary.hoverBorderColor",
+                            "token": "button.primary.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary hover border color of root"
+                        },
+                        {
+                            "name": "primary.activeBorderColor",
+                            "token": "button.primary.active.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary active border color of root"
+                        },
+                        {
+                            "name": "primary.color",
+                            "token": "button.primary.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary color of root"
+                        },
+                        {
+                            "name": "primary.hoverColor",
+                            "token": "button.primary.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary hover color of root"
+                        },
+                        {
+                            "name": "primary.activeColor",
+                            "token": "button.primary.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary active color of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "button.primary.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "button.primary.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary focus ring shadow of root"
+                        },
+                        {
+                            "name": "secondary.background",
+                            "token": "button.secondary.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary background of root"
+                        },
+                        {
+                            "name": "secondary.hoverBackground",
+                            "token": "button.secondary.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary hover background of root"
+                        },
+                        {
+                            "name": "secondary.activeBackground",
+                            "token": "button.secondary.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary active background of root"
+                        },
+                        {
+                            "name": "secondary.borderColor",
+                            "token": "button.secondary.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary border color of root"
+                        },
+                        {
+                            "name": "secondary.hoverBorderColor",
+                            "token": "button.secondary.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary hover border color of root"
+                        },
+                        {
+                            "name": "secondary.activeBorderColor",
+                            "token": "button.secondary.active.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary active border color of root"
+                        },
+                        {
+                            "name": "secondary.color",
+                            "token": "button.secondary.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary color of root"
+                        },
+                        {
+                            "name": "secondary.hoverColor",
+                            "token": "button.secondary.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary hover color of root"
+                        },
+                        {
+                            "name": "secondary.activeColor",
+                            "token": "button.secondary.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary active color of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "button.secondary.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "button.secondary.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary focus ring shadow of root"
+                        },
+                        {
+                            "name": "info.background",
+                            "token": "button.info.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info background of root"
+                        },
+                        {
+                            "name": "info.hoverBackground",
+                            "token": "button.info.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info hover background of root"
+                        },
+                        {
+                            "name": "info.activeBackground",
+                            "token": "button.info.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info active background of root"
+                        },
+                        {
+                            "name": "info.borderColor",
+                            "token": "button.info.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info border color of root"
+                        },
+                        {
+                            "name": "info.hoverBorderColor",
+                            "token": "button.info.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info hover border color of root"
+                        },
+                        {
+                            "name": "info.activeBorderColor",
+                            "token": "button.info.active.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info active border color of root"
+                        },
+                        {
+                            "name": "info.color",
+                            "token": "button.info.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info color of root"
+                        },
+                        {
+                            "name": "info.hoverColor",
+                            "token": "button.info.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info hover color of root"
+                        },
+                        {
+                            "name": "info.activeColor",
+                            "token": "button.info.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info active color of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "button.info.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "button.info.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info focus ring shadow of root"
+                        },
+                        {
+                            "name": "success.background",
+                            "token": "button.success.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success background of root"
+                        },
+                        {
+                            "name": "success.hoverBackground",
+                            "token": "button.success.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success hover background of root"
+                        },
+                        {
+                            "name": "success.activeBackground",
+                            "token": "button.success.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success active background of root"
+                        },
+                        {
+                            "name": "success.borderColor",
+                            "token": "button.success.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success border color of root"
+                        },
+                        {
+                            "name": "success.hoverBorderColor",
+                            "token": "button.success.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success hover border color of root"
+                        },
+                        {
+                            "name": "success.activeBorderColor",
+                            "token": "button.success.active.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success active border color of root"
+                        },
+                        {
+                            "name": "success.color",
+                            "token": "button.success.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success color of root"
+                        },
+                        {
+                            "name": "success.hoverColor",
+                            "token": "button.success.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success hover color of root"
+                        },
+                        {
+                            "name": "success.activeColor",
+                            "token": "button.success.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success active color of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "button.success.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "button.success.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success focus ring shadow of root"
+                        },
+                        {
+                            "name": "warn.background",
+                            "token": "button.warn.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn background of root"
+                        },
+                        {
+                            "name": "warn.hoverBackground",
+                            "token": "button.warn.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn hover background of root"
+                        },
+                        {
+                            "name": "warn.activeBackground",
+                            "token": "button.warn.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn active background of root"
+                        },
+                        {
+                            "name": "warn.borderColor",
+                            "token": "button.warn.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn border color of root"
+                        },
+                        {
+                            "name": "warn.hoverBorderColor",
+                            "token": "button.warn.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn hover border color of root"
+                        },
+                        {
+                            "name": "warn.activeBorderColor",
+                            "token": "button.warn.active.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn active border color of root"
+                        },
+                        {
+                            "name": "warn.color",
+                            "token": "button.warn.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn color of root"
+                        },
+                        {
+                            "name": "warn.hoverColor",
+                            "token": "button.warn.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn hover color of root"
+                        },
+                        {
+                            "name": "warn.activeColor",
+                            "token": "button.warn.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn active color of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "button.warn.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "button.warn.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn focus ring shadow of root"
+                        },
+                        {
+                            "name": "help.background",
+                            "token": "button.help.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help background of root"
+                        },
+                        {
+                            "name": "help.hoverBackground",
+                            "token": "button.help.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help hover background of root"
+                        },
+                        {
+                            "name": "help.activeBackground",
+                            "token": "button.help.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help active background of root"
+                        },
+                        {
+                            "name": "help.borderColor",
+                            "token": "button.help.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help border color of root"
+                        },
+                        {
+                            "name": "help.hoverBorderColor",
+                            "token": "button.help.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help hover border color of root"
+                        },
+                        {
+                            "name": "help.activeBorderColor",
+                            "token": "button.help.active.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help active border color of root"
+                        },
+                        {
+                            "name": "help.color",
+                            "token": "button.help.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help color of root"
+                        },
+                        {
+                            "name": "help.hoverColor",
+                            "token": "button.help.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help hover color of root"
+                        },
+                        {
+                            "name": "help.activeColor",
+                            "token": "button.help.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help active color of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "button.help.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "button.help.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help focus ring shadow of root"
+                        },
+                        {
+                            "name": "danger.background",
+                            "token": "button.danger.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger background of root"
+                        },
+                        {
+                            "name": "danger.hoverBackground",
+                            "token": "button.danger.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger hover background of root"
+                        },
+                        {
+                            "name": "danger.activeBackground",
+                            "token": "button.danger.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger active background of root"
+                        },
+                        {
+                            "name": "danger.borderColor",
+                            "token": "button.danger.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger border color of root"
+                        },
+                        {
+                            "name": "danger.hoverBorderColor",
+                            "token": "button.danger.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger hover border color of root"
+                        },
+                        {
+                            "name": "danger.activeBorderColor",
+                            "token": "button.danger.active.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger active border color of root"
+                        },
+                        {
+                            "name": "danger.color",
+                            "token": "button.danger.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger color of root"
+                        },
+                        {
+                            "name": "danger.hoverColor",
+                            "token": "button.danger.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger hover color of root"
+                        },
+                        {
+                            "name": "danger.activeColor",
+                            "token": "button.danger.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger active color of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "button.danger.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "button.danger.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger focus ring shadow of root"
+                        },
+                        {
+                            "name": "contrast.background",
+                            "token": "button.contrast.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast background of root"
+                        },
+                        {
+                            "name": "contrast.hoverBackground",
+                            "token": "button.contrast.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast hover background of root"
+                        },
+                        {
+                            "name": "contrast.activeBackground",
+                            "token": "button.contrast.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast active background of root"
+                        },
+                        {
+                            "name": "contrast.borderColor",
+                            "token": "button.contrast.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast border color of root"
+                        },
+                        {
+                            "name": "contrast.hoverBorderColor",
+                            "token": "button.contrast.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast hover border color of root"
+                        },
+                        {
+                            "name": "contrast.activeBorderColor",
+                            "token": "button.contrast.active.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast active border color of root"
+                        },
+                        {
+                            "name": "contrast.color",
+                            "token": "button.contrast.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast color of root"
+                        },
+                        {
+                            "name": "contrast.hoverColor",
+                            "token": "button.contrast.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast hover color of root"
+                        },
+                        {
+                            "name": "contrast.activeColor",
+                            "token": "button.contrast.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast active color of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "button.contrast.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "button.contrast.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast focus ring shadow of root"
+                        },
+                        {
+                            "name": "primary.hoverBackground",
+                            "token": "button.outlined.primary.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary hover background of outlined"
+                        },
+                        {
+                            "name": "primary.activeBackground",
+                            "token": "button.outlined.primary.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary active background of outlined"
+                        },
+                        {
+                            "name": "primary.borderColor",
+                            "token": "button.outlined.primary.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary border color of outlined"
+                        },
+                        {
+                            "name": "primary.color",
+                            "token": "button.outlined.primary.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary color of outlined"
+                        },
+                        {
+                            "name": "secondary.hoverBackground",
+                            "token": "button.outlined.secondary.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary hover background of outlined"
+                        },
+                        {
+                            "name": "secondary.activeBackground",
+                            "token": "button.outlined.secondary.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary active background of outlined"
+                        },
+                        {
+                            "name": "secondary.borderColor",
+                            "token": "button.outlined.secondary.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary border color of outlined"
+                        },
+                        {
+                            "name": "secondary.color",
+                            "token": "button.outlined.secondary.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary color of outlined"
+                        },
+                        {
+                            "name": "success.hoverBackground",
+                            "token": "button.outlined.success.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success hover background of outlined"
+                        },
+                        {
+                            "name": "success.activeBackground",
+                            "token": "button.outlined.success.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success active background of outlined"
+                        },
+                        {
+                            "name": "success.borderColor",
+                            "token": "button.outlined.success.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success border color of outlined"
+                        },
+                        {
+                            "name": "success.color",
+                            "token": "button.outlined.success.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success color of outlined"
+                        },
+                        {
+                            "name": "info.hoverBackground",
+                            "token": "button.outlined.info.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info hover background of outlined"
+                        },
+                        {
+                            "name": "info.activeBackground",
+                            "token": "button.outlined.info.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info active background of outlined"
+                        },
+                        {
+                            "name": "info.borderColor",
+                            "token": "button.outlined.info.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info border color of outlined"
+                        },
+                        {
+                            "name": "info.color",
+                            "token": "button.outlined.info.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info color of outlined"
+                        },
+                        {
+                            "name": "warn.hoverBackground",
+                            "token": "button.outlined.warn.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn hover background of outlined"
+                        },
+                        {
+                            "name": "warn.activeBackground",
+                            "token": "button.outlined.warn.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn active background of outlined"
+                        },
+                        {
+                            "name": "warn.borderColor",
+                            "token": "button.outlined.warn.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn border color of outlined"
+                        },
+                        {
+                            "name": "warn.color",
+                            "token": "button.outlined.warn.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn color of outlined"
+                        },
+                        {
+                            "name": "help.hoverBackground",
+                            "token": "button.outlined.help.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help hover background of outlined"
+                        },
+                        {
+                            "name": "help.activeBackground",
+                            "token": "button.outlined.help.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help active background of outlined"
+                        },
+                        {
+                            "name": "help.borderColor",
+                            "token": "button.outlined.help.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help border color of outlined"
+                        },
+                        {
+                            "name": "help.color",
+                            "token": "button.outlined.help.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help color of outlined"
+                        },
+                        {
+                            "name": "danger.hoverBackground",
+                            "token": "button.outlined.danger.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger hover background of outlined"
+                        },
+                        {
+                            "name": "danger.activeBackground",
+                            "token": "button.outlined.danger.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger active background of outlined"
+                        },
+                        {
+                            "name": "danger.borderColor",
+                            "token": "button.outlined.danger.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger border color of outlined"
+                        },
+                        {
+                            "name": "danger.color",
+                            "token": "button.outlined.danger.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger color of outlined"
+                        },
+                        {
+                            "name": "contrast.hoverBackground",
+                            "token": "button.outlined.contrast.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast hover background of outlined"
+                        },
+                        {
+                            "name": "contrast.activeBackground",
+                            "token": "button.outlined.contrast.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast active background of outlined"
+                        },
+                        {
+                            "name": "contrast.borderColor",
+                            "token": "button.outlined.contrast.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast border color of outlined"
+                        },
+                        {
+                            "name": "contrast.color",
+                            "token": "button.outlined.contrast.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Contrast color of outlined"
+                        },
+                        {
+                            "name": "plain.hoverBackground",
+                            "token": "button.outlined.plain.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Plain hover background of outlined"
+                        },
+                        {
+                            "name": "plain.activeBackground",
+                            "token": "button.outlined.plain.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Plain active background of outlined"
+                        },
+                        {
+                            "name": "plain.borderColor",
+                            "token": "button.outlined.plain.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Plain border color of outlined"
+                        },
+                        {
+                            "name": "plain.color",
+                            "token": "button.outlined.plain.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Plain color of outlined"
+                        },
+                        {
+                            "name": "primary.hoverBackground",
+                            "token": "button.text.primary.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary hover background of text"
+                        },
+                        {
+                            "name": "primary.activeBackground",
+                            "token": "button.text.primary.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary active background of text"
+                        },
+                        {
+                            "name": "primary.color",
+                            "token": "button.text.primary.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Primary color of text"
+                        },
+                        {
+                            "name": "secondary.hoverBackground",
+                            "token": "button.text.secondary.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary hover background of text"
+                        },
+                        {
+                            "name": "secondary.activeBackground",
+                            "token": "button.text.secondary.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary active background of text"
+                        },
+                        {
+                            "name": "secondary.color",
+                            "token": "button.text.secondary.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Secondary color of text"
+                        },
+                        {
+                            "name": "success.hoverBackground",
+                            "token": "button.text.success.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success hover background of text"
+                        },
+                        {
+                            "name": "success.activeBackground",
+                            "token": "button.text.success.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success active background of text"
+                        },
+                        {
+                            "name": "success.color",
+                            "token": "button.text.success.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Success color of text"
+                        },
+                        {
+                            "name": "info.hoverBackground",
+                            "token": "button.text.info.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info hover background of text"
+                        },
+                        {
+                            "name": "info.activeBackground",
+                            "token": "button.text.info.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info active background of text"
+                        },
+                        {
+                            "name": "info.color",
+                            "token": "button.text.info.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info color of text"
+                        },
+                        {
+                            "name": "warn.hoverBackground",
+                            "token": "button.text.warn.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn hover background of text"
+                        },
+                        {
+                            "name": "warn.activeBackground",
+                            "token": "button.text.warn.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn active background of text"
+                        },
+                        {
+                            "name": "warn.color",
+                            "token": "button.text.warn.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Warn color of text"
+                        },
+                        {
+                            "name": "help.hoverBackground",
+                            "token": "button.text.help.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help hover background of text"
+                        },
+                        {
+                            "name": "help.activeBackground",
+                            "token": "button.text.help.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help active background of text"
+                        },
+                        {
+                            "name": "help.color",
+                            "token": "button.text.help.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Help color of text"
+                        },
+                        {
+                            "name": "danger.hoverBackground",
+                            "token": "button.text.danger.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger hover background of text"
+                        },
+                        {
+                            "name": "danger.activeBackground",
+                            "token": "button.text.danger.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger active background of text"
+                        },
+                        {
+                            "name": "danger.color",
+                            "token": "button.text.danger.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Danger color of text"
+                        },
+                        {
+                            "name": "plain.hoverBackground",
+                            "token": "button.text.plain.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Plain hover background of text"
+                        },
+                        {
+                            "name": "plain.activeBackground",
+                            "token": "button.text.plain.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Plain active background of text"
+                        },
+                        {
+                            "name": "plain.color",
+                            "token": "button.text.plain.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Plain color of text"
+                        },
+                        {
+                            "name": "link.color",
+                            "token": "button.link.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of link"
+                        },
+                        {
+                            "name": "link.hoverColor",
+                            "token": "button.link.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of link"
+                        },
+                        {
+                            "name": "link.activeColor",
+                            "token": "button.link.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of link"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/card": {
+        "description": "Card Design Tokens\n\n[Live Demo](https://www.primevue.org/card/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "CardDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "body",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the body section"
+                        },
+                        {
+                            "name": "caption",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the caption section"
+                        },
+                        {
+                            "name": "title",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the title section"
+                        },
+                        {
+                            "name": "subtitle",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the subtitle section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<CardDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "CardDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "card.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "card.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "card.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "card.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "body.padding",
+                            "token": "card.body.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of body"
+                        },
+                        {
+                            "name": "body.gap",
+                            "token": "card.body.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of body"
+                        },
+                        {
+                            "name": "caption.gap",
+                            "token": "card.caption.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of caption"
+                        },
+                        {
+                            "name": "title.fontSize",
+                            "token": "card.title.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font size of title"
+                        },
+                        {
+                            "name": "title.fontWeight",
+                            "token": "card.title.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of title"
+                        },
+                        {
+                            "name": "subtitle.color",
+                            "token": "card.subtitle.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of subtitle"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/carousel": {
+        "description": "Carousel Design Tokens\n\n[Live Demo](https://www.primevue.org/carousel/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "CarouselDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "indicator",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the indicator section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<CarouselDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "CarouselDesignTokens": {
+                    "props": [
+                        {
+                            "name": "indicatorList.padding",
+                            "token": "carousel.indicator.list.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Indicator list padding of root"
+                        },
+                        {
+                            "name": "indicatorList.gap",
+                            "token": "carousel.indicator.list.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Indicator list gap of root"
+                        },
+                        {
+                            "name": "indicator.width",
+                            "token": "carousel.indicator.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Indicator width of root"
+                        },
+                        {
+                            "name": "indicator.height",
+                            "token": "carousel.indicator.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Indicator height of root"
+                        },
+                        {
+                            "name": "indicator.borderRadius",
+                            "token": "carousel.indicator.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Indicator border radius of root"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "carousel.indicator.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Indicator focus ring width of root"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "carousel.indicator.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Indicator focus ring style of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "carousel.indicator.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Indicator focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "carousel.indicator.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Indicator focus ring offset of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "carousel.indicator.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Indicator focus ring shadow of root"
+                        },
+                        {
+                            "name": "indicator.background",
+                            "token": "carousel.indicator.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of indicator"
+                        },
+                        {
+                            "name": "indicator.hoverBackground",
+                            "token": "carousel.indicator.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of indicator"
+                        },
+                        {
+                            "name": "indicator.activeBackground",
+                            "token": "carousel.indicator.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active background of indicator"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/cascadeselect": {
+        "description": "CascadeSelect Design Tokens\n\n[Live Demo](https://www.primevue.org/cascadeselect/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "CascadeSelectDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "dropdown",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the dropdown section"
+                        },
+                        {
+                            "name": "overlay",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the overlay section"
+                        },
+                        {
+                            "name": "list",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the list section"
+                        },
+                        {
+                            "name": "option",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the option section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<CascadeSelectDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "CascadeSelectDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "cascadeselect.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.disabledBackground",
+                            "token": "cascadeselect.disabled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled background of root"
+                        },
+                        {
+                            "name": "root.filledBackground",
+                            "token": "cascadeselect.filled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled background of root"
+                        },
+                        {
+                            "name": "root.filledFocusBackground",
+                            "token": "cascadeselect.filled.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled focus background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "cascadeselect.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.hoverBorderColor",
+                            "token": "cascadeselect.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover border color of root"
+                        },
+                        {
+                            "name": "root.focusBorderColor",
+                            "token": "cascadeselect.focus.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus border color of root"
+                        },
+                        {
+                            "name": "root.invalidBorderColor",
+                            "token": "cascadeselect.invalid.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Invalid border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "cascadeselect.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.disabledColor",
+                            "token": "cascadeselect.disabled.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled color of root"
+                        },
+                        {
+                            "name": "root.placeholderColor",
+                            "token": "cascadeselect.placeholder.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Placeholder color of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "cascadeselect.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "root.paddingX",
+                            "token": "cascadeselect.padding.x",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding x of root"
+                        },
+                        {
+                            "name": "root.paddingY",
+                            "token": "cascadeselect.padding.y",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding y of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "cascadeselect.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "cascadeselect.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of root"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "cascadeselect.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "cascadeselect.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "cascadeselect.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "cascadeselect.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of root"
+                        },
+                        {
+                            "name": "dropdown.width",
+                            "token": "cascadeselect.dropdown.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of dropdown"
+                        },
+                        {
+                            "name": "dropdown.color",
+                            "token": "cascadeselect.dropdown.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of dropdown"
+                        },
+                        {
+                            "name": "overlay.background",
+                            "token": "cascadeselect.overlay.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of overlay"
+                        },
+                        {
+                            "name": "overlay.borderColor",
+                            "token": "cascadeselect.overlay.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of overlay"
+                        },
+                        {
+                            "name": "overlay.borderRadius",
+                            "token": "cascadeselect.overlay.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of overlay"
+                        },
+                        {
+                            "name": "overlay.color",
+                            "token": "cascadeselect.overlay.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of overlay"
+                        },
+                        {
+                            "name": "overlay.shadow",
+                            "token": "cascadeselect.overlay.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of overlay"
+                        },
+                        {
+                            "name": "list.padding",
+                            "token": "cascadeselect.list.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of list"
+                        },
+                        {
+                            "name": "list.gap",
+                            "token": "cascadeselect.list.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of list"
+                        },
+                        {
+                            "name": "option.focusBackground",
+                            "token": "cascadeselect.option.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus background of option"
+                        },
+                        {
+                            "name": "option.selectedBackground",
+                            "token": "cascadeselect.option.selected.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected background of option"
+                        },
+                        {
+                            "name": "option.selectedFocusBackground",
+                            "token": "cascadeselect.option.selected.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected focus background of option"
+                        },
+                        {
+                            "name": "option.color",
+                            "token": "cascadeselect.option.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of option"
+                        },
+                        {
+                            "name": "option.focusColor",
+                            "token": "cascadeselect.option.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of option"
+                        },
+                        {
+                            "name": "option.selectedColor",
+                            "token": "cascadeselect.option.selected.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected color of option"
+                        },
+                        {
+                            "name": "option.selectedFocusColor",
+                            "token": "cascadeselect.option.selected.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected focus color of option"
+                        },
+                        {
+                            "name": "option.padding",
+                            "token": "cascadeselect.option.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of option"
+                        },
+                        {
+                            "name": "option.borderRadius",
+                            "token": "cascadeselect.option.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of option"
+                        },
+                        {
+                            "name": "icon.color",
+                            "token": "cascadeselect.option.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon color of option"
+                        },
+                        {
+                            "name": "icon.focusColor",
+                            "token": "cascadeselect.option.icon.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon focus color of option"
+                        },
+                        {
+                            "name": "icon.size",
+                            "token": "cascadeselect.option.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon size of option"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/checkbox": {
+        "description": "Checkbox Design Tokens\n\n[Live Demo](https://www.primevue.org/checkbox/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "CheckboxDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "icon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the icon section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<CheckboxDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "CheckboxDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.borderRadius",
+                            "token": "checkbox.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.width",
+                            "token": "checkbox.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of root"
+                        },
+                        {
+                            "name": "root.height",
+                            "token": "checkbox.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of root"
+                        },
+                        {
+                            "name": "root.background",
+                            "token": "checkbox.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.checkedBackground",
+                            "token": "checkbox.checked.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked background of root"
+                        },
+                        {
+                            "name": "root.checkedHoverBackground",
+                            "token": "checkbox.checked.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked hover background of root"
+                        },
+                        {
+                            "name": "root.disabledBackground",
+                            "token": "checkbox.disabled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled background of root"
+                        },
+                        {
+                            "name": "root.filledBackground",
+                            "token": "checkbox.filled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "checkbox.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.hoverBorderColor",
+                            "token": "checkbox.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover border color of root"
+                        },
+                        {
+                            "name": "root.focusBorderColor",
+                            "token": "checkbox.focus.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus border color of root"
+                        },
+                        {
+                            "name": "root.checkedBorderColor",
+                            "token": "checkbox.checked.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked border color of root"
+                        },
+                        {
+                            "name": "root.checkedHoverBorderColor",
+                            "token": "checkbox.checked.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked hover border color of root"
+                        },
+                        {
+                            "name": "root.checkedFocusBorderColor",
+                            "token": "checkbox.checked.focus.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked focus border color of root"
+                        },
+                        {
+                            "name": "root.invalidBorderColor",
+                            "token": "checkbox.invalid.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Invalid border color of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "checkbox.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "checkbox.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of root"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "checkbox.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "checkbox.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "checkbox.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "checkbox.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of root"
+                        },
+                        {
+                            "name": "icon.size",
+                            "token": "checkbox.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of icon"
+                        },
+                        {
+                            "name": "icon.color",
+                            "token": "checkbox.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of icon"
+                        },
+                        {
+                            "name": "icon.checkedColor",
+                            "token": "checkbox.icon.checked.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked color of icon"
+                        },
+                        {
+                            "name": "icon.checkedHoverColor",
+                            "token": "checkbox.icon.checked.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked hover color of icon"
+                        },
+                        {
+                            "name": "icon.disabledColor",
+                            "token": "checkbox.icon.disabled.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled color of icon"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/chip": {
+        "description": "Chip Design Tokens\n\n[Live Demo](https://www.primevue.org/chip/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "ChipDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "image",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the image section"
+                        },
+                        {
+                            "name": "icon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the icon section"
+                        },
+                        {
+                            "name": "removeIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the remove icon section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<ChipDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "ChipDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.borderRadius",
+                            "token": "chip.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.paddingX",
+                            "token": "chip.padding.x",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding x of root"
+                        },
+                        {
+                            "name": "root.paddingY",
+                            "token": "chip.padding.y",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding y of root"
+                        },
+                        {
+                            "name": "root.gap",
+                            "token": "chip.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        },
+                        {
+                            "name": "root.background",
+                            "token": "chip.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "chip.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "image.width",
+                            "token": "chip.image.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of image"
+                        },
+                        {
+                            "name": "image.height",
+                            "token": "chip.image.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of image"
+                        },
+                        {
+                            "name": "icon.size",
+                            "token": "chip.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of icon"
+                        },
+                        {
+                            "name": "icon.color",
+                            "token": "chip.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of icon"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "chip.remove.icon.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of remove icon"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "chip.remove.icon.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of remove icon"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "chip.remove.icon.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of remove icon"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "chip.remove.icon.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of remove icon"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "chip.remove.icon.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of remove icon"
+                        },
+                        {
+                            "name": "removeIcon.color",
+                            "token": "chip.remove.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of remove icon"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/colorpicker": {
+        "description": "ColorPicker Design Tokens\n\n[Live Demo](https://www.primevue.org/colorpicker/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "ColorPickerDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "preview",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the preview section"
+                        },
+                        {
+                            "name": "panel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the panel section"
+                        },
+                        {
+                            "name": "handle",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the handle section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<ColorPickerDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "ColorPickerDesignTokens": {
+                    "props": [
+                        {
+                            "name": "preview.width",
+                            "token": "colorpicker.preview.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of preview"
+                        },
+                        {
+                            "name": "preview.height",
+                            "token": "colorpicker.preview.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of preview"
+                        },
+                        {
+                            "name": "preview.borderRadius",
+                            "token": "colorpicker.preview.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of preview"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "colorpicker.preview.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of preview"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "colorpicker.preview.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of preview"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "colorpicker.preview.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of preview"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "colorpicker.preview.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of preview"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "colorpicker.preview.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of preview"
+                        },
+                        {
+                            "name": "panel.shadow",
+                            "token": "colorpicker.panel.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of panel"
+                        },
+                        {
+                            "name": "panel.borderRadius",
+                            "token": "colorpicker.panel.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of panel"
+                        },
+                        {
+                            "name": "panel.background",
+                            "token": "colorpicker.panel.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of panel"
+                        },
+                        {
+                            "name": "panel.borderColor",
+                            "token": "colorpicker.panel.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of panel"
+                        },
+                        {
+                            "name": "handle.color",
+                            "token": "colorpicker.handle.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of handle"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/confirmdialog": {
+        "description": "ConfirmDialog Design Tokens\n\n[Live Demo](https://www.primevue.org/confirmdialog/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "ConfirmDialogDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "icon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the icon section"
+                        },
+                        {
+                            "name": "content",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the content section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<ConfirmDialogDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "ConfirmDialogDesignTokens": {
+                    "props": [
+                        {
+                            "name": "icon.size",
+                            "token": "confirmdialog.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of icon"
+                        },
+                        {
+                            "name": "icon.color",
+                            "token": "confirmdialog.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of icon"
+                        },
+                        {
+                            "name": "content.gap",
+                            "token": "confirmdialog.content.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of content"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/confirmpopup": {
+        "description": "ConfirmPopup Design Tokens\n\n[Live Demo](https://www.primevue.org/confirmpopup/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "ConfirmPopupDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "content",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the content section"
+                        },
+                        {
+                            "name": "icon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the icon section"
+                        },
+                        {
+                            "name": "footer",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the footer section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<ConfirmPopupDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "ConfirmPopupDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "confirmpopup.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "confirmpopup.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "confirmpopup.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "confirmpopup.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "confirmpopup.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "root.gutter",
+                            "token": "confirmpopup.gutter",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gutter of root"
+                        },
+                        {
+                            "name": "root.arrowOffset",
+                            "token": "confirmpopup.arrow.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Arrow offset of root"
+                        },
+                        {
+                            "name": "content.padding",
+                            "token": "confirmpopup.content.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of content"
+                        },
+                        {
+                            "name": "content.gap",
+                            "token": "confirmpopup.content.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of content"
+                        },
+                        {
+                            "name": "icon.size",
+                            "token": "confirmpopup.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of icon"
+                        },
+                        {
+                            "name": "icon.color",
+                            "token": "confirmpopup.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of icon"
+                        },
+                        {
+                            "name": "footer.gap",
+                            "token": "confirmpopup.footer.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of footer"
+                        },
+                        {
+                            "name": "footer.padding",
+                            "token": "confirmpopup.footer.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of footer"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/contextmenu": {
+        "description": "ContextMenu Design Tokens\n\n[Live Demo](https://www.primevue.org/contextmenu/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "ContextMenuDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "list",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the list section"
+                        },
+                        {
+                            "name": "item",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the item section"
+                        },
+                        {
+                            "name": "submenuIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the submenu icon section"
+                        },
+                        {
+                            "name": "separator",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the separator section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<ContextMenuDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "ContextMenuDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "contextmenu.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "contextmenu.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "contextmenu.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "contextmenu.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "contextmenu.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "list.padding",
+                            "token": "contextmenu.list.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of list"
+                        },
+                        {
+                            "name": "list.gap",
+                            "token": "contextmenu.list.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of list"
+                        },
+                        {
+                            "name": "item.focusBackground",
+                            "token": "contextmenu.item.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus background of item"
+                        },
+                        {
+                            "name": "item.activeBackground",
+                            "token": "contextmenu.item.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active background of item"
+                        },
+                        {
+                            "name": "item.color",
+                            "token": "contextmenu.item.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of item"
+                        },
+                        {
+                            "name": "item.focusColor",
+                            "token": "contextmenu.item.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of item"
+                        },
+                        {
+                            "name": "item.activeColor",
+                            "token": "contextmenu.item.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of item"
+                        },
+                        {
+                            "name": "item.padding",
+                            "token": "contextmenu.item.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of item"
+                        },
+                        {
+                            "name": "item.borderRadius",
+                            "token": "contextmenu.item.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of item"
+                        },
+                        {
+                            "name": "item.gap",
+                            "token": "contextmenu.item.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of item"
+                        },
+                        {
+                            "name": "icon.color",
+                            "token": "contextmenu.item.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon color of item"
+                        },
+                        {
+                            "name": "icon.focusColor",
+                            "token": "contextmenu.item.icon.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon focus color of item"
+                        },
+                        {
+                            "name": "icon.activeColor",
+                            "token": "contextmenu.item.icon.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon active color of item"
+                        },
+                        {
+                            "name": "submenuIcon.size",
+                            "token": "contextmenu.submenu.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of submenu icon"
+                        },
+                        {
+                            "name": "submenuIcon.color",
+                            "token": "contextmenu.submenu.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of submenu icon"
+                        },
+                        {
+                            "name": "submenuIcon.focusColor",
+                            "token": "contextmenu.submenu.icon.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of submenu icon"
+                        },
+                        {
+                            "name": "submenuIcon.activeColor",
+                            "token": "contextmenu.submenu.icon.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of submenu icon"
+                        },
+                        {
+                            "name": "separator.borderColor",
+                            "token": "contextmenu.separator.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of separator"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/datatable": {
+        "description": "DataTable Design Tokens\n\n[Live Demo](https://www.primevue.org/datatable/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "DataTableDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "header",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the header section"
+                        },
+                        {
+                            "name": "headerCell",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the header cell section"
+                        },
+                        {
+                            "name": "row",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the row section"
+                        },
+                        {
+                            "name": "bodyCell",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the body cell section"
+                        },
+                        {
+                            "name": "footerCell",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the footer cell section"
+                        },
+                        {
+                            "name": "footer",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the footer section"
+                        },
+                        {
+                            "name": "dropPointColor",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the drop point color section"
+                        },
+                        {
+                            "name": "columnResizerWidth",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the column resizer width section"
+                        },
+                        {
+                            "name": "resizeIndicator",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the resize indicator section"
+                        },
+                        {
+                            "name": "sortIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the sort icon section"
+                        },
+                        {
+                            "name": "loadingIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the loading icon section"
+                        },
+                        {
+                            "name": "rowToggleButton",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the row toggle button section"
+                        },
+                        {
+                            "name": "filter",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the filter section"
+                        },
+                        {
+                            "name": "paginatorTop",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the paginator top section"
+                        },
+                        {
+                            "name": "paginatorBottom",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the paginator bottom section"
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<DataTableDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "DataTableDesignTokens": {
+                    "props": [
+                        {
+                            "name": "header.background",
+                            "token": "datatable.header.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of header"
+                        },
+                        {
+                            "name": "header.borderColor",
+                            "token": "datatable.header.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of header"
+                        },
+                        {
+                            "name": "header.color",
+                            "token": "datatable.header.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of header"
+                        },
+                        {
+                            "name": "header.borderWidth",
+                            "token": "datatable.header.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of header"
+                        },
+                        {
+                            "name": "header.padding",
+                            "token": "datatable.header.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of header"
+                        },
+                        {
+                            "name": "header.fontWeight",
+                            "token": "datatable.header.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of header"
+                        },
+                        {
+                            "name": "headerCell.background",
+                            "token": "datatable.header.cell.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of header cell"
+                        },
+                        {
+                            "name": "headerCell.hoverBackground",
+                            "token": "datatable.header.cell.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of header cell"
+                        },
+                        {
+                            "name": "headerCell.selectedBackground",
+                            "token": "datatable.header.cell.selected.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected background of header cell"
+                        },
+                        {
+                            "name": "headerCell.borderColor",
+                            "token": "datatable.header.cell.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of header cell"
+                        },
+                        {
+                            "name": "headerCell.color",
+                            "token": "datatable.header.cell.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of header cell"
+                        },
+                        {
+                            "name": "headerCell.hoverColor",
+                            "token": "datatable.header.cell.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of header cell"
+                        },
+                        {
+                            "name": "headerCell.selectedColor",
+                            "token": "datatable.header.cell.selected.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected color of header cell"
+                        },
+                        {
+                            "name": "headerCell.gap",
+                            "token": "datatable.header.cell.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of header cell"
+                        },
+                        {
+                            "name": "headerCell.padding",
+                            "token": "datatable.header.cell.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of header cell"
+                        },
+                        {
+                            "name": "headerCell.fontWeight",
+                            "token": "datatable.header.cell.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of header cell"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "datatable.header.cell.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of header cell"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "datatable.header.cell.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of header cell"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "datatable.header.cell.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of header cell"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "datatable.header.cell.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of header cell"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "datatable.header.cell.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of header cell"
+                        },
+                        {
+                            "name": "row.background",
+                            "token": "datatable.row.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of row"
+                        },
+                        {
+                            "name": "row.hoverBackground",
+                            "token": "datatable.row.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of row"
+                        },
+                        {
+                            "name": "row.selectedBackground",
+                            "token": "datatable.row.selected.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected background of row"
+                        },
+                        {
+                            "name": "row.color",
+                            "token": "datatable.row.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of row"
+                        },
+                        {
+                            "name": "row.hoverColor",
+                            "token": "datatable.row.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of row"
+                        },
+                        {
+                            "name": "row.selectedColor",
+                            "token": "datatable.row.selected.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected color of row"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "datatable.row.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of row"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "datatable.row.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of row"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "datatable.row.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of row"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "datatable.row.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of row"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "datatable.row.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of row"
+                        },
+                        {
+                            "name": "row.stripedBackground",
+                            "token": "datatable.row.striped.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Striped background of row"
+                        },
+                        {
+                            "name": "bodyCell.borderColor",
+                            "token": "datatable.body.cell.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of body cell"
+                        },
+                        {
+                            "name": "bodyCell.padding",
+                            "token": "datatable.body.cell.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of body cell"
+                        },
+                        {
+                            "name": "bodyCell.selectedBorderColor",
+                            "token": "datatable.body.cell.selected.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected border color of body cell"
+                        },
+                        {
+                            "name": "footerCell.background",
+                            "token": "datatable.footer.cell.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of footer cell"
+                        },
+                        {
+                            "name": "footerCell.borderColor",
+                            "token": "datatable.footer.cell.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of footer cell"
+                        },
+                        {
+                            "name": "footerCell.color",
+                            "token": "datatable.footer.cell.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of footer cell"
+                        },
+                        {
+                            "name": "footerCell.padding",
+                            "token": "datatable.footer.cell.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of footer cell"
+                        },
+                        {
+                            "name": "footerCell.fontWeight",
+                            "token": "datatable.footer.cell.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of footer cell"
+                        },
+                        {
+                            "name": "footer.background",
+                            "token": "datatable.footer.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of footer"
+                        },
+                        {
+                            "name": "footer.borderColor",
+                            "token": "datatable.footer.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of footer"
+                        },
+                        {
+                            "name": "footer.color",
+                            "token": "datatable.footer.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of footer"
+                        },
+                        {
+                            "name": "dropPointColor.0",
+                            "token": "datatable.drop.point.color.0",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "0 of drop point color"
+                        },
+                        {
+                            "name": "dropPointColor.1",
+                            "token": "datatable.drop.point.color.1",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "1 of drop point color"
+                        },
+                        {
+                            "name": "dropPointColor.2",
+                            "token": "datatable.drop.point.color.2",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "2 of drop point color"
+                        },
+                        {
+                            "name": "dropPointColor.3",
+                            "token": "datatable.drop.point.color.3",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "3 of drop point color"
+                        },
+                        {
+                            "name": "dropPointColor.4",
+                            "token": "datatable.drop.point.color.4",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "4 of drop point color"
+                        },
+                        {
+                            "name": "dropPointColor.5",
+                            "token": "datatable.drop.point.color.5",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "5 of drop point color"
+                        },
+                        {
+                            "name": "dropPointColor.6",
+                            "token": "datatable.drop.point.color.6",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "6 of drop point color"
+                        },
+                        {
+                            "name": "dropPointColor.7",
+                            "token": "datatable.drop.point.color.7",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "7 of drop point color"
+                        },
+                        {
+                            "name": "dropPointColor.8",
+                            "token": "datatable.drop.point.color.8",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "8 of drop point color"
+                        },
+                        {
+                            "name": "dropPointColor.9",
+                            "token": "datatable.drop.point.color.9",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "9 of drop point color"
+                        },
+                        {
+                            "name": "dropPointColor.10",
+                            "token": "datatable.drop.point.color.10",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "10 of drop point color"
+                        },
+                        {
+                            "name": "dropPointColor.11",
+                            "token": "datatable.drop.point.color.11",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "11 of drop point color"
+                        },
+                        {
+                            "name": "dropPointColor.12",
+                            "token": "datatable.drop.point.color.12",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "12 of drop point color"
+                        },
+                        {
+                            "name": "dropPointColor.13",
+                            "token": "datatable.drop.point.color.13",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "13 of drop point color"
+                        },
+                        {
+                            "name": "dropPointColor.14",
+                            "token": "datatable.drop.point.color.14",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "14 of drop point color"
+                        },
+                        {
+                            "name": "columnResizerWidth.0",
+                            "token": "datatable.column.resizer.width.0",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "0 of column resizer width"
+                        },
+                        {
+                            "name": "columnResizerWidth.1",
+                            "token": "datatable.column.resizer.width.1",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "1 of column resizer width"
+                        },
+                        {
+                            "name": "columnResizerWidth.2",
+                            "token": "datatable.column.resizer.width.2",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "2 of column resizer width"
+                        },
+                        {
+                            "name": "columnResizerWidth.3",
+                            "token": "datatable.column.resizer.width.3",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "3 of column resizer width"
+                        },
+                        {
+                            "name": "columnResizerWidth.4",
+                            "token": "datatable.column.resizer.width.4",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "4 of column resizer width"
+                        },
+                        {
+                            "name": "columnResizerWidth.5",
+                            "token": "datatable.column.resizer.width.5",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "5 of column resizer width"
+                        },
+                        {
+                            "name": "resizeIndicator.width",
+                            "token": "datatable.resize.indicator.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of resize indicator"
+                        },
+                        {
+                            "name": "resizeIndicator.color",
+                            "token": "datatable.resize.indicator.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of resize indicator"
+                        },
+                        {
+                            "name": "sortIcon.color",
+                            "token": "datatable.sort.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of sort icon"
+                        },
+                        {
+                            "name": "sortIcon.hoverColor",
+                            "token": "datatable.sort.icon.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of sort icon"
+                        },
+                        {
+                            "name": "loadingIcon.size",
+                            "token": "datatable.loading.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of loading icon"
+                        },
+                        {
+                            "name": "rowToggleButton.hoverBackground",
+                            "token": "datatable.row.toggle.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of row toggle button"
+                        },
+                        {
+                            "name": "rowToggleButton.selectedHoverBackground",
+                            "token": "datatable.row.toggle.button.selected.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected hover background of row toggle button"
+                        },
+                        {
+                            "name": "rowToggleButton.color",
+                            "token": "datatable.row.toggle.button.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of row toggle button"
+                        },
+                        {
+                            "name": "rowToggleButton.hoverColor",
+                            "token": "datatable.row.toggle.button.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of row toggle button"
+                        },
+                        {
+                            "name": "rowToggleButton.selectedHoverColor",
+                            "token": "datatable.row.toggle.button.selected.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected hover color of row toggle button"
+                        },
+                        {
+                            "name": "rowToggleButton.size",
+                            "token": "datatable.row.toggle.button.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of row toggle button"
+                        },
+                        {
+                            "name": "rowToggleButton.borderRadius",
+                            "token": "datatable.row.toggle.button.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of row toggle button"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "datatable.row.toggle.button.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of row toggle button"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "datatable.row.toggle.button.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of row toggle button"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "datatable.row.toggle.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of row toggle button"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "datatable.row.toggle.button.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of row toggle button"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "datatable.row.toggle.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of row toggle button"
+                        },
+                        {
+                            "name": "filter.inlineGap",
+                            "token": "datatable.filter.inline.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Inline gap of filter"
+                        },
+                        {
+                            "name": "overlaySelect.background",
+                            "token": "datatable.filter.overlay.select.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Overlay select background of filter"
+                        },
+                        {
+                            "name": "overlaySelect.borderColor",
+                            "token": "datatable.filter.overlay.select.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Overlay select border color of filter"
+                        },
+                        {
+                            "name": "overlaySelect.borderRadius",
+                            "token": "datatable.filter.overlay.select.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Overlay select border radius of filter"
+                        },
+                        {
+                            "name": "overlaySelect.color",
+                            "token": "datatable.filter.overlay.select.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Overlay select color of filter"
+                        },
+                        {
+                            "name": "overlaySelect.shadow",
+                            "token": "datatable.filter.overlay.select.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Overlay select shadow of filter"
+                        },
+                        {
+                            "name": "overlayPopover.background",
+                            "token": "datatable.filter.overlay.popover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Overlay popover background of filter"
+                        },
+                        {
+                            "name": "overlayPopover.borderColor",
+                            "token": "datatable.filter.overlay.popover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Overlay popover border color of filter"
+                        },
+                        {
+                            "name": "overlayPopover.borderRadius",
+                            "token": "datatable.filter.overlay.popover.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Overlay popover border radius of filter"
+                        },
+                        {
+                            "name": "overlayPopover.color",
+                            "token": "datatable.filter.overlay.popover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Overlay popover color of filter"
+                        },
+                        {
+                            "name": "overlayPopover.shadow",
+                            "token": "datatable.filter.overlay.popover.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Overlay popover shadow of filter"
+                        },
+                        {
+                            "name": "overlayPopover.padding",
+                            "token": "datatable.filter.overlay.popover.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Overlay popover padding of filter"
+                        },
+                        {
+                            "name": "overlayPopover.gap",
+                            "token": "datatable.filter.overlay.popover.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Overlay popover gap of filter"
+                        },
+                        {
+                            "name": "rule.borderColor",
+                            "token": "datatable.filter.rule.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Rule border color of filter"
+                        },
+                        {
+                            "name": "constraintList.padding",
+                            "token": "datatable.filter.constraint.list.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Constraint list padding of filter"
+                        },
+                        {
+                            "name": "constraintList.gap",
+                            "token": "datatable.filter.constraint.list.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Constraint list gap of filter"
+                        },
+                        {
+                            "name": "constraint.focusBackground",
+                            "token": "datatable.filter.constraint.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Constraint focus background of filter"
+                        },
+                        {
+                            "name": "constraint.selectedBackground",
+                            "token": "datatable.filter.constraint.selected.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Constraint selected background of filter"
+                        },
+                        {
+                            "name": "constraint.selectedFocusBackground",
+                            "token": "datatable.filter.constraint.selected.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Constraint selected focus background of filter"
+                        },
+                        {
+                            "name": "constraint.color",
+                            "token": "datatable.filter.constraint.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Constraint color of filter"
+                        },
+                        {
+                            "name": "constraint.focusColor",
+                            "token": "datatable.filter.constraint.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Constraint focus color of filter"
+                        },
+                        {
+                            "name": "constraint.selectedColor",
+                            "token": "datatable.filter.constraint.selected.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Constraint selected color of filter"
+                        },
+                        {
+                            "name": "constraint.selectedFocusColor",
+                            "token": "datatable.filter.constraint.selected.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Constraint selected focus color of filter"
+                        },
+                        {
+                            "name": "separator.borderColor",
+                            "token": "datatable.filter.constraint.separator.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Constraint separator border color of filter"
+                        },
+                        {
+                            "name": "constraint.padding",
+                            "token": "datatable.filter.constraint.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Constraint padding of filter"
+                        },
+                        {
+                            "name": "constraint.borderRadius",
+                            "token": "datatable.filter.constraint.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Constraint border radius of filter"
+                        },
+                        {
+                            "name": "paginatorTop.borderColor",
+                            "token": "datatable.paginator.top.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of paginator top"
+                        },
+                        {
+                            "name": "paginatorTop.borderWidth",
+                            "token": "datatable.paginator.top.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of paginator top"
+                        },
+                        {
+                            "name": "paginatorBottom.borderColor",
+                            "token": "datatable.paginator.bottom.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of paginator bottom"
+                        },
+                        {
+                            "name": "paginatorBottom.borderWidth",
+                            "token": "datatable.paginator.bottom.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of paginator bottom"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "datatable.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/dataview": {
+        "description": "DataView Design Tokens\n\n[Live Demo](https://www.primevue.org/dataview/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "DataViewDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "header",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the header section"
+                        },
+                        {
+                            "name": "content",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the content section"
+                        },
+                        {
+                            "name": "footer",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the footer section"
+                        },
+                        {
+                            "name": "paginatorTop",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the paginator top section"
+                        },
+                        {
+                            "name": "paginatorBottom",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the paginator bottom section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<DataViewDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "DataViewDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.borderColor",
+                            "token": "dataview.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.borderWidth",
+                            "token": "dataview.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "dataview.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.padding",
+                            "token": "dataview.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of root"
+                        },
+                        {
+                            "name": "header.background",
+                            "token": "dataview.header.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of header"
+                        },
+                        {
+                            "name": "header.color",
+                            "token": "dataview.header.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of header"
+                        },
+                        {
+                            "name": "header.borderColor",
+                            "token": "dataview.header.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of header"
+                        },
+                        {
+                            "name": "header.borderWidth",
+                            "token": "dataview.header.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of header"
+                        },
+                        {
+                            "name": "header.padding",
+                            "token": "dataview.header.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of header"
+                        },
+                        {
+                            "name": "header.borderRadius",
+                            "token": "dataview.header.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of header"
+                        },
+                        {
+                            "name": "content.background",
+                            "token": "dataview.content.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of content"
+                        },
+                        {
+                            "name": "content.color",
+                            "token": "dataview.content.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of content"
+                        },
+                        {
+                            "name": "content.borderColor",
+                            "token": "dataview.content.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of content"
+                        },
+                        {
+                            "name": "content.borderWidth",
+                            "token": "dataview.content.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of content"
+                        },
+                        {
+                            "name": "content.padding",
+                            "token": "dataview.content.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of content"
+                        },
+                        {
+                            "name": "content.borderRadius",
+                            "token": "dataview.content.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of content"
+                        },
+                        {
+                            "name": "footer.background",
+                            "token": "dataview.footer.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of footer"
+                        },
+                        {
+                            "name": "footer.color",
+                            "token": "dataview.footer.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of footer"
+                        },
+                        {
+                            "name": "footer.borderColor",
+                            "token": "dataview.footer.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of footer"
+                        },
+                        {
+                            "name": "footer.borderWidth",
+                            "token": "dataview.footer.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of footer"
+                        },
+                        {
+                            "name": "footer.padding",
+                            "token": "dataview.footer.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of footer"
+                        },
+                        {
+                            "name": "footer.borderRadius",
+                            "token": "dataview.footer.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of footer"
+                        },
+                        {
+                            "name": "paginatorTop.borderColor",
+                            "token": "dataview.paginator.top.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of paginator top"
+                        },
+                        {
+                            "name": "paginatorTop.borderWidth",
+                            "token": "dataview.paginator.top.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of paginator top"
+                        },
+                        {
+                            "name": "paginatorBottom.borderColor",
+                            "token": "dataview.paginator.bottom.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of paginator bottom"
+                        },
+                        {
+                            "name": "paginatorBottom.borderWidth",
+                            "token": "dataview.paginator.bottom.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of paginator bottom"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/datepicker": {
+        "description": "DatePicker Design Tokens\n\n[Live Demo](https://www.primevue.org/datepicker/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "DatePickerDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "panel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the panel section"
+                        },
+                        {
+                            "name": "header",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the header section"
+                        },
+                        {
+                            "name": "title",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the title section"
+                        },
+                        {
+                            "name": "dropdown",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the dropdown section"
+                        },
+                        {
+                            "name": "inputIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the input icon section"
+                        },
+                        {
+                            "name": "viewMonth",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the view month section"
+                        },
+                        {
+                            "name": "viewYear",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the view year section"
+                        },
+                        {
+                            "name": "group",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the group section"
+                        },
+                        {
+                            "name": "dayView",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the day view section"
+                        },
+                        {
+                            "name": "weekDay",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the week day section"
+                        },
+                        {
+                            "name": "date",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the date section"
+                        },
+                        {
+                            "name": "monthView",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the month view section"
+                        },
+                        {
+                            "name": "month",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the month section"
+                        },
+                        {
+                            "name": "yearView",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the year view section"
+                        },
+                        {
+                            "name": "year",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the year section"
+                        },
+                        {
+                            "name": "buttonbar",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the buttonbar section"
+                        },
+                        {
+                            "name": "timePicker",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the time picker section"
+                        },
+                        {
+                            "name": "today",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the today section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<DatePickerDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "DatePickerDesignTokens": {
+                    "props": [
+                        {
+                            "name": "panel.background",
+                            "token": "datepicker.panel.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of panel"
+                        },
+                        {
+                            "name": "panel.borderColor",
+                            "token": "datepicker.panel.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of panel"
+                        },
+                        {
+                            "name": "panel.color",
+                            "token": "datepicker.panel.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of panel"
+                        },
+                        {
+                            "name": "panel.borderRadius",
+                            "token": "datepicker.panel.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of panel"
+                        },
+                        {
+                            "name": "panel.shadow",
+                            "token": "datepicker.panel.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of panel"
+                        },
+                        {
+                            "name": "panel.padding",
+                            "token": "datepicker.panel.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of panel"
+                        },
+                        {
+                            "name": "header.background",
+                            "token": "datepicker.header.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of header"
+                        },
+                        {
+                            "name": "header.borderColor",
+                            "token": "datepicker.header.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of header"
+                        },
+                        {
+                            "name": "header.color",
+                            "token": "datepicker.header.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of header"
+                        },
+                        {
+                            "name": "header.padding",
+                            "token": "datepicker.header.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of header"
+                        },
+                        {
+                            "name": "header.fontWeight",
+                            "token": "datepicker.header.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of header"
+                        },
+                        {
+                            "name": "header.gap",
+                            "token": "datepicker.header.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of header"
+                        },
+                        {
+                            "name": "title.gap",
+                            "token": "datepicker.title.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of title"
+                        },
+                        {
+                            "name": "title.fontWeight",
+                            "token": "datepicker.title.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of title"
+                        },
+                        {
+                            "name": "dropdown.width",
+                            "token": "datepicker.dropdown.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of dropdown"
+                        },
+                        {
+                            "name": "dropdown.borderColor",
+                            "token": "datepicker.dropdown.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of dropdown"
+                        },
+                        {
+                            "name": "dropdown.hoverBorderColor",
+                            "token": "datepicker.dropdown.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover border color of dropdown"
+                        },
+                        {
+                            "name": "dropdown.activeBorderColor",
+                            "token": "datepicker.dropdown.active.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active border color of dropdown"
+                        },
+                        {
+                            "name": "dropdown.borderRadius",
+                            "token": "datepicker.dropdown.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of dropdown"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "datepicker.dropdown.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of dropdown"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "datepicker.dropdown.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of dropdown"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "datepicker.dropdown.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of dropdown"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "datepicker.dropdown.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of dropdown"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "datepicker.dropdown.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of dropdown"
+                        },
+                        {
+                            "name": "dropdown.background",
+                            "token": "datepicker.dropdown.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of dropdown"
+                        },
+                        {
+                            "name": "dropdown.hoverBackground",
+                            "token": "datepicker.dropdown.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of dropdown"
+                        },
+                        {
+                            "name": "dropdown.activeBackground",
+                            "token": "datepicker.dropdown.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active background of dropdown"
+                        },
+                        {
+                            "name": "dropdown.color",
+                            "token": "datepicker.dropdown.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of dropdown"
+                        },
+                        {
+                            "name": "dropdown.hoverColor",
+                            "token": "datepicker.dropdown.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of dropdown"
+                        },
+                        {
+                            "name": "dropdown.activeColor",
+                            "token": "datepicker.dropdown.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of dropdown"
+                        },
+                        {
+                            "name": "inputIcon.color",
+                            "token": "datepicker.input.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of input icon"
+                        },
+                        {
+                            "name": "viewMonth.hoverBackground",
+                            "token": "datepicker.view.month.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of view month"
+                        },
+                        {
+                            "name": "viewMonth.color",
+                            "token": "datepicker.view.month.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of view month"
+                        },
+                        {
+                            "name": "viewMonth.hoverColor",
+                            "token": "datepicker.view.month.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of view month"
+                        },
+                        {
+                            "name": "viewMonth.padding",
+                            "token": "datepicker.view.month.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of view month"
+                        },
+                        {
+                            "name": "viewYear.hoverBackground",
+                            "token": "datepicker.view.year.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of view year"
+                        },
+                        {
+                            "name": "viewYear.color",
+                            "token": "datepicker.view.year.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of view year"
+                        },
+                        {
+                            "name": "viewYear.hoverColor",
+                            "token": "datepicker.view.year.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of view year"
+                        },
+                        {
+                            "name": "viewYear.padding",
+                            "token": "datepicker.view.year.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of view year"
+                        },
+                        {
+                            "name": "group.borderColor",
+                            "token": "datepicker.group.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of group"
+                        },
+                        {
+                            "name": "group.gap",
+                            "token": "datepicker.group.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of group"
+                        },
+                        {
+                            "name": "dayView.margin",
+                            "token": "datepicker.day.view.margin",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Margin of day view"
+                        },
+                        {
+                            "name": "weekDay.padding",
+                            "token": "datepicker.week.day.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of week day"
+                        },
+                        {
+                            "name": "weekDay.fontWeight",
+                            "token": "datepicker.week.day.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of week day"
+                        },
+                        {
+                            "name": "weekDay.color",
+                            "token": "datepicker.week.day.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of week day"
+                        },
+                        {
+                            "name": "date.hoverBackground",
+                            "token": "datepicker.date.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of date"
+                        },
+                        {
+                            "name": "date.selectedBackground",
+                            "token": "datepicker.date.selected.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected background of date"
+                        },
+                        {
+                            "name": "date.color",
+                            "token": "datepicker.date.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of date"
+                        },
+                        {
+                            "name": "date.hoverColor",
+                            "token": "datepicker.date.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of date"
+                        },
+                        {
+                            "name": "date.selectedColor",
+                            "token": "datepicker.date.selected.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected color of date"
+                        },
+                        {
+                            "name": "date.width",
+                            "token": "datepicker.date.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of date"
+                        },
+                        {
+                            "name": "date.height",
+                            "token": "datepicker.date.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of date"
+                        },
+                        {
+                            "name": "date.borderRadius",
+                            "token": "datepicker.date.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of date"
+                        },
+                        {
+                            "name": "date.padding",
+                            "token": "datepicker.date.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of date"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "datepicker.date.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of date"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "datepicker.date.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of date"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "datepicker.date.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of date"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "datepicker.date.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of date"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "datepicker.date.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of date"
+                        },
+                        {
+                            "name": "monthView.margin",
+                            "token": "datepicker.month.view.margin",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Margin of month view"
+                        },
+                        {
+                            "name": "month.borderRadius",
+                            "token": "datepicker.month.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of month"
+                        },
+                        {
+                            "name": "yearView.margin",
+                            "token": "datepicker.year.view.margin",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Margin of year view"
+                        },
+                        {
+                            "name": "year.borderRadius",
+                            "token": "datepicker.year.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of year"
+                        },
+                        {
+                            "name": "buttonbar.padding",
+                            "token": "datepicker.buttonbar.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of buttonbar"
+                        },
+                        {
+                            "name": "buttonbar.borderColor",
+                            "token": "datepicker.buttonbar.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of buttonbar"
+                        },
+                        {
+                            "name": "timePicker.padding",
+                            "token": "datepicker.time.picker.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of time picker"
+                        },
+                        {
+                            "name": "timePicker.borderColor",
+                            "token": "datepicker.time.picker.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of time picker"
+                        },
+                        {
+                            "name": "timePicker.gap",
+                            "token": "datepicker.time.picker.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of time picker"
+                        },
+                        {
+                            "name": "timePicker.buttonGap",
+                            "token": "datepicker.time.picker.button.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Button gap of time picker"
+                        },
+                        {
+                            "name": "today.background",
+                            "token": "datepicker.today.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of today"
+                        },
+                        {
+                            "name": "today.color",
+                            "token": "datepicker.today.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of today"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/dialog": {
+        "description": "Dialog Design Tokens\n\n[Live Demo](https://www.primevue.org/dialog/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "DialogDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "header",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the header section"
+                        },
+                        {
+                            "name": "title",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the title section"
+                        },
+                        {
+                            "name": "content",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the content section"
+                        },
+                        {
+                            "name": "footer",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the footer section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<DialogDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "DialogDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "dialog.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "dialog.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "dialog.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "dialog.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "dialog.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "header.padding",
+                            "token": "dialog.header.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of header"
+                        },
+                        {
+                            "name": "header.gap",
+                            "token": "dialog.header.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of header"
+                        },
+                        {
+                            "name": "title.fontSize",
+                            "token": "dialog.title.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font size of title"
+                        },
+                        {
+                            "name": "title.fontWeight",
+                            "token": "dialog.title.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of title"
+                        },
+                        {
+                            "name": "content.padding",
+                            "token": "dialog.content.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of content"
+                        },
+                        {
+                            "name": "footer.padding",
+                            "token": "dialog.footer.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of footer"
+                        },
+                        {
+                            "name": "footer.gap",
+                            "token": "dialog.footer.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of footer"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/divider": {
+        "description": "Divider Design Tokens\n\n[Live Demo](https://www.primevue.org/divider/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "DividerDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "content",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the content section"
+                        },
+                        {
+                            "name": "horizontal",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the horizontal section"
+                        },
+                        {
+                            "name": "vertical",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the vertical section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<DividerDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "DividerDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.borderColor",
+                            "token": "divider.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "content.background",
+                            "token": "divider.content.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of content"
+                        },
+                        {
+                            "name": "content.color",
+                            "token": "divider.content.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of content"
+                        },
+                        {
+                            "name": "horizontal.margin",
+                            "token": "divider.horizontal.margin",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Margin of horizontal"
+                        },
+                        {
+                            "name": "horizontal.padding",
+                            "token": "divider.horizontal.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of horizontal"
+                        },
+                        {
+                            "name": "content.padding",
+                            "token": "divider.horizontal.content.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Content padding of horizontal"
+                        },
+                        {
+                            "name": "vertical.margin",
+                            "token": "divider.vertical.margin",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Margin of vertical"
+                        },
+                        {
+                            "name": "vertical.padding",
+                            "token": "divider.vertical.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of vertical"
+                        },
+                        {
+                            "name": "content.padding",
+                            "token": "divider.vertical.content.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Content padding of vertical"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/dock": {
+        "description": "Dock Design Tokens\n\n[Live Demo](https://www.primevue.org/dock/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "DockDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "item",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the item section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<DockDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "DockDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "dock.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "dock.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.padding",
+                            "token": "dock.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "dock.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "item.borderRadius",
+                            "token": "dock.item.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of item"
+                        },
+                        {
+                            "name": "item.padding",
+                            "token": "dock.item.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of item"
+                        },
+                        {
+                            "name": "item.size",
+                            "token": "dock.item.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of item"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "dock.item.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of item"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "dock.item.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of item"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "dock.item.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of item"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "dock.item.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of item"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "dock.item.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of item"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/drawer": {
+        "description": "Drawer Design Tokens\n\n[Live Demo](https://www.primevue.org/drawer/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "DrawerDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "header",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the header section"
+                        },
+                        {
+                            "name": "title",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the title section"
+                        },
+                        {
+                            "name": "content",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the content section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<DrawerDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "DrawerDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "drawer.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "drawer.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "drawer.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "drawer.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "drawer.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "header.padding",
+                            "token": "drawer.header.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of header"
+                        },
+                        {
+                            "name": "title.fontSize",
+                            "token": "drawer.title.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font size of title"
+                        },
+                        {
+                            "name": "title.fontWeight",
+                            "token": "drawer.title.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of title"
+                        },
+                        {
+                            "name": "content.padding",
+                            "token": "drawer.content.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of content"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/editor": {
+        "description": "Editor Design Tokens\n\n[Live Demo](https://www.primevue.org/editor/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "EditorDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "toolbar",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the toolbar section"
+                        },
+                        {
+                            "name": "toolbarItem",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the toolbar item section"
+                        },
+                        {
+                            "name": "overlay",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the overlay section"
+                        },
+                        {
+                            "name": "overlayOption",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the overlay option section"
+                        },
+                        {
+                            "name": "content",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the content section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<EditorDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "EditorDesignTokens": {
+                    "props": [
+                        {
+                            "name": "toolbar.background",
+                            "token": "editor.toolbar.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of toolbar"
+                        },
+                        {
+                            "name": "toolbar.borderColor",
+                            "token": "editor.toolbar.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of toolbar"
+                        },
+                        {
+                            "name": "toolbar.borderRadius",
+                            "token": "editor.toolbar.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of toolbar"
+                        },
+                        {
+                            "name": "toolbarItem.color",
+                            "token": "editor.toolbar.item.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of toolbar item"
+                        },
+                        {
+                            "name": "toolbarItem.hoverColor",
+                            "token": "editor.toolbar.item.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of toolbar item"
+                        },
+                        {
+                            "name": "toolbarItem.activeColor",
+                            "token": "editor.toolbar.item.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of toolbar item"
+                        },
+                        {
+                            "name": "overlay.background",
+                            "token": "editor.overlay.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of overlay"
+                        },
+                        {
+                            "name": "overlay.borderColor",
+                            "token": "editor.overlay.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of overlay"
+                        },
+                        {
+                            "name": "overlay.borderRadius",
+                            "token": "editor.overlay.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of overlay"
+                        },
+                        {
+                            "name": "overlay.color",
+                            "token": "editor.overlay.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of overlay"
+                        },
+                        {
+                            "name": "overlay.shadow",
+                            "token": "editor.overlay.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of overlay"
+                        },
+                        {
+                            "name": "overlay.padding",
+                            "token": "editor.overlay.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of overlay"
+                        },
+                        {
+                            "name": "overlayOption.focusBackground",
+                            "token": "editor.overlay.option.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus background of overlay option"
+                        },
+                        {
+                            "name": "overlayOption.color",
+                            "token": "editor.overlay.option.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of overlay option"
+                        },
+                        {
+                            "name": "overlayOption.focusColor",
+                            "token": "editor.overlay.option.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of overlay option"
+                        },
+                        {
+                            "name": "overlayOption.padding",
+                            "token": "editor.overlay.option.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of overlay option"
+                        },
+                        {
+                            "name": "overlayOption.borderRadius",
+                            "token": "editor.overlay.option.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of overlay option"
+                        },
+                        {
+                            "name": "content.background",
+                            "token": "editor.content.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of content"
+                        },
+                        {
+                            "name": "content.borderColor",
+                            "token": "editor.content.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of content"
+                        },
+                        {
+                            "name": "content.color",
+                            "token": "editor.content.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of content"
+                        },
+                        {
+                            "name": "content.borderRadius",
+                            "token": "editor.content.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of content"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/fieldset": {
+        "description": "Fieldset Design Tokens\n\n[Live Demo](https://www.primevue.org/fieldset/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "FieldsetDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "legend",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the legend section"
+                        },
+                        {
+                            "name": "toggleIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the toggle icon section"
+                        },
+                        {
+                            "name": "content",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the content section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<FieldsetDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "FieldsetDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "fieldset.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "fieldset.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "fieldset.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "fieldset.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.padding",
+                            "token": "fieldset.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of root"
+                        },
+                        {
+                            "name": "legend.background",
+                            "token": "fieldset.legend.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of legend"
+                        },
+                        {
+                            "name": "legend.hoverBackground",
+                            "token": "fieldset.legend.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of legend"
+                        },
+                        {
+                            "name": "legend.color",
+                            "token": "fieldset.legend.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of legend"
+                        },
+                        {
+                            "name": "legend.hoverColor",
+                            "token": "fieldset.legend.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of legend"
+                        },
+                        {
+                            "name": "legend.borderRadius",
+                            "token": "fieldset.legend.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of legend"
+                        },
+                        {
+                            "name": "legend.borderWidth",
+                            "token": "fieldset.legend.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of legend"
+                        },
+                        {
+                            "name": "legend.borderColor",
+                            "token": "fieldset.legend.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of legend"
+                        },
+                        {
+                            "name": "legend.padding",
+                            "token": "fieldset.legend.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of legend"
+                        },
+                        {
+                            "name": "legend.gap",
+                            "token": "fieldset.legend.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of legend"
+                        },
+                        {
+                            "name": "legend.fontWeight",
+                            "token": "fieldset.legend.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of legend"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "fieldset.legend.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of legend"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "fieldset.legend.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of legend"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "fieldset.legend.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of legend"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "fieldset.legend.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of legend"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "fieldset.legend.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of legend"
+                        },
+                        {
+                            "name": "toggleIcon.color",
+                            "token": "fieldset.toggle.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of toggle icon"
+                        },
+                        {
+                            "name": "toggleIcon.hoverColor",
+                            "token": "fieldset.toggle.icon.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of toggle icon"
+                        },
+                        {
+                            "name": "content.padding",
+                            "token": "fieldset.content.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of content"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/fileupload": {
+        "description": "FileUpload Design Tokens\n\n[Live Demo](https://www.primevue.org/fileupload/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "FileUploadDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "header",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the header section"
+                        },
+                        {
+                            "name": "content",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the content section"
+                        },
+                        {
+                            "name": "file",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the file section"
+                        },
+                        {
+                            "name": "progressbar",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the progressbar section"
+                        },
+                        {
+                            "name": "basic",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the basic section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<FileUploadDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "FileUploadDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "fileupload.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "fileupload.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "fileupload.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "fileupload.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "header.background",
+                            "token": "fileupload.header.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of header"
+                        },
+                        {
+                            "name": "header.color",
+                            "token": "fileupload.header.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of header"
+                        },
+                        {
+                            "name": "header.padding",
+                            "token": "fileupload.header.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of header"
+                        },
+                        {
+                            "name": "header.borderWidth",
+                            "token": "fileupload.header.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of header"
+                        },
+                        {
+                            "name": "header.borderRadius",
+                            "token": "fileupload.header.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of header"
+                        },
+                        {
+                            "name": "header.gap",
+                            "token": "fileupload.header.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of header"
+                        },
+                        {
+                            "name": "content.highlightBorderColor",
+                            "token": "fileupload.content.highlight.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Highlight border color of content"
+                        },
+                        {
+                            "name": "content.padding",
+                            "token": "fileupload.content.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of content"
+                        },
+                        {
+                            "name": "file.padding",
+                            "token": "fileupload.file.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of file"
+                        },
+                        {
+                            "name": "file.gap",
+                            "token": "fileupload.file.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of file"
+                        },
+                        {
+                            "name": "file.borderColor",
+                            "token": "fileupload.file.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of file"
+                        },
+                        {
+                            "name": "info.gap",
+                            "token": "fileupload.file.info.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Info gap of file"
+                        },
+                        {
+                            "name": "progressbar.height",
+                            "token": "fileupload.progressbar.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of progressbar"
+                        },
+                        {
+                            "name": "basic.gap",
+                            "token": "fileupload.basic.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of basic"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/floatlabel": {
+        "description": "FloatLabel Design Tokens\n\n[Live Demo](https://www.primevue.org/floatlabel/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "FloatLabelDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<FloatLabelDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "FloatLabelDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.color",
+                            "token": "floatlabel.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.focusColor",
+                            "token": "floatlabel.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of root"
+                        },
+                        {
+                            "name": "root.invalidColor",
+                            "token": "floatlabel.invalid.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Invalid color of root"
+                        },
+                        {
+                            "name": "root.transitionDuration",
+                            "token": "floatlabel.transition.duration",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Transition duration of root"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/galleria": {
+        "description": "Galleria Design Tokens\n\n[Live Demo](https://www.primevue.org/galleria/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "GalleriaDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "navButton",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the nav button section"
+                        },
+                        {
+                            "name": "navIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the nav icon section"
+                        },
+                        {
+                            "name": "thumbnailsContent",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the thumbnails content section"
+                        },
+                        {
+                            "name": "thumbnailNavButton",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the thumbnail nav button section"
+                        },
+                        {
+                            "name": "thumbnailNavButtonIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the thumbnail nav button icon section"
+                        },
+                        {
+                            "name": "caption",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the caption section"
+                        },
+                        {
+                            "name": "indicatorList",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the indicator list section"
+                        },
+                        {
+                            "name": "indicatorButton",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the indicator button section"
+                        },
+                        {
+                            "name": "insetIndicatorList",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the inset indicator list section"
+                        },
+                        {
+                            "name": "insetIndicatorButton",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the inset indicator button section"
+                        },
+                        {
+                            "name": "mask",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the mask section"
+                        },
+                        {
+                            "name": "closeButton",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the close button section"
+                        },
+                        {
+                            "name": "closeButtonIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the close button icon section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<GalleriaDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "GalleriaDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.borderWidth",
+                            "token": "galleria.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "galleria.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "galleria.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "navButton.background",
+                            "token": "galleria.nav.button.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of nav button"
+                        },
+                        {
+                            "name": "navButton.hoverBackground",
+                            "token": "galleria.nav.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of nav button"
+                        },
+                        {
+                            "name": "navButton.color",
+                            "token": "galleria.nav.button.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of nav button"
+                        },
+                        {
+                            "name": "navButton.hoverColor",
+                            "token": "galleria.nav.button.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of nav button"
+                        },
+                        {
+                            "name": "navButton.size",
+                            "token": "galleria.nav.button.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of nav button"
+                        },
+                        {
+                            "name": "navButton.gutter",
+                            "token": "galleria.nav.button.gutter",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gutter of nav button"
+                        },
+                        {
+                            "name": "prev.borderRadius",
+                            "token": "galleria.nav.button.prev.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Prev border radius of nav button"
+                        },
+                        {
+                            "name": "next.borderRadius",
+                            "token": "galleria.nav.button.next.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Next border radius of nav button"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "galleria.nav.button.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of nav button"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "galleria.nav.button.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of nav button"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "galleria.nav.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of nav button"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "galleria.nav.button.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of nav button"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "galleria.nav.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of nav button"
+                        },
+                        {
+                            "name": "navIcon.size",
+                            "token": "galleria.nav.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of nav icon"
+                        },
+                        {
+                            "name": "thumbnailsContent.background",
+                            "token": "galleria.thumbnails.content.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of thumbnails content"
+                        },
+                        {
+                            "name": "thumbnailsContent.padding",
+                            "token": "galleria.thumbnails.content.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of thumbnails content"
+                        },
+                        {
+                            "name": "thumbnailNavButton.size",
+                            "token": "galleria.thumbnail.nav.button.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of thumbnail nav button"
+                        },
+                        {
+                            "name": "thumbnailNavButton.borderRadius",
+                            "token": "galleria.thumbnail.nav.button.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of thumbnail nav button"
+                        },
+                        {
+                            "name": "thumbnailNavButton.gutter",
+                            "token": "galleria.thumbnail.nav.button.gutter",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gutter of thumbnail nav button"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "galleria.thumbnail.nav.button.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of thumbnail nav button"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "galleria.thumbnail.nav.button.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of thumbnail nav button"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "galleria.thumbnail.nav.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of thumbnail nav button"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "galleria.thumbnail.nav.button.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of thumbnail nav button"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "galleria.thumbnail.nav.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of thumbnail nav button"
+                        },
+                        {
+                            "name": "thumbnailNavButton.hoverBackground",
+                            "token": "galleria.thumbnail.nav.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of thumbnail nav button"
+                        },
+                        {
+                            "name": "thumbnailNavButton.color",
+                            "token": "galleria.thumbnail.nav.button.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of thumbnail nav button"
+                        },
+                        {
+                            "name": "thumbnailNavButton.hoverColor",
+                            "token": "galleria.thumbnail.nav.button.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of thumbnail nav button"
+                        },
+                        {
+                            "name": "thumbnailNavButtonIcon.size",
+                            "token": "galleria.thumbnail.nav.button.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of thumbnail nav button icon"
+                        },
+                        {
+                            "name": "caption.background",
+                            "token": "galleria.caption.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of caption"
+                        },
+                        {
+                            "name": "caption.color",
+                            "token": "galleria.caption.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of caption"
+                        },
+                        {
+                            "name": "caption.padding",
+                            "token": "galleria.caption.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of caption"
+                        },
+                        {
+                            "name": "indicatorList.gap",
+                            "token": "galleria.indicator.list.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of indicator list"
+                        },
+                        {
+                            "name": "indicatorList.padding",
+                            "token": "galleria.indicator.list.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of indicator list"
+                        },
+                        {
+                            "name": "indicatorButton.width",
+                            "token": "galleria.indicator.button.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of indicator button"
+                        },
+                        {
+                            "name": "indicatorButton.height",
+                            "token": "galleria.indicator.button.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of indicator button"
+                        },
+                        {
+                            "name": "indicatorButton.activeBackground",
+                            "token": "galleria.indicator.button.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active background of indicator button"
+                        },
+                        {
+                            "name": "indicatorButton.borderRadius",
+                            "token": "galleria.indicator.button.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of indicator button"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "galleria.indicator.button.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of indicator button"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "galleria.indicator.button.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of indicator button"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "galleria.indicator.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of indicator button"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "galleria.indicator.button.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of indicator button"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "galleria.indicator.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of indicator button"
+                        },
+                        {
+                            "name": "indicatorButton.background",
+                            "token": "galleria.indicator.button.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of indicator button"
+                        },
+                        {
+                            "name": "indicatorButton.hoverBackground",
+                            "token": "galleria.indicator.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of indicator button"
+                        },
+                        {
+                            "name": "insetIndicatorList.background",
+                            "token": "galleria.inset.indicator.list.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of inset indicator list"
+                        },
+                        {
+                            "name": "insetIndicatorButton.background",
+                            "token": "galleria.inset.indicator.button.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of inset indicator button"
+                        },
+                        {
+                            "name": "insetIndicatorButton.hoverBackground",
+                            "token": "galleria.inset.indicator.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of inset indicator button"
+                        },
+                        {
+                            "name": "insetIndicatorButton.activeBackground",
+                            "token": "galleria.inset.indicator.button.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active background of inset indicator button"
+                        },
+                        {
+                            "name": "mask.background",
+                            "token": "galleria.mask.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of mask"
+                        },
+                        {
+                            "name": "mask.color",
+                            "token": "galleria.mask.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of mask"
+                        },
+                        {
+                            "name": "closeButton.size",
+                            "token": "galleria.close.button.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of close button"
+                        },
+                        {
+                            "name": "closeButton.gutter",
+                            "token": "galleria.close.button.gutter",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gutter of close button"
+                        },
+                        {
+                            "name": "closeButton.background",
+                            "token": "galleria.close.button.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of close button"
+                        },
+                        {
+                            "name": "closeButton.hoverBackground",
+                            "token": "galleria.close.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of close button"
+                        },
+                        {
+                            "name": "closeButton.color",
+                            "token": "galleria.close.button.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of close button"
+                        },
+                        {
+                            "name": "closeButton.hoverColor",
+                            "token": "galleria.close.button.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of close button"
+                        },
+                        {
+                            "name": "closeButton.borderRadius",
+                            "token": "galleria.close.button.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of close button"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "galleria.close.button.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of close button"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "galleria.close.button.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of close button"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "galleria.close.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of close button"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "galleria.close.button.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of close button"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "galleria.close.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of close button"
+                        },
+                        {
+                            "name": "closeButtonIcon.size",
+                            "token": "galleria.close.button.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of close button icon"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/iconfield": {
+        "description": "IconField Design Tokens\n\n[Live Demo](https://www.primevue.org/iconfield/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "IconFieldDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "icon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the icon section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<IconFieldDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "IconFieldDesignTokens": {
+                    "props": [
+                        {
+                            "name": "icon.color",
+                            "token": "iconfield.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of icon"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/image": {
+        "description": "Image Design Tokens\n\n[Live Demo](https://www.primevue.org/image/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "ImageDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "preview",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the preview section"
+                        },
+                        {
+                            "name": "toolbar",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the toolbar section"
+                        },
+                        {
+                            "name": "action",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the action section"
+                        },
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<ImageDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "ImageDesignTokens": {
+                    "props": [
+                        {
+                            "name": "icon.size",
+                            "token": "image.preview.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon size of preview"
+                        },
+                        {
+                            "name": "mask.background",
+                            "token": "image.preview.mask.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Mask background of preview"
+                        },
+                        {
+                            "name": "mask.color",
+                            "token": "image.preview.mask.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Mask color of preview"
+                        },
+                        {
+                            "name": "position.left",
+                            "token": "image.toolbar.position.left",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Position left of toolbar"
+                        },
+                        {
+                            "name": "position.right",
+                            "token": "image.toolbar.position.right",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Position right of toolbar"
+                        },
+                        {
+                            "name": "position.top",
+                            "token": "image.toolbar.position.top",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Position top of toolbar"
+                        },
+                        {
+                            "name": "position.bottom",
+                            "token": "image.toolbar.position.bottom",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Position bottom of toolbar"
+                        },
+                        {
+                            "name": "toolbar.blur",
+                            "token": "image.toolbar.blur",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Blur of toolbar"
+                        },
+                        {
+                            "name": "toolbar.background",
+                            "token": "image.toolbar.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of toolbar"
+                        },
+                        {
+                            "name": "toolbar.borderColor",
+                            "token": "image.toolbar.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of toolbar"
+                        },
+                        {
+                            "name": "toolbar.borderWidth",
+                            "token": "image.toolbar.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of toolbar"
+                        },
+                        {
+                            "name": "toolbar.borderRadius",
+                            "token": "image.toolbar.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of toolbar"
+                        },
+                        {
+                            "name": "toolbar.padding",
+                            "token": "image.toolbar.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of toolbar"
+                        },
+                        {
+                            "name": "toolbar.gap",
+                            "token": "image.toolbar.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of toolbar"
+                        },
+                        {
+                            "name": "action.hoverBackground",
+                            "token": "image.action.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of action"
+                        },
+                        {
+                            "name": "action.color",
+                            "token": "image.action.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of action"
+                        },
+                        {
+                            "name": "action.hoverColor",
+                            "token": "image.action.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of action"
+                        },
+                        {
+                            "name": "action.size",
+                            "token": "image.action.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of action"
+                        },
+                        {
+                            "name": "action.iconSize",
+                            "token": "image.action.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon size of action"
+                        },
+                        {
+                            "name": "action.borderRadius",
+                            "token": "image.action.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of action"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "image.action.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of action"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "image.action.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of action"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "image.action.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of action"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "image.action.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of action"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "image.action.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of action"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/inlinemessage": {
+        "description": "InlineMessage Design Tokens\n\n[Live Demo](https://www.primevue.org/inlinemessage/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "InlineMessageDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "text",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the text section"
+                        },
+                        {
+                            "name": "icon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the icon section"
+                        },
+                        {
+                            "name": "info",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the info section"
+                        },
+                        {
+                            "name": "success",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the success section"
+                        },
+                        {
+                            "name": "warn",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the warn section"
+                        },
+                        {
+                            "name": "error",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the error section"
+                        },
+                        {
+                            "name": "secondary",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the secondary section"
+                        },
+                        {
+                            "name": "contrast",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the contrast section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<InlineMessageDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "InlineMessageDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.padding",
+                            "token": "inlinemessage.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "inlinemessage.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.gap",
+                            "token": "inlinemessage.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        },
+                        {
+                            "name": "text.fontWeight",
+                            "token": "inlinemessage.text.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of text"
+                        },
+                        {
+                            "name": "icon.size",
+                            "token": "inlinemessage.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of icon"
+                        },
+                        {
+                            "name": "info.background",
+                            "token": "inlinemessage.info.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of info"
+                        },
+                        {
+                            "name": "info.borderColor",
+                            "token": "inlinemessage.info.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of info"
+                        },
+                        {
+                            "name": "info.color",
+                            "token": "inlinemessage.info.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of info"
+                        },
+                        {
+                            "name": "info.shadow",
+                            "token": "inlinemessage.info.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of info"
+                        },
+                        {
+                            "name": "success.background",
+                            "token": "inlinemessage.success.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of success"
+                        },
+                        {
+                            "name": "success.borderColor",
+                            "token": "inlinemessage.success.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of success"
+                        },
+                        {
+                            "name": "success.color",
+                            "token": "inlinemessage.success.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of success"
+                        },
+                        {
+                            "name": "success.shadow",
+                            "token": "inlinemessage.success.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of success"
+                        },
+                        {
+                            "name": "warn.background",
+                            "token": "inlinemessage.warn.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of warn"
+                        },
+                        {
+                            "name": "warn.borderColor",
+                            "token": "inlinemessage.warn.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of warn"
+                        },
+                        {
+                            "name": "warn.color",
+                            "token": "inlinemessage.warn.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of warn"
+                        },
+                        {
+                            "name": "warn.shadow",
+                            "token": "inlinemessage.warn.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of warn"
+                        },
+                        {
+                            "name": "error.background",
+                            "token": "inlinemessage.error.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of error"
+                        },
+                        {
+                            "name": "error.borderColor",
+                            "token": "inlinemessage.error.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of error"
+                        },
+                        {
+                            "name": "error.color",
+                            "token": "inlinemessage.error.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of error"
+                        },
+                        {
+                            "name": "error.shadow",
+                            "token": "inlinemessage.error.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of error"
+                        },
+                        {
+                            "name": "secondary.background",
+                            "token": "inlinemessage.secondary.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of secondary"
+                        },
+                        {
+                            "name": "secondary.borderColor",
+                            "token": "inlinemessage.secondary.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of secondary"
+                        },
+                        {
+                            "name": "secondary.color",
+                            "token": "inlinemessage.secondary.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of secondary"
+                        },
+                        {
+                            "name": "secondary.shadow",
+                            "token": "inlinemessage.secondary.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of secondary"
+                        },
+                        {
+                            "name": "contrast.background",
+                            "token": "inlinemessage.contrast.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of contrast"
+                        },
+                        {
+                            "name": "contrast.borderColor",
+                            "token": "inlinemessage.contrast.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of contrast"
+                        },
+                        {
+                            "name": "contrast.color",
+                            "token": "inlinemessage.contrast.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of contrast"
+                        },
+                        {
+                            "name": "contrast.shadow",
+                            "token": "inlinemessage.contrast.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of contrast"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/inplace": {
+        "description": "Inplace Design Tokens\n\n[Live Demo](https://www.primevue.org/inplace/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "InplaceDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "display",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the display section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<InplaceDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "InplaceDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.padding",
+                            "token": "inplace.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "inplace.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "inplace.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of root"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "inplace.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "inplace.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "inplace.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "inplace.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of root"
+                        },
+                        {
+                            "name": "display.hoverBackground",
+                            "token": "inplace.display.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of display"
+                        },
+                        {
+                            "name": "display.hoverColor",
+                            "token": "inplace.display.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of display"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/inputchips": {
+        "description": "InputChips Design Tokens\n\n[Live Demo](https://www.primevue.org/inputchips/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "InputChipsDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "chip",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the chip section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<InputChipsDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "InputChipsDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "inputchips.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.disabledBackground",
+                            "token": "inputchips.disabled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled background of root"
+                        },
+                        {
+                            "name": "root.filledBackground",
+                            "token": "inputchips.filled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled background of root"
+                        },
+                        {
+                            "name": "root.filledFocusBackground",
+                            "token": "inputchips.filled.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled focus background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "inputchips.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.hoverBorderColor",
+                            "token": "inputchips.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover border color of root"
+                        },
+                        {
+                            "name": "root.focusBorderColor",
+                            "token": "inputchips.focus.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus border color of root"
+                        },
+                        {
+                            "name": "root.invalidBorderColor",
+                            "token": "inputchips.invalid.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Invalid border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "inputchips.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.disabledColor",
+                            "token": "inputchips.disabled.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled color of root"
+                        },
+                        {
+                            "name": "root.placeholderColor",
+                            "token": "inputchips.placeholder.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Placeholder color of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "inputchips.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "root.paddingX",
+                            "token": "inputchips.padding.x",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding x of root"
+                        },
+                        {
+                            "name": "root.paddingY",
+                            "token": "inputchips.padding.y",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding y of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "inputchips.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "inputchips.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of root"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "inputchips.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "inputchips.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "inputchips.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "inputchips.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of root"
+                        },
+                        {
+                            "name": "chip.borderRadius",
+                            "token": "inputchips.chip.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of chip"
+                        },
+                        {
+                            "name": "chip.focusBackground",
+                            "token": "inputchips.chip.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus background of chip"
+                        },
+                        {
+                            "name": "chip.color",
+                            "token": "inputchips.chip.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of chip"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/inputgroup": {
+        "description": "InputGroup Design Tokens\n\n[Live Demo](https://www.primevue.org/inputgroup/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "InputGroupDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "addon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the addon section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<InputGroupDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "InputGroupDesignTokens": {
+                    "props": [
+                        {
+                            "name": "addon.background",
+                            "token": "inputgroup.addon.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of addon"
+                        },
+                        {
+                            "name": "addon.borderColor",
+                            "token": "inputgroup.addon.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of addon"
+                        },
+                        {
+                            "name": "addon.color",
+                            "token": "inputgroup.addon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of addon"
+                        },
+                        {
+                            "name": "addon.borderRadius",
+                            "token": "inputgroup.addon.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of addon"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/inputnumber": {
+        "description": "InputNumber Design Tokens\n\n[Live Demo](https://www.primevue.org/inputnumber/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "InputNumberDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "button",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the button section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<InputNumberDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "InputNumberDesignTokens": {
+                    "props": [
+                        {
+                            "name": "button.width",
+                            "token": "inputnumber.button.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of button"
+                        },
+                        {
+                            "name": "button.borderRadius",
+                            "token": "inputnumber.button.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of button"
+                        },
+                        {
+                            "name": "button.verticalPadding",
+                            "token": "inputnumber.button.vertical.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Vertical padding of button"
+                        },
+                        {
+                            "name": "button.background",
+                            "token": "inputnumber.button.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of button"
+                        },
+                        {
+                            "name": "button.hoverBackground",
+                            "token": "inputnumber.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of button"
+                        },
+                        {
+                            "name": "button.activeBackground",
+                            "token": "inputnumber.button.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active background of button"
+                        },
+                        {
+                            "name": "button.borderColor",
+                            "token": "inputnumber.button.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of button"
+                        },
+                        {
+                            "name": "button.hoverBorderColor",
+                            "token": "inputnumber.button.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover border color of button"
+                        },
+                        {
+                            "name": "button.activeBorderColor",
+                            "token": "inputnumber.button.active.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active border color of button"
+                        },
+                        {
+                            "name": "button.color",
+                            "token": "inputnumber.button.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of button"
+                        },
+                        {
+                            "name": "button.hoverColor",
+                            "token": "inputnumber.button.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of button"
+                        },
+                        {
+                            "name": "button.activeColor",
+                            "token": "inputnumber.button.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of button"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/inputtext": {
+        "description": "InputText Design Tokens\n\n[Live Demo](https://www.primevue.org/inputtext/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "InputTextDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<InputTextDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "InputTextDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "inputtext.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.disabledBackground",
+                            "token": "inputtext.disabled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled background of root"
+                        },
+                        {
+                            "name": "root.filledBackground",
+                            "token": "inputtext.filled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled background of root"
+                        },
+                        {
+                            "name": "root.filledFocusBackground",
+                            "token": "inputtext.filled.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled focus background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "inputtext.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.hoverBorderColor",
+                            "token": "inputtext.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover border color of root"
+                        },
+                        {
+                            "name": "root.focusBorderColor",
+                            "token": "inputtext.focus.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus border color of root"
+                        },
+                        {
+                            "name": "root.invalidBorderColor",
+                            "token": "inputtext.invalid.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Invalid border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "inputtext.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.disabledColor",
+                            "token": "inputtext.disabled.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled color of root"
+                        },
+                        {
+                            "name": "root.placeholderColor",
+                            "token": "inputtext.placeholder.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Placeholder color of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "inputtext.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "root.paddingX",
+                            "token": "inputtext.padding.x",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding x of root"
+                        },
+                        {
+                            "name": "root.paddingY",
+                            "token": "inputtext.padding.y",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding y of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "inputtext.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "inputtext.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of root"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "inputtext.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "inputtext.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "inputtext.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "inputtext.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of root"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/knob": {
+        "description": "Knob Design Tokens\n\n[Live Demo](https://www.primevue.org/knob/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "KnobDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "value",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the value section"
+                        },
+                        {
+                            "name": "range",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the range section"
+                        },
+                        {
+                            "name": "text",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the text section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<KnobDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "KnobDesignTokens": {
+                    "props": [
+                        {
+                            "name": "value.background",
+                            "token": "knob.value.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of value"
+                        },
+                        {
+                            "name": "range.background",
+                            "token": "knob.range.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of range"
+                        },
+                        {
+                            "name": "text.color",
+                            "token": "knob.text.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of text"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/listbox": {
+        "description": "Listbox Design Tokens\n\n[Live Demo](https://www.primevue.org/listbox/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "ListboxDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "list",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the list section"
+                        },
+                        {
+                            "name": "option",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the option section"
+                        },
+                        {
+                            "name": "optionGroup",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the option group section"
+                        },
+                        {
+                            "name": "checkmark",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the checkmark section"
+                        },
+                        {
+                            "name": "emptyMessage",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the empty message section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<ListboxDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "ListboxDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "listbox.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.disabledBackground",
+                            "token": "listbox.disabled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "listbox.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.hoverBorderColor",
+                            "token": "listbox.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover border color of root"
+                        },
+                        {
+                            "name": "root.focusBorderColor",
+                            "token": "listbox.focus.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus border color of root"
+                        },
+                        {
+                            "name": "root.invalidBorderColor",
+                            "token": "listbox.invalid.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Invalid border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "listbox.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.disabledColor",
+                            "token": "listbox.disabled.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled color of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "listbox.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "listbox.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "listbox.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of root"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "listbox.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "listbox.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "listbox.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "listbox.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of root"
+                        },
+                        {
+                            "name": "list.padding",
+                            "token": "listbox.list.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of list"
+                        },
+                        {
+                            "name": "list.gap",
+                            "token": "listbox.list.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of list"
+                        },
+                        {
+                            "name": "header.padding",
+                            "token": "listbox.list.header.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Header padding of list"
+                        },
+                        {
+                            "name": "option.focusBackground",
+                            "token": "listbox.option.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus background of option"
+                        },
+                        {
+                            "name": "option.selectedBackground",
+                            "token": "listbox.option.selected.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected background of option"
+                        },
+                        {
+                            "name": "option.selectedFocusBackground",
+                            "token": "listbox.option.selected.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected focus background of option"
+                        },
+                        {
+                            "name": "option.color",
+                            "token": "listbox.option.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of option"
+                        },
+                        {
+                            "name": "option.focusColor",
+                            "token": "listbox.option.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of option"
+                        },
+                        {
+                            "name": "option.selectedColor",
+                            "token": "listbox.option.selected.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected color of option"
+                        },
+                        {
+                            "name": "option.selectedFocusColor",
+                            "token": "listbox.option.selected.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected focus color of option"
+                        },
+                        {
+                            "name": "option.padding",
+                            "token": "listbox.option.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of option"
+                        },
+                        {
+                            "name": "option.borderRadius",
+                            "token": "listbox.option.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of option"
+                        },
+                        {
+                            "name": "optionGroup.background",
+                            "token": "listbox.option.group.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of option group"
+                        },
+                        {
+                            "name": "optionGroup.color",
+                            "token": "listbox.option.group.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of option group"
+                        },
+                        {
+                            "name": "optionGroup.fontWeight",
+                            "token": "listbox.option.group.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of option group"
+                        },
+                        {
+                            "name": "optionGroup.padding",
+                            "token": "listbox.option.group.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of option group"
+                        },
+                        {
+                            "name": "checkmark.color",
+                            "token": "listbox.checkmark.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of checkmark"
+                        },
+                        {
+                            "name": "emptyMessage.padding",
+                            "token": "listbox.empty.message.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of empty message"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/megamenu": {
+        "description": "MegaMenu Design Tokens\n\n[Live Demo](https://www.primevue.org/megamenu/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "MegaMenuDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "baseItem",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the base item section"
+                        },
+                        {
+                            "name": "item",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the item section"
+                        },
+                        {
+                            "name": "overlay",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the overlay section"
+                        },
+                        {
+                            "name": "submenu",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the submenu section"
+                        },
+                        {
+                            "name": "submenuLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the submenu label section"
+                        },
+                        {
+                            "name": "submenuIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the submenu icon section"
+                        },
+                        {
+                            "name": "separator",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the separator section"
+                        },
+                        {
+                            "name": "mobileButton",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the mobile button section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<MegaMenuDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "MegaMenuDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "megamenu.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "megamenu.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "megamenu.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "megamenu.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.gap",
+                            "token": "megamenu.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        },
+                        {
+                            "name": "verticalOrientation.padding",
+                            "token": "megamenu.vertical.orientation.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Vertical orientation padding of root"
+                        },
+                        {
+                            "name": "verticalOrientation.gap",
+                            "token": "megamenu.vertical.orientation.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Vertical orientation gap of root"
+                        },
+                        {
+                            "name": "horizontalOrientation.padding",
+                            "token": "megamenu.horizontal.orientation.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Horizontal orientation padding of root"
+                        },
+                        {
+                            "name": "baseItem.borderRadius",
+                            "token": "megamenu.base.item.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of base item"
+                        },
+                        {
+                            "name": "baseItem.padding",
+                            "token": "megamenu.base.item.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of base item"
+                        },
+                        {
+                            "name": "item.focusBackground",
+                            "token": "megamenu.item.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus background of item"
+                        },
+                        {
+                            "name": "item.activeBackground",
+                            "token": "megamenu.item.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active background of item"
+                        },
+                        {
+                            "name": "item.color",
+                            "token": "megamenu.item.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of item"
+                        },
+                        {
+                            "name": "item.focusColor",
+                            "token": "megamenu.item.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of item"
+                        },
+                        {
+                            "name": "item.activeColor",
+                            "token": "megamenu.item.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of item"
+                        },
+                        {
+                            "name": "item.padding",
+                            "token": "megamenu.item.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of item"
+                        },
+                        {
+                            "name": "item.borderRadius",
+                            "token": "megamenu.item.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of item"
+                        },
+                        {
+                            "name": "item.gap",
+                            "token": "megamenu.item.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of item"
+                        },
+                        {
+                            "name": "icon.color",
+                            "token": "megamenu.item.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon color of item"
+                        },
+                        {
+                            "name": "icon.focusColor",
+                            "token": "megamenu.item.icon.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon focus color of item"
+                        },
+                        {
+                            "name": "icon.activeColor",
+                            "token": "megamenu.item.icon.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon active color of item"
+                        },
+                        {
+                            "name": "overlay.padding",
+                            "token": "megamenu.overlay.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of overlay"
+                        },
+                        {
+                            "name": "overlay.background",
+                            "token": "megamenu.overlay.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of overlay"
+                        },
+                        {
+                            "name": "overlay.borderColor",
+                            "token": "megamenu.overlay.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of overlay"
+                        },
+                        {
+                            "name": "overlay.borderRadius",
+                            "token": "megamenu.overlay.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of overlay"
+                        },
+                        {
+                            "name": "overlay.color",
+                            "token": "megamenu.overlay.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of overlay"
+                        },
+                        {
+                            "name": "overlay.shadow",
+                            "token": "megamenu.overlay.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of overlay"
+                        },
+                        {
+                            "name": "overlay.gap",
+                            "token": "megamenu.overlay.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of overlay"
+                        },
+                        {
+                            "name": "submenu.padding",
+                            "token": "megamenu.submenu.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of submenu"
+                        },
+                        {
+                            "name": "submenu.gap",
+                            "token": "megamenu.submenu.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of submenu"
+                        },
+                        {
+                            "name": "submenuLabel.padding",
+                            "token": "megamenu.submenu.label.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of submenu label"
+                        },
+                        {
+                            "name": "submenuLabel.fontWeight",
+                            "token": "megamenu.submenu.label.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of submenu label"
+                        },
+                        {
+                            "name": "submenuLabel.background",
+                            "token": "megamenu.submenu.label.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of submenu label"
+                        },
+                        {
+                            "name": "submenuLabel.color",
+                            "token": "megamenu.submenu.label.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of submenu label"
+                        },
+                        {
+                            "name": "submenuIcon.size",
+                            "token": "megamenu.submenu.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of submenu icon"
+                        },
+                        {
+                            "name": "submenuIcon.color",
+                            "token": "megamenu.submenu.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of submenu icon"
+                        },
+                        {
+                            "name": "submenuIcon.focusColor",
+                            "token": "megamenu.submenu.icon.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of submenu icon"
+                        },
+                        {
+                            "name": "submenuIcon.activeColor",
+                            "token": "megamenu.submenu.icon.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of submenu icon"
+                        },
+                        {
+                            "name": "separator.borderColor",
+                            "token": "megamenu.separator.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of separator"
+                        },
+                        {
+                            "name": "mobileButton.borderRadius",
+                            "token": "megamenu.mobile.button.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of mobile button"
+                        },
+                        {
+                            "name": "mobileButton.size",
+                            "token": "megamenu.mobile.button.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of mobile button"
+                        },
+                        {
+                            "name": "mobileButton.color",
+                            "token": "megamenu.mobile.button.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of mobile button"
+                        },
+                        {
+                            "name": "mobileButton.hoverColor",
+                            "token": "megamenu.mobile.button.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of mobile button"
+                        },
+                        {
+                            "name": "mobileButton.hoverBackground",
+                            "token": "megamenu.mobile.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of mobile button"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "megamenu.mobile.button.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of mobile button"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "megamenu.mobile.button.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of mobile button"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "megamenu.mobile.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of mobile button"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "megamenu.mobile.button.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of mobile button"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "megamenu.mobile.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of mobile button"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/menu": {
+        "description": "Menu Design Tokens\n\n[Live Demo](https://www.primevue.org/menu/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "MenuDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "list",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the list section"
+                        },
+                        {
+                            "name": "item",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the item section"
+                        },
+                        {
+                            "name": "submenuLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the submenu label section"
+                        },
+                        {
+                            "name": "separator",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the separator section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<MenuDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "MenuDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "menu.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "menu.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "menu.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "menu.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "menu.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "list.padding",
+                            "token": "menu.list.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of list"
+                        },
+                        {
+                            "name": "list.gap",
+                            "token": "menu.list.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of list"
+                        },
+                        {
+                            "name": "item.focusBackground",
+                            "token": "menu.item.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus background of item"
+                        },
+                        {
+                            "name": "item.color",
+                            "token": "menu.item.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of item"
+                        },
+                        {
+                            "name": "item.focusColor",
+                            "token": "menu.item.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of item"
+                        },
+                        {
+                            "name": "item.padding",
+                            "token": "menu.item.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of item"
+                        },
+                        {
+                            "name": "item.borderRadius",
+                            "token": "menu.item.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of item"
+                        },
+                        {
+                            "name": "item.gap",
+                            "token": "menu.item.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of item"
+                        },
+                        {
+                            "name": "icon.color",
+                            "token": "menu.item.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon color of item"
+                        },
+                        {
+                            "name": "icon.focusColor",
+                            "token": "menu.item.icon.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon focus color of item"
+                        },
+                        {
+                            "name": "submenuLabel.padding",
+                            "token": "menu.submenu.label.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of submenu label"
+                        },
+                        {
+                            "name": "submenuLabel.fontWeight",
+                            "token": "menu.submenu.label.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of submenu label"
+                        },
+                        {
+                            "name": "submenuLabel.background",
+                            "token": "menu.submenu.label.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of submenu label"
+                        },
+                        {
+                            "name": "submenuLabel.color",
+                            "token": "menu.submenu.label.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of submenu label"
+                        },
+                        {
+                            "name": "separator.borderColor",
+                            "token": "menu.separator.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of separator"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/menubar": {
+        "description": "Menubar Design Tokens\n\n[Live Demo](https://www.primevue.org/menubar/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "MenubarDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "baseItem",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the base item section"
+                        },
+                        {
+                            "name": "item",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the item section"
+                        },
+                        {
+                            "name": "submenu",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the submenu section"
+                        },
+                        {
+                            "name": "submenuIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the submenu icon section"
+                        },
+                        {
+                            "name": "separator",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the separator section"
+                        },
+                        {
+                            "name": "mobileButton",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the mobile button section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<MenubarDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "MenubarDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "menubar.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "menubar.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "menubar.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "menubar.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.gap",
+                            "token": "menubar.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        },
+                        {
+                            "name": "root.padding",
+                            "token": "menubar.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of root"
+                        },
+                        {
+                            "name": "baseItem.borderRadius",
+                            "token": "menubar.base.item.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of base item"
+                        },
+                        {
+                            "name": "baseItem.padding",
+                            "token": "menubar.base.item.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of base item"
+                        },
+                        {
+                            "name": "item.focusBackground",
+                            "token": "menubar.item.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus background of item"
+                        },
+                        {
+                            "name": "item.activeBackground",
+                            "token": "menubar.item.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active background of item"
+                        },
+                        {
+                            "name": "item.color",
+                            "token": "menubar.item.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of item"
+                        },
+                        {
+                            "name": "item.focusColor",
+                            "token": "menubar.item.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of item"
+                        },
+                        {
+                            "name": "item.activeColor",
+                            "token": "menubar.item.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of item"
+                        },
+                        {
+                            "name": "item.padding",
+                            "token": "menubar.item.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of item"
+                        },
+                        {
+                            "name": "item.borderRadius",
+                            "token": "menubar.item.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of item"
+                        },
+                        {
+                            "name": "item.gap",
+                            "token": "menubar.item.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of item"
+                        },
+                        {
+                            "name": "icon.color",
+                            "token": "menubar.item.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon color of item"
+                        },
+                        {
+                            "name": "icon.focusColor",
+                            "token": "menubar.item.icon.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon focus color of item"
+                        },
+                        {
+                            "name": "icon.activeColor",
+                            "token": "menubar.item.icon.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon active color of item"
+                        },
+                        {
+                            "name": "submenu.padding",
+                            "token": "menubar.submenu.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of submenu"
+                        },
+                        {
+                            "name": "submenu.gap",
+                            "token": "menubar.submenu.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of submenu"
+                        },
+                        {
+                            "name": "submenu.background",
+                            "token": "menubar.submenu.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of submenu"
+                        },
+                        {
+                            "name": "submenu.borderColor",
+                            "token": "menubar.submenu.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of submenu"
+                        },
+                        {
+                            "name": "submenu.borderRadius",
+                            "token": "menubar.submenu.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of submenu"
+                        },
+                        {
+                            "name": "submenu.shadow",
+                            "token": "menubar.submenu.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of submenu"
+                        },
+                        {
+                            "name": "submenu.mobileIndent",
+                            "token": "menubar.submenu.mobile.indent",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Mobile indent of submenu"
+                        },
+                        {
+                            "name": "submenuIcon.size",
+                            "token": "menubar.submenu.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of submenu icon"
+                        },
+                        {
+                            "name": "submenuIcon.color",
+                            "token": "menubar.submenu.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of submenu icon"
+                        },
+                        {
+                            "name": "submenuIcon.focusColor",
+                            "token": "menubar.submenu.icon.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of submenu icon"
+                        },
+                        {
+                            "name": "submenuIcon.activeColor",
+                            "token": "menubar.submenu.icon.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of submenu icon"
+                        },
+                        {
+                            "name": "separator.borderColor",
+                            "token": "menubar.separator.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of separator"
+                        },
+                        {
+                            "name": "mobileButton.borderRadius",
+                            "token": "menubar.mobile.button.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of mobile button"
+                        },
+                        {
+                            "name": "mobileButton.size",
+                            "token": "menubar.mobile.button.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of mobile button"
+                        },
+                        {
+                            "name": "mobileButton.color",
+                            "token": "menubar.mobile.button.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of mobile button"
+                        },
+                        {
+                            "name": "mobileButton.hoverColor",
+                            "token": "menubar.mobile.button.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of mobile button"
+                        },
+                        {
+                            "name": "mobileButton.hoverBackground",
+                            "token": "menubar.mobile.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of mobile button"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "menubar.mobile.button.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of mobile button"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "menubar.mobile.button.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of mobile button"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "menubar.mobile.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of mobile button"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "menubar.mobile.button.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of mobile button"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "menubar.mobile.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of mobile button"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/message": {
+        "description": "Message Design Tokens\n\n[Live Demo](https://www.primevue.org/message/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "MessageDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "content",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the content section"
+                        },
+                        {
+                            "name": "text",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the text section"
+                        },
+                        {
+                            "name": "icon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the icon section"
+                        },
+                        {
+                            "name": "closeButton",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the close button section"
+                        },
+                        {
+                            "name": "closeIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the close icon section"
+                        },
+                        {
+                            "name": "info",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the info section"
+                        },
+                        {
+                            "name": "success",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the success section"
+                        },
+                        {
+                            "name": "warn",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the warn section"
+                        },
+                        {
+                            "name": "error",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the error section"
+                        },
+                        {
+                            "name": "secondary",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the secondary section"
+                        },
+                        {
+                            "name": "contrast",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the contrast section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<MessageDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "MessageDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.margin",
+                            "token": "message.margin",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Margin of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "message.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.borderWidth",
+                            "token": "message.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of root"
+                        },
+                        {
+                            "name": "content.padding",
+                            "token": "message.content.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of content"
+                        },
+                        {
+                            "name": "content.gap",
+                            "token": "message.content.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of content"
+                        },
+                        {
+                            "name": "text.fontSize",
+                            "token": "message.text.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font size of text"
+                        },
+                        {
+                            "name": "text.fontWeight",
+                            "token": "message.text.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of text"
+                        },
+                        {
+                            "name": "icon.size",
+                            "token": "message.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of icon"
+                        },
+                        {
+                            "name": "closeButton.width",
+                            "token": "message.close.button.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of close button"
+                        },
+                        {
+                            "name": "closeButton.height",
+                            "token": "message.close.button.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of close button"
+                        },
+                        {
+                            "name": "closeButton.borderRadius",
+                            "token": "message.close.button.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of close button"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "message.close.button.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of close button"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "message.close.button.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of close button"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "message.close.button.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of close button"
+                        },
+                        {
+                            "name": "closeIcon.size",
+                            "token": "message.close.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of close icon"
+                        },
+                        {
+                            "name": "info.background",
+                            "token": "message.info.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of info"
+                        },
+                        {
+                            "name": "info.borderColor",
+                            "token": "message.info.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of info"
+                        },
+                        {
+                            "name": "info.color",
+                            "token": "message.info.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of info"
+                        },
+                        {
+                            "name": "info.shadow",
+                            "token": "message.info.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of info"
+                        },
+                        {
+                            "name": "closeButton.hoverBackground",
+                            "token": "message.info.close.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button hover background of info"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "message.info.close.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring color of info"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "message.info.close.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring shadow of info"
+                        },
+                        {
+                            "name": "success.background",
+                            "token": "message.success.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of success"
+                        },
+                        {
+                            "name": "success.borderColor",
+                            "token": "message.success.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of success"
+                        },
+                        {
+                            "name": "success.color",
+                            "token": "message.success.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of success"
+                        },
+                        {
+                            "name": "success.shadow",
+                            "token": "message.success.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of success"
+                        },
+                        {
+                            "name": "closeButton.hoverBackground",
+                            "token": "message.success.close.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button hover background of success"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "message.success.close.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring color of success"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "message.success.close.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring shadow of success"
+                        },
+                        {
+                            "name": "warn.background",
+                            "token": "message.warn.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of warn"
+                        },
+                        {
+                            "name": "warn.borderColor",
+                            "token": "message.warn.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of warn"
+                        },
+                        {
+                            "name": "warn.color",
+                            "token": "message.warn.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of warn"
+                        },
+                        {
+                            "name": "warn.shadow",
+                            "token": "message.warn.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of warn"
+                        },
+                        {
+                            "name": "closeButton.hoverBackground",
+                            "token": "message.warn.close.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button hover background of warn"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "message.warn.close.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring color of warn"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "message.warn.close.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring shadow of warn"
+                        },
+                        {
+                            "name": "error.background",
+                            "token": "message.error.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of error"
+                        },
+                        {
+                            "name": "error.borderColor",
+                            "token": "message.error.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of error"
+                        },
+                        {
+                            "name": "error.color",
+                            "token": "message.error.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of error"
+                        },
+                        {
+                            "name": "error.shadow",
+                            "token": "message.error.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of error"
+                        },
+                        {
+                            "name": "closeButton.hoverBackground",
+                            "token": "message.error.close.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button hover background of error"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "message.error.close.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring color of error"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "message.error.close.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring shadow of error"
+                        },
+                        {
+                            "name": "secondary.background",
+                            "token": "message.secondary.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of secondary"
+                        },
+                        {
+                            "name": "secondary.borderColor",
+                            "token": "message.secondary.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of secondary"
+                        },
+                        {
+                            "name": "secondary.color",
+                            "token": "message.secondary.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of secondary"
+                        },
+                        {
+                            "name": "secondary.shadow",
+                            "token": "message.secondary.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of secondary"
+                        },
+                        {
+                            "name": "closeButton.hoverBackground",
+                            "token": "message.secondary.close.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button hover background of secondary"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "message.secondary.close.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring color of secondary"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "message.secondary.close.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring shadow of secondary"
+                        },
+                        {
+                            "name": "contrast.background",
+                            "token": "message.contrast.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of contrast"
+                        },
+                        {
+                            "name": "contrast.borderColor",
+                            "token": "message.contrast.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of contrast"
+                        },
+                        {
+                            "name": "contrast.color",
+                            "token": "message.contrast.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of contrast"
+                        },
+                        {
+                            "name": "contrast.shadow",
+                            "token": "message.contrast.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of contrast"
+                        },
+                        {
+                            "name": "closeButton.hoverBackground",
+                            "token": "message.contrast.close.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button hover background of contrast"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "message.contrast.close.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring color of contrast"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "message.contrast.close.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring shadow of contrast"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/metergroup": {
+        "description": "MeterGroup Design Tokens\n\n[Live Demo](https://www.primevue.org/metergroup/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "MeterGroupDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "meters",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the meters section"
+                        },
+                        {
+                            "name": "label",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the label section"
+                        },
+                        {
+                            "name": "labelMarker",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the label marker section"
+                        },
+                        {
+                            "name": "labelIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the label icon section"
+                        },
+                        {
+                            "name": "labelList",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the label list section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<MeterGroupDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "MeterGroupDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.borderRadius",
+                            "token": "metergroup.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.gap",
+                            "token": "metergroup.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        },
+                        {
+                            "name": "meters.background",
+                            "token": "metergroup.meters.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of meters"
+                        },
+                        {
+                            "name": "meters.size",
+                            "token": "metergroup.meters.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of meters"
+                        },
+                        {
+                            "name": "label.gap",
+                            "token": "metergroup.label.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of label"
+                        },
+                        {
+                            "name": "labelMarker.size",
+                            "token": "metergroup.label.marker.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of label marker"
+                        },
+                        {
+                            "name": "labelIcon.size",
+                            "token": "metergroup.label.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of label icon"
+                        },
+                        {
+                            "name": "labelList.verticalGap",
+                            "token": "metergroup.label.list.vertical.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Vertical gap of label list"
+                        },
+                        {
+                            "name": "labelList.horizontalGap",
+                            "token": "metergroup.label.list.horizontal.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Horizontal gap of label list"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/multiselect": {
+        "description": "MultiSelect Design Tokens\n\n[Live Demo](https://www.primevue.org/multiselect/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "MultiSelectDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "dropdown",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the dropdown section"
+                        },
+                        {
+                            "name": "overlay",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the overlay section"
+                        },
+                        {
+                            "name": "list",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the list section"
+                        },
+                        {
+                            "name": "option",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the option section"
+                        },
+                        {
+                            "name": "optionGroup",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the option group section"
+                        },
+                        {
+                            "name": "chip",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the chip section"
+                        },
+                        {
+                            "name": "emptyMessage",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the empty message section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<MultiSelectDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "MultiSelectDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "multiselect.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.disabledBackground",
+                            "token": "multiselect.disabled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled background of root"
+                        },
+                        {
+                            "name": "root.filledBackground",
+                            "token": "multiselect.filled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled background of root"
+                        },
+                        {
+                            "name": "root.filledFocusBackground",
+                            "token": "multiselect.filled.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled focus background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "multiselect.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.hoverBorderColor",
+                            "token": "multiselect.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover border color of root"
+                        },
+                        {
+                            "name": "root.focusBorderColor",
+                            "token": "multiselect.focus.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus border color of root"
+                        },
+                        {
+                            "name": "root.invalidBorderColor",
+                            "token": "multiselect.invalid.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Invalid border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "multiselect.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.disabledColor",
+                            "token": "multiselect.disabled.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled color of root"
+                        },
+                        {
+                            "name": "root.placeholderColor",
+                            "token": "multiselect.placeholder.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Placeholder color of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "multiselect.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "root.paddingX",
+                            "token": "multiselect.padding.x",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding x of root"
+                        },
+                        {
+                            "name": "root.paddingY",
+                            "token": "multiselect.padding.y",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding y of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "multiselect.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "multiselect.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of root"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "multiselect.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "multiselect.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "multiselect.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "multiselect.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of root"
+                        },
+                        {
+                            "name": "dropdown.width",
+                            "token": "multiselect.dropdown.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of dropdown"
+                        },
+                        {
+                            "name": "dropdown.color",
+                            "token": "multiselect.dropdown.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of dropdown"
+                        },
+                        {
+                            "name": "overlay.background",
+                            "token": "multiselect.overlay.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of overlay"
+                        },
+                        {
+                            "name": "overlay.borderColor",
+                            "token": "multiselect.overlay.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of overlay"
+                        },
+                        {
+                            "name": "overlay.borderRadius",
+                            "token": "multiselect.overlay.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of overlay"
+                        },
+                        {
+                            "name": "overlay.color",
+                            "token": "multiselect.overlay.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of overlay"
+                        },
+                        {
+                            "name": "overlay.shadow",
+                            "token": "multiselect.overlay.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of overlay"
+                        },
+                        {
+                            "name": "list.padding",
+                            "token": "multiselect.list.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of list"
+                        },
+                        {
+                            "name": "list.gap",
+                            "token": "multiselect.list.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of list"
+                        },
+                        {
+                            "name": "header.padding",
+                            "token": "multiselect.list.header.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Header padding of list"
+                        },
+                        {
+                            "name": "option.focusBackground",
+                            "token": "multiselect.option.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus background of option"
+                        },
+                        {
+                            "name": "option.selectedBackground",
+                            "token": "multiselect.option.selected.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected background of option"
+                        },
+                        {
+                            "name": "option.selectedFocusBackground",
+                            "token": "multiselect.option.selected.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected focus background of option"
+                        },
+                        {
+                            "name": "option.color",
+                            "token": "multiselect.option.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of option"
+                        },
+                        {
+                            "name": "option.focusColor",
+                            "token": "multiselect.option.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of option"
+                        },
+                        {
+                            "name": "option.selectedColor",
+                            "token": "multiselect.option.selected.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected color of option"
+                        },
+                        {
+                            "name": "option.selectedFocusColor",
+                            "token": "multiselect.option.selected.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected focus color of option"
+                        },
+                        {
+                            "name": "option.padding",
+                            "token": "multiselect.option.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of option"
+                        },
+                        {
+                            "name": "option.borderRadius",
+                            "token": "multiselect.option.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of option"
+                        },
+                        {
+                            "name": "option.gap",
+                            "token": "multiselect.option.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of option"
+                        },
+                        {
+                            "name": "optionGroup.background",
+                            "token": "multiselect.option.group.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of option group"
+                        },
+                        {
+                            "name": "optionGroup.color",
+                            "token": "multiselect.option.group.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of option group"
+                        },
+                        {
+                            "name": "optionGroup.fontWeight",
+                            "token": "multiselect.option.group.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of option group"
+                        },
+                        {
+                            "name": "optionGroup.padding",
+                            "token": "multiselect.option.group.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of option group"
+                        },
+                        {
+                            "name": "chip.borderRadius",
+                            "token": "multiselect.chip.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of chip"
+                        },
+                        {
+                            "name": "emptyMessage.padding",
+                            "token": "multiselect.empty.message.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of empty message"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/orderlist": {
+        "description": "OrderList Design Tokens\n\n[Live Demo](https://www.primevue.org/orderlist/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "OrderListDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "controls",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the controls section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<OrderListDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "OrderListDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.gap",
+                            "token": "orderlist.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        },
+                        {
+                            "name": "controls.gap",
+                            "token": "orderlist.controls.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of controls"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/organizationchart": {
+        "description": "OrganizationChart Design Tokens\n\n[Live Demo](https://www.primevue.org/organizationchart/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "OrganizationChartDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "node",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the node section"
+                        },
+                        {
+                            "name": "nodeToggleButton",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the node toggle button section"
+                        },
+                        {
+                            "name": "connector",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the connector section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<OrganizationChartDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "OrganizationChartDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.gutter",
+                            "token": "organizationchart.gutter",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gutter of root"
+                        },
+                        {
+                            "name": "node.background",
+                            "token": "organizationchart.node.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of node"
+                        },
+                        {
+                            "name": "node.hoverBackground",
+                            "token": "organizationchart.node.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of node"
+                        },
+                        {
+                            "name": "node.selectedBackground",
+                            "token": "organizationchart.node.selected.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected background of node"
+                        },
+                        {
+                            "name": "node.borderColor",
+                            "token": "organizationchart.node.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of node"
+                        },
+                        {
+                            "name": "node.color",
+                            "token": "organizationchart.node.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of node"
+                        },
+                        {
+                            "name": "node.selectedColor",
+                            "token": "organizationchart.node.selected.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected color of node"
+                        },
+                        {
+                            "name": "node.hoverColor",
+                            "token": "organizationchart.node.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of node"
+                        },
+                        {
+                            "name": "node.padding",
+                            "token": "organizationchart.node.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of node"
+                        },
+                        {
+                            "name": "node.toggleablePadding",
+                            "token": "organizationchart.node.toggleable.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Toggleable padding of node"
+                        },
+                        {
+                            "name": "node.borderRadius",
+                            "token": "organizationchart.node.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of node"
+                        },
+                        {
+                            "name": "nodeToggleButton.background",
+                            "token": "organizationchart.node.toggle.button.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.hoverBackground",
+                            "token": "organizationchart.node.toggle.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.borderColor",
+                            "token": "organizationchart.node.toggle.button.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.color",
+                            "token": "organizationchart.node.toggle.button.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.hoverColor",
+                            "token": "organizationchart.node.toggle.button.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.size",
+                            "token": "organizationchart.node.toggle.button.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.borderRadius",
+                            "token": "organizationchart.node.toggle.button.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of node toggle button"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "organizationchart.node.toggle.button.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of node toggle button"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "organizationchart.node.toggle.button.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of node toggle button"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "organizationchart.node.toggle.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of node toggle button"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "organizationchart.node.toggle.button.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of node toggle button"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "organizationchart.node.toggle.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of node toggle button"
+                        },
+                        {
+                            "name": "connector.color",
+                            "token": "organizationchart.connector.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of connector"
+                        },
+                        {
+                            "name": "connector.borderRadius",
+                            "token": "organizationchart.connector.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of connector"
+                        },
+                        {
+                            "name": "connector.height",
+                            "token": "organizationchart.connector.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of connector"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/paginator": {
+        "description": "Paginator Design Tokens\n\n[Live Demo](https://www.primevue.org/paginator/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "PaginatorDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "navButton",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the nav button section"
+                        },
+                        {
+                            "name": "currentPageReport",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the current page report section"
+                        },
+                        {
+                            "name": "jumpToPageInput",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the jump to page input section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<PaginatorDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "PaginatorDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.padding",
+                            "token": "paginator.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of root"
+                        },
+                        {
+                            "name": "root.gap",
+                            "token": "paginator.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "paginator.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.background",
+                            "token": "paginator.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "paginator.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "navButton.hoverBackground",
+                            "token": "paginator.nav.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of nav button"
+                        },
+                        {
+                            "name": "navButton.color",
+                            "token": "paginator.nav.button.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of nav button"
+                        },
+                        {
+                            "name": "navButton.hoverColor",
+                            "token": "paginator.nav.button.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of nav button"
+                        },
+                        {
+                            "name": "navButton.width",
+                            "token": "paginator.nav.button.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of nav button"
+                        },
+                        {
+                            "name": "navButton.height",
+                            "token": "paginator.nav.button.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of nav button"
+                        },
+                        {
+                            "name": "navButton.borderRadius",
+                            "token": "paginator.nav.button.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of nav button"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "paginator.nav.button.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of nav button"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "paginator.nav.button.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of nav button"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "paginator.nav.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of nav button"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "paginator.nav.button.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of nav button"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "paginator.nav.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of nav button"
+                        },
+                        {
+                            "name": "currentPageReport.color",
+                            "token": "paginator.current.page.report.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of current page report"
+                        },
+                        {
+                            "name": "jumpToPageInput.maxWidth",
+                            "token": "paginator.jump.to.page.input.max.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Max width of jump to page input"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/panel": {
+        "description": "Panel Design Tokens\n\n[Live Demo](https://www.primevue.org/panel/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "PanelDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "header",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the header section"
+                        },
+                        {
+                            "name": "toggleableHeader",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the toggleable header section"
+                        },
+                        {
+                            "name": "title",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the title section"
+                        },
+                        {
+                            "name": "content",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the content section"
+                        },
+                        {
+                            "name": "footer",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the footer section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<PanelDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "PanelDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "panel.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "panel.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "panel.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "panel.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "header.background",
+                            "token": "panel.header.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of header"
+                        },
+                        {
+                            "name": "header.color",
+                            "token": "panel.header.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of header"
+                        },
+                        {
+                            "name": "header.padding",
+                            "token": "panel.header.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of header"
+                        },
+                        {
+                            "name": "header.borderColor",
+                            "token": "panel.header.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of header"
+                        },
+                        {
+                            "name": "header.borderWidth",
+                            "token": "panel.header.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of header"
+                        },
+                        {
+                            "name": "header.borderRadius",
+                            "token": "panel.header.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of header"
+                        },
+                        {
+                            "name": "toggleableHeader.padding",
+                            "token": "panel.toggleable.header.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of toggleable header"
+                        },
+                        {
+                            "name": "title.fontWeight",
+                            "token": "panel.title.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of title"
+                        },
+                        {
+                            "name": "content.padding",
+                            "token": "panel.content.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of content"
+                        },
+                        {
+                            "name": "footer.padding",
+                            "token": "panel.footer.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of footer"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/panelmenu": {
+        "description": "PanelMenu Design Tokens\n\n[Live Demo](https://www.primevue.org/panelmenu/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "PanelMenuDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "panel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the panel section"
+                        },
+                        {
+                            "name": "item",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the item section"
+                        },
+                        {
+                            "name": "submenu",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the submenu section"
+                        },
+                        {
+                            "name": "submenuIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the submenu icon section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<PanelMenuDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "PanelMenuDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.gap",
+                            "token": "panelmenu.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        },
+                        {
+                            "name": "panel.background",
+                            "token": "panelmenu.panel.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of panel"
+                        },
+                        {
+                            "name": "panel.borderColor",
+                            "token": "panelmenu.panel.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of panel"
+                        },
+                        {
+                            "name": "panel.borderWidth",
+                            "token": "panelmenu.panel.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of panel"
+                        },
+                        {
+                            "name": "panel.color",
+                            "token": "panelmenu.panel.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of panel"
+                        },
+                        {
+                            "name": "panel.padding",
+                            "token": "panelmenu.panel.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of panel"
+                        },
+                        {
+                            "name": "panel.borderRadius",
+                            "token": "panelmenu.panel.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of panel"
+                        },
+                        {
+                            "name": "first.borderWidth",
+                            "token": "panelmenu.panel.first.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "First border width of panel"
+                        },
+                        {
+                            "name": "first.topBorderRadius",
+                            "token": "panelmenu.panel.first.top.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "First top border radius of panel"
+                        },
+                        {
+                            "name": "last.borderWidth",
+                            "token": "panelmenu.panel.last.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Last border width of panel"
+                        },
+                        {
+                            "name": "last.bottomBorderRadius",
+                            "token": "panelmenu.panel.last.bottom.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Last bottom border radius of panel"
+                        },
+                        {
+                            "name": "item.focusBackground",
+                            "token": "panelmenu.item.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus background of item"
+                        },
+                        {
+                            "name": "item.color",
+                            "token": "panelmenu.item.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of item"
+                        },
+                        {
+                            "name": "item.focusColor",
+                            "token": "panelmenu.item.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of item"
+                        },
+                        {
+                            "name": "item.gap",
+                            "token": "panelmenu.item.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of item"
+                        },
+                        {
+                            "name": "item.padding",
+                            "token": "panelmenu.item.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of item"
+                        },
+                        {
+                            "name": "item.borderRadius",
+                            "token": "panelmenu.item.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of item"
+                        },
+                        {
+                            "name": "icon.color",
+                            "token": "panelmenu.item.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon color of item"
+                        },
+                        {
+                            "name": "icon.focusColor",
+                            "token": "panelmenu.item.icon.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon focus color of item"
+                        },
+                        {
+                            "name": "submenu.indent",
+                            "token": "panelmenu.submenu.indent",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Indent of submenu"
+                        },
+                        {
+                            "name": "submenuIcon.color",
+                            "token": "panelmenu.submenu.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of submenu icon"
+                        },
+                        {
+                            "name": "submenuIcon.focusColor",
+                            "token": "panelmenu.submenu.icon.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of submenu icon"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/password": {
+        "description": "Password Design Tokens\n\n[Live Demo](https://www.primevue.org/password/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "PasswordDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "meter",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the meter section"
+                        },
+                        {
+                            "name": "icon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the icon section"
+                        },
+                        {
+                            "name": "overlay",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the overlay section"
+                        },
+                        {
+                            "name": "strength",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the strength section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<PasswordDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "PasswordDesignTokens": {
+                    "props": [
+                        {
+                            "name": "meter.borderColor",
+                            "token": "password.meter.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of meter"
+                        },
+                        {
+                            "name": "meter.borderRadius",
+                            "token": "password.meter.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of meter"
+                        },
+                        {
+                            "name": "meter.height",
+                            "token": "password.meter.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of meter"
+                        },
+                        {
+                            "name": "icon.color",
+                            "token": "password.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of icon"
+                        },
+                        {
+                            "name": "overlay.background",
+                            "token": "password.overlay.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of overlay"
+                        },
+                        {
+                            "name": "overlay.borderColor",
+                            "token": "password.overlay.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of overlay"
+                        },
+                        {
+                            "name": "overlay.borderRadius",
+                            "token": "password.overlay.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of overlay"
+                        },
+                        {
+                            "name": "overlay.color",
+                            "token": "password.overlay.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of overlay"
+                        },
+                        {
+                            "name": "overlay.padding",
+                            "token": "password.overlay.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of overlay"
+                        },
+                        {
+                            "name": "overlay.shadow",
+                            "token": "password.overlay.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of overlay"
+                        },
+                        {
+                            "name": "overlay.gap",
+                            "token": "password.overlay.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of overlay"
+                        },
+                        {
+                            "name": "strength.weakBackground",
+                            "token": "password.strength.weak.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Weak background of strength"
+                        },
+                        {
+                            "name": "strength.mediumBackground",
+                            "token": "password.strength.medium.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Medium background of strength"
+                        },
+                        {
+                            "name": "strength.strongBackground",
+                            "token": "password.strength.strong.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Strong background of strength"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/picklist": {
+        "description": "PickList Design Tokens\n\n[Live Demo](https://www.primevue.org/picklist/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "PickListDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "controls",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the controls section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<PickListDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "PickListDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.gap",
+                            "token": "picklist.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        },
+                        {
+                            "name": "controls.gap",
+                            "token": "picklist.controls.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of controls"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/popover": {
+        "description": "Popover Design Tokens\n\n[Live Demo](https://www.primevue.org/popover/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "PopoverDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "content",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the content section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<PopoverDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "PopoverDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "popover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "popover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "popover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "popover.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "popover.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "root.gutter",
+                            "token": "popover.gutter",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gutter of root"
+                        },
+                        {
+                            "name": "root.arrowOffset",
+                            "token": "popover.arrow.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Arrow offset of root"
+                        },
+                        {
+                            "name": "content.padding",
+                            "token": "popover.content.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of content"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/progressbar": {
+        "description": "ProgressBar Design Tokens\n\n[Live Demo](https://www.primevue.org/progressbar/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "ProgressBarDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "value",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the value section"
+                        },
+                        {
+                            "name": "label",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the label section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<ProgressBarDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "ProgressBarDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "progressbar.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "progressbar.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.height",
+                            "token": "progressbar.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of root"
+                        },
+                        {
+                            "name": "value.background",
+                            "token": "progressbar.value.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of value"
+                        },
+                        {
+                            "name": "label.color",
+                            "token": "progressbar.label.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of label"
+                        },
+                        {
+                            "name": "label.fontSize",
+                            "token": "progressbar.label.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font size of label"
+                        },
+                        {
+                            "name": "label.fontWeight",
+                            "token": "progressbar.label.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of label"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/progressspinner": {
+        "description": "ProgressSpinner Design Tokens\n\n[Live Demo](https://www.primevue.org/progressspinner/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "ProgressSpinnerDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<ProgressSpinnerDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "ProgressSpinnerDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.color.1",
+                            "token": "progressspinner.color.1",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color.1 of root"
+                        },
+                        {
+                            "name": "root.color.2",
+                            "token": "progressspinner.color.2",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color.2 of root"
+                        },
+                        {
+                            "name": "root.color.3",
+                            "token": "progressspinner.color.3",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color.3 of root"
+                        },
+                        {
+                            "name": "root.color.4",
+                            "token": "progressspinner.color.4",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color.4 of root"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/radiobutton": {
+        "description": "RadioButton Design Tokens\n\n[Live Demo](https://www.primevue.org/radiobutton/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "RadioButtonDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "icon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the icon section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<RadioButtonDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "RadioButtonDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.width",
+                            "token": "radiobutton.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of root"
+                        },
+                        {
+                            "name": "root.height",
+                            "token": "radiobutton.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of root"
+                        },
+                        {
+                            "name": "root.background",
+                            "token": "radiobutton.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.checkedBackground",
+                            "token": "radiobutton.checked.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked background of root"
+                        },
+                        {
+                            "name": "root.checkedHoverBackground",
+                            "token": "radiobutton.checked.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked hover background of root"
+                        },
+                        {
+                            "name": "root.disabledBackground",
+                            "token": "radiobutton.disabled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled background of root"
+                        },
+                        {
+                            "name": "root.filledBackground",
+                            "token": "radiobutton.filled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "radiobutton.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.hoverBorderColor",
+                            "token": "radiobutton.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover border color of root"
+                        },
+                        {
+                            "name": "root.focusBorderColor",
+                            "token": "radiobutton.focus.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus border color of root"
+                        },
+                        {
+                            "name": "root.checkedBorderColor",
+                            "token": "radiobutton.checked.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked border color of root"
+                        },
+                        {
+                            "name": "root.checkedHoverBorderColor",
+                            "token": "radiobutton.checked.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked hover border color of root"
+                        },
+                        {
+                            "name": "root.checkedFocusBorderColor",
+                            "token": "radiobutton.checked.focus.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked focus border color of root"
+                        },
+                        {
+                            "name": "root.invalidBorderColor",
+                            "token": "radiobutton.invalid.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Invalid border color of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "radiobutton.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "radiobutton.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of root"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "radiobutton.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "radiobutton.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "radiobutton.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "radiobutton.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of root"
+                        },
+                        {
+                            "name": "icon.size",
+                            "token": "radiobutton.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of icon"
+                        },
+                        {
+                            "name": "icon.checkedColor",
+                            "token": "radiobutton.icon.checked.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked color of icon"
+                        },
+                        {
+                            "name": "icon.checkedHoverColor",
+                            "token": "radiobutton.icon.checked.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked hover color of icon"
+                        },
+                        {
+                            "name": "icon.disabledColor",
+                            "token": "radiobutton.icon.disabled.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled color of icon"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/rating": {
+        "description": "Rating Design Tokens\n\n[Live Demo](https://www.primevue.org/rating/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "RatingDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "icon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the icon section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<RatingDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "RatingDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.gap",
+                            "token": "rating.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        },
+                        {
+                            "name": "icon.size",
+                            "token": "rating.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of icon"
+                        },
+                        {
+                            "name": "icon.color",
+                            "token": "rating.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of icon"
+                        },
+                        {
+                            "name": "icon.hoverColor",
+                            "token": "rating.icon.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of icon"
+                        },
+                        {
+                            "name": "icon.activeColor",
+                            "token": "rating.icon.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of icon"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/ripple": {
+        "description": "Ripple Design Tokens\n\n[Live Demo](https://www.primevue.org/ripple/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "RippleDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<RippleDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "RippleDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "ripple.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/scrollpanel": {
+        "description": "ScrollPanel Design Tokens\n\n[Live Demo](https://www.primevue.org/scrollpanel/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "ScrollPanelDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "bar",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the bar section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<ScrollPanelDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "ScrollPanelDesignTokens": {
+                    "props": [
+                        {
+                            "name": "bar.size",
+                            "token": "scrollpanel.bar.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of bar"
+                        },
+                        {
+                            "name": "bar.borderRadius",
+                            "token": "scrollpanel.bar.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of bar"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "scrollpanel.bar.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of bar"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "scrollpanel.bar.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of bar"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "scrollpanel.bar.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of bar"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "scrollpanel.bar.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of bar"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "scrollpanel.bar.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of bar"
+                        },
+                        {
+                            "name": "bar.background",
+                            "token": "scrollpanel.bar.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of bar"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/select": {
+        "description": "Select Design Tokens\n\n[Live Demo](https://www.primevue.org/select/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "SelectDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "dropdown",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the dropdown section"
+                        },
+                        {
+                            "name": "overlay",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the overlay section"
+                        },
+                        {
+                            "name": "list",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the list section"
+                        },
+                        {
+                            "name": "option",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the option section"
+                        },
+                        {
+                            "name": "optionGroup",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the option group section"
+                        },
+                        {
+                            "name": "clearIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the clear icon section"
+                        },
+                        {
+                            "name": "checkmark",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the checkmark section"
+                        },
+                        {
+                            "name": "emptyMessage",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the empty message section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<SelectDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "SelectDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "select.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.disabledBackground",
+                            "token": "select.disabled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled background of root"
+                        },
+                        {
+                            "name": "root.filledBackground",
+                            "token": "select.filled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled background of root"
+                        },
+                        {
+                            "name": "root.filledFocusBackground",
+                            "token": "select.filled.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled focus background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "select.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.hoverBorderColor",
+                            "token": "select.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover border color of root"
+                        },
+                        {
+                            "name": "root.focusBorderColor",
+                            "token": "select.focus.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus border color of root"
+                        },
+                        {
+                            "name": "root.invalidBorderColor",
+                            "token": "select.invalid.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Invalid border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "select.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.disabledColor",
+                            "token": "select.disabled.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled color of root"
+                        },
+                        {
+                            "name": "root.placeholderColor",
+                            "token": "select.placeholder.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Placeholder color of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "select.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "root.paddingX",
+                            "token": "select.padding.x",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding x of root"
+                        },
+                        {
+                            "name": "root.paddingY",
+                            "token": "select.padding.y",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding y of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "select.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "select.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of root"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "select.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "select.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "select.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "select.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of root"
+                        },
+                        {
+                            "name": "dropdown.width",
+                            "token": "select.dropdown.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of dropdown"
+                        },
+                        {
+                            "name": "dropdown.color",
+                            "token": "select.dropdown.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of dropdown"
+                        },
+                        {
+                            "name": "overlay.background",
+                            "token": "select.overlay.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of overlay"
+                        },
+                        {
+                            "name": "overlay.borderColor",
+                            "token": "select.overlay.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of overlay"
+                        },
+                        {
+                            "name": "overlay.borderRadius",
+                            "token": "select.overlay.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of overlay"
+                        },
+                        {
+                            "name": "overlay.color",
+                            "token": "select.overlay.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of overlay"
+                        },
+                        {
+                            "name": "overlay.shadow",
+                            "token": "select.overlay.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of overlay"
+                        },
+                        {
+                            "name": "list.padding",
+                            "token": "select.list.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of list"
+                        },
+                        {
+                            "name": "list.gap",
+                            "token": "select.list.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of list"
+                        },
+                        {
+                            "name": "header.padding",
+                            "token": "select.list.header.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Header padding of list"
+                        },
+                        {
+                            "name": "option.focusBackground",
+                            "token": "select.option.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus background of option"
+                        },
+                        {
+                            "name": "option.selectedBackground",
+                            "token": "select.option.selected.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected background of option"
+                        },
+                        {
+                            "name": "option.selectedFocusBackground",
+                            "token": "select.option.selected.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected focus background of option"
+                        },
+                        {
+                            "name": "option.color",
+                            "token": "select.option.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of option"
+                        },
+                        {
+                            "name": "option.focusColor",
+                            "token": "select.option.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of option"
+                        },
+                        {
+                            "name": "option.selectedColor",
+                            "token": "select.option.selected.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected color of option"
+                        },
+                        {
+                            "name": "option.selectedFocusColor",
+                            "token": "select.option.selected.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected focus color of option"
+                        },
+                        {
+                            "name": "option.padding",
+                            "token": "select.option.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of option"
+                        },
+                        {
+                            "name": "option.borderRadius",
+                            "token": "select.option.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of option"
+                        },
+                        {
+                            "name": "optionGroup.background",
+                            "token": "select.option.group.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of option group"
+                        },
+                        {
+                            "name": "optionGroup.color",
+                            "token": "select.option.group.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of option group"
+                        },
+                        {
+                            "name": "optionGroup.fontWeight",
+                            "token": "select.option.group.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of option group"
+                        },
+                        {
+                            "name": "optionGroup.padding",
+                            "token": "select.option.group.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of option group"
+                        },
+                        {
+                            "name": "clearIcon.color",
+                            "token": "select.clear.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of clear icon"
+                        },
+                        {
+                            "name": "checkmark.color",
+                            "token": "select.checkmark.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of checkmark"
+                        },
+                        {
+                            "name": "emptyMessage.padding",
+                            "token": "select.empty.message.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of empty message"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/selectbutton": {
+        "description": "SelectButton Design Tokens\n\n[Live Demo](https://www.primevue.org/selectbutton/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "SelectButtonDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<SelectButtonDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "SelectButtonDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.borderRadius",
+                            "token": "selectbutton.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.invalidBorderColor",
+                            "token": "selectbutton.invalid.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Invalid border color of root"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/skeleton": {
+        "description": "Skeleton Design Tokens\n\n[Live Demo](https://www.primevue.org/skeleton/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "SkeletonDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<SkeletonDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "SkeletonDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.borderRadius",
+                            "token": "skeleton.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.background",
+                            "token": "skeleton.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.animationBackground",
+                            "token": "skeleton.animation.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Animation background of root"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/slider": {
+        "description": "Slider Design Tokens\n\n[Live Demo](https://www.primevue.org/slider/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "SliderDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "track",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the track section"
+                        },
+                        {
+                            "name": "range",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the range section"
+                        },
+                        {
+                            "name": "handle",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the handle section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<SliderDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "SliderDesignTokens": {
+                    "props": [
+                        {
+                            "name": "track.background",
+                            "token": "slider.track.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of track"
+                        },
+                        {
+                            "name": "track.borderRadius",
+                            "token": "slider.track.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of track"
+                        },
+                        {
+                            "name": "track.size",
+                            "token": "slider.track.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of track"
+                        },
+                        {
+                            "name": "range.background",
+                            "token": "slider.range.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of range"
+                        },
+                        {
+                            "name": "handle.width",
+                            "token": "slider.handle.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of handle"
+                        },
+                        {
+                            "name": "handle.height",
+                            "token": "slider.handle.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of handle"
+                        },
+                        {
+                            "name": "handle.borderRadius",
+                            "token": "slider.handle.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of handle"
+                        },
+                        {
+                            "name": "handle.background",
+                            "token": "slider.handle.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of handle"
+                        },
+                        {
+                            "name": "handle.hoverBackground",
+                            "token": "slider.handle.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of handle"
+                        },
+                        {
+                            "name": "content.borderRadius",
+                            "token": "slider.handle.content.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Content border radius of handle"
+                        },
+                        {
+                            "name": "content.hoverBackground",
+                            "token": "slider.handle.content.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Content hover background of handle"
+                        },
+                        {
+                            "name": "content.width",
+                            "token": "slider.handle.content.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Content width of handle"
+                        },
+                        {
+                            "name": "content.height",
+                            "token": "slider.handle.content.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Content height of handle"
+                        },
+                        {
+                            "name": "content.shadow",
+                            "token": "slider.handle.content.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Content shadow of handle"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "slider.handle.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of handle"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "slider.handle.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of handle"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "slider.handle.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of handle"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "slider.handle.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of handle"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "slider.handle.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of handle"
+                        },
+                        {
+                            "name": "handle.contentBackground",
+                            "token": "slider.handle.content.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Content background of handle"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/speeddial": {
+        "description": "SpeedDial Design Tokens\n\n[Live Demo](https://www.primevue.org/speeddial/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "SpeedDialDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<SpeedDialDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "SpeedDialDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.gap",
+                            "token": "speeddial.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/splitbutton": {
+        "description": "SplitButton Design Tokens\n\n[Live Demo](https://www.primevue.org/splitbutton/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "SplitButtonDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<SplitButtonDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "SplitButtonDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.borderRadius",
+                            "token": "splitbutton.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.roundedBorderRadius",
+                            "token": "splitbutton.rounded.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Rounded border radius of root"
+                        },
+                        {
+                            "name": "root.raisedShadow",
+                            "token": "splitbutton.raised.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Raised shadow of root"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/splitter": {
+        "description": "Splitter Design Tokens\n\n[Live Demo](https://www.primevue.org/splitter/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "SplitterDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "gutter",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the gutter section"
+                        },
+                        {
+                            "name": "handle",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the handle section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<SplitterDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "SplitterDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "splitter.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "splitter.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "splitter.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "gutter.background",
+                            "token": "splitter.gutter.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of gutter"
+                        },
+                        {
+                            "name": "handle.size",
+                            "token": "splitter.handle.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of handle"
+                        },
+                        {
+                            "name": "handle.background",
+                            "token": "splitter.handle.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of handle"
+                        },
+                        {
+                            "name": "handle.borderRadius",
+                            "token": "splitter.handle.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of handle"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "splitter.handle.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of handle"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "splitter.handle.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of handle"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "splitter.handle.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of handle"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "splitter.handle.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of handle"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "splitter.handle.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of handle"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/stepper": {
+        "description": "Stepper Design Tokens\n\n[Live Demo](https://www.primevue.org/stepper/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "StepperDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "separator",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the separator section"
+                        },
+                        {
+                            "name": "item",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the item section"
+                        },
+                        {
+                            "name": "itemHeader",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the item header section"
+                        },
+                        {
+                            "name": "itemTitle",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the item title section"
+                        },
+                        {
+                            "name": "itemNumber",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the item number section"
+                        },
+                        {
+                            "name": "verticalPanelContainer",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the vertical panel container section"
+                        },
+                        {
+                            "name": "panelContent",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the panel content section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<StepperDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "StepperDesignTokens": {
+                    "props": [
+                        {
+                            "name": "separator.background",
+                            "token": "stepper.separator.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of separator"
+                        },
+                        {
+                            "name": "separator.activeBackground",
+                            "token": "stepper.separator.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active background of separator"
+                        },
+                        {
+                            "name": "vertical.margin",
+                            "token": "stepper.separator.orientation.vertical.margin",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Orientation vertical margin of separator"
+                        },
+                        {
+                            "name": "separator.size",
+                            "token": "stepper.separator.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of separator"
+                        },
+                        {
+                            "name": "item.padding",
+                            "token": "stepper.item.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of item"
+                        },
+                        {
+                            "name": "item.gap",
+                            "token": "stepper.item.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of item"
+                        },
+                        {
+                            "name": "itemHeader.padding",
+                            "token": "stepper.item.header.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of item header"
+                        },
+                        {
+                            "name": "itemHeader.borderRadius",
+                            "token": "stepper.item.header.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of item header"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "stepper.item.header.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of item header"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "stepper.item.header.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of item header"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "stepper.item.header.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of item header"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "stepper.item.header.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of item header"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "stepper.item.header.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of item header"
+                        },
+                        {
+                            "name": "itemHeader.gap",
+                            "token": "stepper.item.header.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of item header"
+                        },
+                        {
+                            "name": "itemTitle.color",
+                            "token": "stepper.item.title.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of item title"
+                        },
+                        {
+                            "name": "itemTitle.activeColor",
+                            "token": "stepper.item.title.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of item title"
+                        },
+                        {
+                            "name": "itemTitle.fontWeight",
+                            "token": "stepper.item.title.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of item title"
+                        },
+                        {
+                            "name": "itemNumber.background",
+                            "token": "stepper.item.number.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of item number"
+                        },
+                        {
+                            "name": "itemNumber.activeBackground",
+                            "token": "stepper.item.number.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active background of item number"
+                        },
+                        {
+                            "name": "itemNumber.borderColor",
+                            "token": "stepper.item.number.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of item number"
+                        },
+                        {
+                            "name": "itemNumber.color",
+                            "token": "stepper.item.number.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of item number"
+                        },
+                        {
+                            "name": "itemNumber.activeColor",
+                            "token": "stepper.item.number.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of item number"
+                        },
+                        {
+                            "name": "itemNumber.size",
+                            "token": "stepper.item.number.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of item number"
+                        },
+                        {
+                            "name": "itemNumber.fontSize",
+                            "token": "stepper.item.number.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font size of item number"
+                        },
+                        {
+                            "name": "itemNumber.fontWeight",
+                            "token": "stepper.item.number.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of item number"
+                        },
+                        {
+                            "name": "itemNumber.borderRadius",
+                            "token": "stepper.item.number.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of item number"
+                        },
+                        {
+                            "name": "itemNumber.shadow",
+                            "token": "stepper.item.number.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of item number"
+                        },
+                        {
+                            "name": "verticalPanelContainer.paddingLeft",
+                            "token": "stepper.vertical.panel.container.padding.left",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding left of vertical panel container"
+                        },
+                        {
+                            "name": "panelContent.background",
+                            "token": "stepper.panel.content.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of panel content"
+                        },
+                        {
+                            "name": "panelContent.color",
+                            "token": "stepper.panel.content.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of panel content"
+                        },
+                        {
+                            "name": "horizontal.padding",
+                            "token": "stepper.panel.content.orientation.horizontal.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Orientation horizontal padding of panel content"
+                        },
+                        {
+                            "name": "vertical.padding",
+                            "token": "stepper.panel.content.orientation.vertical.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Orientation vertical padding of panel content"
+                        },
+                        {
+                            "name": "last.padding",
+                            "token": "stepper.panel.content.orientation.vertical.last.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Orientation vertical last padding of panel content"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/steps": {
+        "description": "Steps Design Tokens\n\n[Live Demo](https://www.primevue.org/steps/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "StepsDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "separator",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the separator section"
+                        },
+                        {
+                            "name": "itemLink",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the item link section"
+                        },
+                        {
+                            "name": "itemLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the item label section"
+                        },
+                        {
+                            "name": "itemNumber",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the item number section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<StepsDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "StepsDesignTokens": {
+                    "props": [
+                        {
+                            "name": "separator.background",
+                            "token": "steps.separator.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of separator"
+                        },
+                        {
+                            "name": "itemLink.borderRadius",
+                            "token": "steps.item.link.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of item link"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "steps.item.link.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of item link"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "steps.item.link.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of item link"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "steps.item.link.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of item link"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "steps.item.link.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of item link"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "steps.item.link.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of item link"
+                        },
+                        {
+                            "name": "itemLink.gap",
+                            "token": "steps.item.link.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of item link"
+                        },
+                        {
+                            "name": "itemLabel.color",
+                            "token": "steps.item.label.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of item label"
+                        },
+                        {
+                            "name": "itemLabel.activeColor",
+                            "token": "steps.item.label.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of item label"
+                        },
+                        {
+                            "name": "itemLabel.fontWeight",
+                            "token": "steps.item.label.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of item label"
+                        },
+                        {
+                            "name": "itemNumber.background",
+                            "token": "steps.item.number.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of item number"
+                        },
+                        {
+                            "name": "itemNumber.activeBackground",
+                            "token": "steps.item.number.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active background of item number"
+                        },
+                        {
+                            "name": "itemNumber.borderColor",
+                            "token": "steps.item.number.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of item number"
+                        },
+                        {
+                            "name": "itemNumber.color",
+                            "token": "steps.item.number.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of item number"
+                        },
+                        {
+                            "name": "itemNumber.activeColor",
+                            "token": "steps.item.number.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of item number"
+                        },
+                        {
+                            "name": "itemNumber.size",
+                            "token": "steps.item.number.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of item number"
+                        },
+                        {
+                            "name": "itemNumber.fontSize",
+                            "token": "steps.item.number.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font size of item number"
+                        },
+                        {
+                            "name": "itemNumber.fontWeight",
+                            "token": "steps.item.number.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of item number"
+                        },
+                        {
+                            "name": "itemNumber.borderRadius",
+                            "token": "steps.item.number.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of item number"
+                        },
+                        {
+                            "name": "itemNumber.shadow",
+                            "token": "steps.item.number.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of item number"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/tabmenu": {
+        "description": "Tabmenu Design Tokens\n\n[Live Demo](https://www.primevue.org/tabmenu/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "TabmenuDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "tablist",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the tablist section"
+                        },
+                        {
+                            "name": "item",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the item section"
+                        },
+                        {
+                            "name": "itemIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the item icon section"
+                        },
+                        {
+                            "name": "activeBar",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the active bar section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<TabmenuDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "TabmenuDesignTokens": {
+                    "props": [
+                        {
+                            "name": "tablist.borderWidth",
+                            "token": "tabmenu.tablist.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of tablist"
+                        },
+                        {
+                            "name": "tablist.background",
+                            "token": "tabmenu.tablist.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of tablist"
+                        },
+                        {
+                            "name": "tablist.borderColor",
+                            "token": "tabmenu.tablist.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of tablist"
+                        },
+                        {
+                            "name": "item.background",
+                            "token": "tabmenu.item.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of item"
+                        },
+                        {
+                            "name": "item.hoverBackground",
+                            "token": "tabmenu.item.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of item"
+                        },
+                        {
+                            "name": "item.activeBackground",
+                            "token": "tabmenu.item.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active background of item"
+                        },
+                        {
+                            "name": "item.borderWidth",
+                            "token": "tabmenu.item.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of item"
+                        },
+                        {
+                            "name": "item.borderColor",
+                            "token": "tabmenu.item.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of item"
+                        },
+                        {
+                            "name": "item.hoverBorderColor",
+                            "token": "tabmenu.item.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover border color of item"
+                        },
+                        {
+                            "name": "item.activeBorderColor",
+                            "token": "tabmenu.item.active.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active border color of item"
+                        },
+                        {
+                            "name": "item.color",
+                            "token": "tabmenu.item.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of item"
+                        },
+                        {
+                            "name": "item.hoverColor",
+                            "token": "tabmenu.item.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of item"
+                        },
+                        {
+                            "name": "item.activeColor",
+                            "token": "tabmenu.item.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of item"
+                        },
+                        {
+                            "name": "item.padding",
+                            "token": "tabmenu.item.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of item"
+                        },
+                        {
+                            "name": "item.fontWeight",
+                            "token": "tabmenu.item.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of item"
+                        },
+                        {
+                            "name": "item.margin",
+                            "token": "tabmenu.item.margin",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Margin of item"
+                        },
+                        {
+                            "name": "item.gap",
+                            "token": "tabmenu.item.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of item"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "tabmenu.item.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of item"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "tabmenu.item.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of item"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "tabmenu.item.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of item"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "tabmenu.item.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of item"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "tabmenu.item.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of item"
+                        },
+                        {
+                            "name": "itemIcon.color",
+                            "token": "tabmenu.item.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of item icon"
+                        },
+                        {
+                            "name": "itemIcon.hoverColor",
+                            "token": "tabmenu.item.icon.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of item icon"
+                        },
+                        {
+                            "name": "itemIcon.activeColor",
+                            "token": "tabmenu.item.icon.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of item icon"
+                        },
+                        {
+                            "name": "activeBar.height",
+                            "token": "tabmenu.active.bar.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of active bar"
+                        },
+                        {
+                            "name": "activeBar.bottom",
+                            "token": "tabmenu.active.bar.bottom",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Bottom of active bar"
+                        },
+                        {
+                            "name": "activeBar.background",
+                            "token": "tabmenu.active.bar.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of active bar"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/tabs": {
+        "description": "Tabs Design Tokens\n\n[Live Demo](https://www.primevue.org/tabs/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "TabsDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "tablist",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the tablist section"
+                        },
+                        {
+                            "name": "tab",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the tab section"
+                        },
+                        {
+                            "name": "tabpanel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the tabpanel section"
+                        },
+                        {
+                            "name": "navButton",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the nav button section"
+                        },
+                        {
+                            "name": "activeBar",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the active bar section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<TabsDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "TabsDesignTokens": {
+                    "props": [
+                        {
+                            "name": "tablist.borderWidth",
+                            "token": "tabs.tablist.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of tablist"
+                        },
+                        {
+                            "name": "tablist.background",
+                            "token": "tabs.tablist.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of tablist"
+                        },
+                        {
+                            "name": "tablist.borderColor",
+                            "token": "tabs.tablist.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of tablist"
+                        },
+                        {
+                            "name": "tab.background",
+                            "token": "tabs.tab.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of tab"
+                        },
+                        {
+                            "name": "tab.hoverBackground",
+                            "token": "tabs.tab.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of tab"
+                        },
+                        {
+                            "name": "tab.activeBackground",
+                            "token": "tabs.tab.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active background of tab"
+                        },
+                        {
+                            "name": "tab.borderWidth",
+                            "token": "tabs.tab.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of tab"
+                        },
+                        {
+                            "name": "tab.borderColor",
+                            "token": "tabs.tab.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of tab"
+                        },
+                        {
+                            "name": "tab.hoverBorderColor",
+                            "token": "tabs.tab.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover border color of tab"
+                        },
+                        {
+                            "name": "tab.activeBorderColor",
+                            "token": "tabs.tab.active.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active border color of tab"
+                        },
+                        {
+                            "name": "tab.color",
+                            "token": "tabs.tab.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of tab"
+                        },
+                        {
+                            "name": "tab.hoverColor",
+                            "token": "tabs.tab.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of tab"
+                        },
+                        {
+                            "name": "tab.activeColor",
+                            "token": "tabs.tab.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of tab"
+                        },
+                        {
+                            "name": "tab.padding",
+                            "token": "tabs.tab.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of tab"
+                        },
+                        {
+                            "name": "tab.fontWeight",
+                            "token": "tabs.tab.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of tab"
+                        },
+                        {
+                            "name": "tab.margin",
+                            "token": "tabs.tab.margin",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Margin of tab"
+                        },
+                        {
+                            "name": "tab.gap",
+                            "token": "tabs.tab.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of tab"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "tabs.tab.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of tab"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "tabs.tab.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of tab"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "tabs.tab.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of tab"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "tabs.tab.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of tab"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "tabs.tab.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of tab"
+                        },
+                        {
+                            "name": "tabpanel.background",
+                            "token": "tabs.tabpanel.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of tabpanel"
+                        },
+                        {
+                            "name": "tabpanel.color",
+                            "token": "tabs.tabpanel.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of tabpanel"
+                        },
+                        {
+                            "name": "tabpanel.padding",
+                            "token": "tabs.tabpanel.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of tabpanel"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "tabs.tabpanel.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of tabpanel"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "tabs.tabpanel.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of tabpanel"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "tabs.tabpanel.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of tabpanel"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "tabs.tabpanel.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of tabpanel"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "tabs.tabpanel.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of tabpanel"
+                        },
+                        {
+                            "name": "navButton.background",
+                            "token": "tabs.nav.button.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of nav button"
+                        },
+                        {
+                            "name": "navButton.color",
+                            "token": "tabs.nav.button.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of nav button"
+                        },
+                        {
+                            "name": "navButton.hoverColor",
+                            "token": "tabs.nav.button.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of nav button"
+                        },
+                        {
+                            "name": "navButton.width",
+                            "token": "tabs.nav.button.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of nav button"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "tabs.nav.button.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of nav button"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "tabs.nav.button.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of nav button"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "tabs.nav.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of nav button"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "tabs.nav.button.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of nav button"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "tabs.nav.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of nav button"
+                        },
+                        {
+                            "name": "navButton.boxShadow",
+                            "token": "tabs.nav.button.box.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Box shadow of nav button"
+                        },
+                        {
+                            "name": "activeBar.height",
+                            "token": "tabs.active.bar.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of active bar"
+                        },
+                        {
+                            "name": "activeBar.bottom",
+                            "token": "tabs.active.bar.bottom",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Bottom of active bar"
+                        },
+                        {
+                            "name": "activeBar.background",
+                            "token": "tabs.active.bar.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of active bar"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/tabview": {
+        "description": "TabView Design Tokens\n\n[Live Demo](https://www.primevue.org/tabview/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "TabViewDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "tabList",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the tab list section"
+                        },
+                        {
+                            "name": "tab",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the tab section"
+                        },
+                        {
+                            "name": "tabPanel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the tab panel section"
+                        },
+                        {
+                            "name": "navButton",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the nav button section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<TabViewDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "TabViewDesignTokens": {
+                    "props": [
+                        {
+                            "name": "tabList.background",
+                            "token": "tabview.tab.list.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of tab list"
+                        },
+                        {
+                            "name": "tabList.borderColor",
+                            "token": "tabview.tab.list.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of tab list"
+                        },
+                        {
+                            "name": "tab.borderColor",
+                            "token": "tabview.tab.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of tab"
+                        },
+                        {
+                            "name": "tab.activeBorderColor",
+                            "token": "tabview.tab.active.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active border color of tab"
+                        },
+                        {
+                            "name": "tab.color",
+                            "token": "tabview.tab.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of tab"
+                        },
+                        {
+                            "name": "tab.hoverColor",
+                            "token": "tabview.tab.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of tab"
+                        },
+                        {
+                            "name": "tab.activeColor",
+                            "token": "tabview.tab.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of tab"
+                        },
+                        {
+                            "name": "tabPanel.background",
+                            "token": "tabview.tab.panel.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of tab panel"
+                        },
+                        {
+                            "name": "tabPanel.color",
+                            "token": "tabview.tab.panel.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of tab panel"
+                        },
+                        {
+                            "name": "navButton.background",
+                            "token": "tabview.nav.button.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of nav button"
+                        },
+                        {
+                            "name": "navButton.color",
+                            "token": "tabview.nav.button.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of nav button"
+                        },
+                        {
+                            "name": "navButton.hoverColor",
+                            "token": "tabview.nav.button.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of nav button"
+                        },
+                        {
+                            "name": "navButton.boxShadow",
+                            "token": "tabview.nav.button.box.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Box shadow of nav button"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/tag": {
+        "description": "Tag Design Tokens\n\n[Live Demo](https://www.primevue.org/tag/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "TagDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "icon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the icon section"
+                        },
+                        {
+                            "name": "primary",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the primary section"
+                        },
+                        {
+                            "name": "secondary",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the secondary section"
+                        },
+                        {
+                            "name": "success",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the success section"
+                        },
+                        {
+                            "name": "info",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the info section"
+                        },
+                        {
+                            "name": "warn",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the warn section"
+                        },
+                        {
+                            "name": "danger",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the danger section"
+                        },
+                        {
+                            "name": "contrast",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the contrast section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<TagDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "TagDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.fontSize",
+                            "token": "tag.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font size of root"
+                        },
+                        {
+                            "name": "root.fontWeight",
+                            "token": "tag.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of root"
+                        },
+                        {
+                            "name": "root.padding",
+                            "token": "tag.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of root"
+                        },
+                        {
+                            "name": "root.gap",
+                            "token": "tag.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "tag.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.roundedBorderRadius",
+                            "token": "tag.rounded.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Rounded border radius of root"
+                        },
+                        {
+                            "name": "icon.size",
+                            "token": "tag.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of icon"
+                        },
+                        {
+                            "name": "primary.background",
+                            "token": "tag.primary.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of primary"
+                        },
+                        {
+                            "name": "primary.color",
+                            "token": "tag.primary.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of primary"
+                        },
+                        {
+                            "name": "secondary.background",
+                            "token": "tag.secondary.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of secondary"
+                        },
+                        {
+                            "name": "secondary.color",
+                            "token": "tag.secondary.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of secondary"
+                        },
+                        {
+                            "name": "success.background",
+                            "token": "tag.success.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of success"
+                        },
+                        {
+                            "name": "success.color",
+                            "token": "tag.success.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of success"
+                        },
+                        {
+                            "name": "info.background",
+                            "token": "tag.info.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of info"
+                        },
+                        {
+                            "name": "info.color",
+                            "token": "tag.info.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of info"
+                        },
+                        {
+                            "name": "warn.background",
+                            "token": "tag.warn.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of warn"
+                        },
+                        {
+                            "name": "warn.color",
+                            "token": "tag.warn.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of warn"
+                        },
+                        {
+                            "name": "danger.background",
+                            "token": "tag.danger.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of danger"
+                        },
+                        {
+                            "name": "danger.color",
+                            "token": "tag.danger.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of danger"
+                        },
+                        {
+                            "name": "contrast.background",
+                            "token": "tag.contrast.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of contrast"
+                        },
+                        {
+                            "name": "contrast.color",
+                            "token": "tag.contrast.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of contrast"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/terminal": {
+        "description": "Terminal Design Tokens\n\n[Live Demo](https://www.primevue.org/terminal/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "TerminalDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "prompt",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the prompt section"
+                        },
+                        {
+                            "name": "commandResponse",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the command response section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<TerminalDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "TerminalDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "terminal.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "terminal.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "terminal.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.height",
+                            "token": "terminal.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of root"
+                        },
+                        {
+                            "name": "root.padding",
+                            "token": "terminal.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "terminal.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "prompt.gap",
+                            "token": "terminal.prompt.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of prompt"
+                        },
+                        {
+                            "name": "commandResponse.margin",
+                            "token": "terminal.command.response.margin",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Margin of command response"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/textarea": {
+        "description": "Textarea Design Tokens\n\n[Live Demo](https://www.primevue.org/textarea/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "TextareaDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<TextareaDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "TextareaDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "textarea.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.disabledBackground",
+                            "token": "textarea.disabled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled background of root"
+                        },
+                        {
+                            "name": "root.filledBackground",
+                            "token": "textarea.filled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled background of root"
+                        },
+                        {
+                            "name": "root.filledFocusBackground",
+                            "token": "textarea.filled.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled focus background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "textarea.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.hoverBorderColor",
+                            "token": "textarea.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover border color of root"
+                        },
+                        {
+                            "name": "root.focusBorderColor",
+                            "token": "textarea.focus.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus border color of root"
+                        },
+                        {
+                            "name": "root.invalidBorderColor",
+                            "token": "textarea.invalid.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Invalid border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "textarea.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.disabledColor",
+                            "token": "textarea.disabled.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled color of root"
+                        },
+                        {
+                            "name": "root.placeholderColor",
+                            "token": "textarea.placeholder.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Placeholder color of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "textarea.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "root.paddingX",
+                            "token": "textarea.padding.x",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding x of root"
+                        },
+                        {
+                            "name": "root.paddingY",
+                            "token": "textarea.padding.y",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding y of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "textarea.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "textarea.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of root"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "textarea.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "textarea.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "textarea.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "textarea.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of root"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/tieredmenu": {
+        "description": "TieredMenu Design Tokens\n\n[Live Demo](https://www.primevue.org/tieredmenu/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "TieredMenuDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "list",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the list section"
+                        },
+                        {
+                            "name": "item",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the item section"
+                        },
+                        {
+                            "name": "submenuLabel",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the submenu label section"
+                        },
+                        {
+                            "name": "submenuIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the submenu icon section"
+                        },
+                        {
+                            "name": "separator",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the separator section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<TieredMenuDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "TieredMenuDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "tieredmenu.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "tieredmenu.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "tieredmenu.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "tieredmenu.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "tieredmenu.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "list.padding",
+                            "token": "tieredmenu.list.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of list"
+                        },
+                        {
+                            "name": "list.gap",
+                            "token": "tieredmenu.list.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of list"
+                        },
+                        {
+                            "name": "item.focusBackground",
+                            "token": "tieredmenu.item.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus background of item"
+                        },
+                        {
+                            "name": "item.activeBackground",
+                            "token": "tieredmenu.item.active.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active background of item"
+                        },
+                        {
+                            "name": "item.color",
+                            "token": "tieredmenu.item.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of item"
+                        },
+                        {
+                            "name": "item.focusColor",
+                            "token": "tieredmenu.item.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of item"
+                        },
+                        {
+                            "name": "item.activeColor",
+                            "token": "tieredmenu.item.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of item"
+                        },
+                        {
+                            "name": "item.padding",
+                            "token": "tieredmenu.item.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of item"
+                        },
+                        {
+                            "name": "item.borderRadius",
+                            "token": "tieredmenu.item.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of item"
+                        },
+                        {
+                            "name": "item.gap",
+                            "token": "tieredmenu.item.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of item"
+                        },
+                        {
+                            "name": "icon.color",
+                            "token": "tieredmenu.item.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon color of item"
+                        },
+                        {
+                            "name": "icon.focusColor",
+                            "token": "tieredmenu.item.icon.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon focus color of item"
+                        },
+                        {
+                            "name": "icon.activeColor",
+                            "token": "tieredmenu.item.icon.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Icon active color of item"
+                        },
+                        {
+                            "name": "submenuLabel.padding",
+                            "token": "tieredmenu.submenu.label.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of submenu label"
+                        },
+                        {
+                            "name": "submenuLabel.fontWeight",
+                            "token": "tieredmenu.submenu.label.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of submenu label"
+                        },
+                        {
+                            "name": "submenuLabel.background",
+                            "token": "tieredmenu.submenu.label.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of submenu label"
+                        },
+                        {
+                            "name": "submenuLabel.color",
+                            "token": "tieredmenu.submenu.label.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of submenu label"
+                        },
+                        {
+                            "name": "submenuIcon.size",
+                            "token": "tieredmenu.submenu.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of submenu icon"
+                        },
+                        {
+                            "name": "submenuIcon.color",
+                            "token": "tieredmenu.submenu.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of submenu icon"
+                        },
+                        {
+                            "name": "submenuIcon.focusColor",
+                            "token": "tieredmenu.submenu.icon.focus.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus color of submenu icon"
+                        },
+                        {
+                            "name": "submenuIcon.activeColor",
+                            "token": "tieredmenu.submenu.icon.active.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Active color of submenu icon"
+                        },
+                        {
+                            "name": "separator.borderColor",
+                            "token": "tieredmenu.separator.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of separator"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/timeline": {
+        "description": "Timeline Design Tokens\n\n[Live Demo](https://www.primevue.org/timeline/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "TimelineDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "event",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the event section"
+                        },
+                        {
+                            "name": "horizontal",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the horizontal section"
+                        },
+                        {
+                            "name": "vertical",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the vertical section"
+                        },
+                        {
+                            "name": "eventMarker",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the event marker section"
+                        },
+                        {
+                            "name": "eventConnector",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the event connector section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<TimelineDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "TimelineDesignTokens": {
+                    "props": [
+                        {
+                            "name": "event.minHeight",
+                            "token": "timeline.event.min.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Min height of event"
+                        },
+                        {
+                            "name": "eventContent.padding",
+                            "token": "timeline.horizontal.event.content.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Event content padding of horizontal"
+                        },
+                        {
+                            "name": "eventContent.padding",
+                            "token": "timeline.vertical.event.content.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Event content padding of vertical"
+                        },
+                        {
+                            "name": "eventMarker.size",
+                            "token": "timeline.event.marker.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of event marker"
+                        },
+                        {
+                            "name": "eventMarker.borderRadius",
+                            "token": "timeline.event.marker.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of event marker"
+                        },
+                        {
+                            "name": "eventMarker.borderWidth",
+                            "token": "timeline.event.marker.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of event marker"
+                        },
+                        {
+                            "name": "eventMarker.background",
+                            "token": "timeline.event.marker.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of event marker"
+                        },
+                        {
+                            "name": "eventMarker.borderColor",
+                            "token": "timeline.event.marker.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of event marker"
+                        },
+                        {
+                            "name": "content.borderRadius",
+                            "token": "timeline.event.marker.content.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Content border radius of event marker"
+                        },
+                        {
+                            "name": "content.size",
+                            "token": "timeline.event.marker.content.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Content size of event marker"
+                        },
+                        {
+                            "name": "content.background",
+                            "token": "timeline.event.marker.content.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Content background of event marker"
+                        },
+                        {
+                            "name": "content.insetShadow",
+                            "token": "timeline.event.marker.content.inset.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Content inset shadow of event marker"
+                        },
+                        {
+                            "name": "eventConnector.color",
+                            "token": "timeline.event.connector.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of event connector"
+                        },
+                        {
+                            "name": "eventConnector.size",
+                            "token": "timeline.event.connector.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of event connector"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/toast": {
+        "description": "Toast Design Tokens\n\n[Live Demo](https://www.primevue.org/toast/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "ToastDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "icon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the icon section"
+                        },
+                        {
+                            "name": "content",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the content section"
+                        },
+                        {
+                            "name": "text",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the text section"
+                        },
+                        {
+                            "name": "summary",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the summary section"
+                        },
+                        {
+                            "name": "detail",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the detail section"
+                        },
+                        {
+                            "name": "closeButton",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the close button section"
+                        },
+                        {
+                            "name": "closeIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the close icon section"
+                        },
+                        {
+                            "name": "blur",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the blur section"
+                        },
+                        {
+                            "name": "info",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the info section"
+                        },
+                        {
+                            "name": "success",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the success section"
+                        },
+                        {
+                            "name": "warn",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the warn section"
+                        },
+                        {
+                            "name": "error",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the error section"
+                        },
+                        {
+                            "name": "secondary",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the secondary section"
+                        },
+                        {
+                            "name": "contrast",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the contrast section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<ToastDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "ToastDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.width",
+                            "token": "toast.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "toast.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.borderWidth",
+                            "token": "toast.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of root"
+                        },
+                        {
+                            "name": "icon.size",
+                            "token": "toast.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of icon"
+                        },
+                        {
+                            "name": "content.padding",
+                            "token": "toast.content.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of content"
+                        },
+                        {
+                            "name": "content.gap",
+                            "token": "toast.content.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of content"
+                        },
+                        {
+                            "name": "text.gap",
+                            "token": "toast.text.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of text"
+                        },
+                        {
+                            "name": "summary.fontWeight",
+                            "token": "toast.summary.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of summary"
+                        },
+                        {
+                            "name": "summary.fontSize",
+                            "token": "toast.summary.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font size of summary"
+                        },
+                        {
+                            "name": "detail.fontWeight",
+                            "token": "toast.detail.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of detail"
+                        },
+                        {
+                            "name": "detail.fontSize",
+                            "token": "toast.detail.font.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font size of detail"
+                        },
+                        {
+                            "name": "closeButton.width",
+                            "token": "toast.close.button.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of close button"
+                        },
+                        {
+                            "name": "closeButton.height",
+                            "token": "toast.close.button.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of close button"
+                        },
+                        {
+                            "name": "closeButton.borderRadius",
+                            "token": "toast.close.button.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of close button"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "toast.close.button.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of close button"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "toast.close.button.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of close button"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "toast.close.button.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of close button"
+                        },
+                        {
+                            "name": "closeIcon.size",
+                            "token": "toast.close.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of close icon"
+                        },
+                        {
+                            "name": "blur.0",
+                            "token": "toast.blur.0",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "0 of blur"
+                        },
+                        {
+                            "name": "blur.1",
+                            "token": "toast.blur.1",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "1 of blur"
+                        },
+                        {
+                            "name": "blur.2",
+                            "token": "toast.blur.2",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "2 of blur"
+                        },
+                        {
+                            "name": "blur.3",
+                            "token": "toast.blur.3",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "3 of blur"
+                        },
+                        {
+                            "name": "blur.4",
+                            "token": "toast.blur.4",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "4 of blur"
+                        },
+                        {
+                            "name": "info.background",
+                            "token": "toast.info.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of info"
+                        },
+                        {
+                            "name": "info.borderColor",
+                            "token": "toast.info.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of info"
+                        },
+                        {
+                            "name": "info.color",
+                            "token": "toast.info.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of info"
+                        },
+                        {
+                            "name": "info.detailColor",
+                            "token": "toast.info.detail.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Detail color of info"
+                        },
+                        {
+                            "name": "info.shadow",
+                            "token": "toast.info.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of info"
+                        },
+                        {
+                            "name": "closeButton.hoverBackground",
+                            "token": "toast.info.close.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button hover background of info"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "toast.info.close.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring color of info"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "toast.info.close.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring shadow of info"
+                        },
+                        {
+                            "name": "success.background",
+                            "token": "toast.success.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of success"
+                        },
+                        {
+                            "name": "success.borderColor",
+                            "token": "toast.success.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of success"
+                        },
+                        {
+                            "name": "success.color",
+                            "token": "toast.success.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of success"
+                        },
+                        {
+                            "name": "success.detailColor",
+                            "token": "toast.success.detail.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Detail color of success"
+                        },
+                        {
+                            "name": "success.shadow",
+                            "token": "toast.success.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of success"
+                        },
+                        {
+                            "name": "closeButton.hoverBackground",
+                            "token": "toast.success.close.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button hover background of success"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "toast.success.close.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring color of success"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "toast.success.close.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring shadow of success"
+                        },
+                        {
+                            "name": "warn.background",
+                            "token": "toast.warn.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of warn"
+                        },
+                        {
+                            "name": "warn.borderColor",
+                            "token": "toast.warn.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of warn"
+                        },
+                        {
+                            "name": "warn.color",
+                            "token": "toast.warn.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of warn"
+                        },
+                        {
+                            "name": "warn.detailColor",
+                            "token": "toast.warn.detail.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Detail color of warn"
+                        },
+                        {
+                            "name": "warn.shadow",
+                            "token": "toast.warn.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of warn"
+                        },
+                        {
+                            "name": "closeButton.hoverBackground",
+                            "token": "toast.warn.close.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button hover background of warn"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "toast.warn.close.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring color of warn"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "toast.warn.close.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring shadow of warn"
+                        },
+                        {
+                            "name": "error.background",
+                            "token": "toast.error.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of error"
+                        },
+                        {
+                            "name": "error.borderColor",
+                            "token": "toast.error.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of error"
+                        },
+                        {
+                            "name": "error.color",
+                            "token": "toast.error.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of error"
+                        },
+                        {
+                            "name": "error.detailColor",
+                            "token": "toast.error.detail.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Detail color of error"
+                        },
+                        {
+                            "name": "error.shadow",
+                            "token": "toast.error.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of error"
+                        },
+                        {
+                            "name": "closeButton.hoverBackground",
+                            "token": "toast.error.close.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button hover background of error"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "toast.error.close.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring color of error"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "toast.error.close.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring shadow of error"
+                        },
+                        {
+                            "name": "secondary.background",
+                            "token": "toast.secondary.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of secondary"
+                        },
+                        {
+                            "name": "secondary.borderColor",
+                            "token": "toast.secondary.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of secondary"
+                        },
+                        {
+                            "name": "secondary.color",
+                            "token": "toast.secondary.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of secondary"
+                        },
+                        {
+                            "name": "secondary.detailColor",
+                            "token": "toast.secondary.detail.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Detail color of secondary"
+                        },
+                        {
+                            "name": "secondary.shadow",
+                            "token": "toast.secondary.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of secondary"
+                        },
+                        {
+                            "name": "closeButton.hoverBackground",
+                            "token": "toast.secondary.close.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button hover background of secondary"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "toast.secondary.close.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring color of secondary"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "toast.secondary.close.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring shadow of secondary"
+                        },
+                        {
+                            "name": "contrast.background",
+                            "token": "toast.contrast.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of contrast"
+                        },
+                        {
+                            "name": "contrast.borderColor",
+                            "token": "toast.contrast.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of contrast"
+                        },
+                        {
+                            "name": "contrast.color",
+                            "token": "toast.contrast.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of contrast"
+                        },
+                        {
+                            "name": "contrast.detailColor",
+                            "token": "toast.contrast.detail.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Detail color of contrast"
+                        },
+                        {
+                            "name": "contrast.shadow",
+                            "token": "toast.contrast.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of contrast"
+                        },
+                        {
+                            "name": "closeButton.hoverBackground",
+                            "token": "toast.contrast.close.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button hover background of contrast"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "toast.contrast.close.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring color of contrast"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "toast.contrast.close.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Close button focus ring shadow of contrast"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/togglebutton": {
+        "description": "ToggleButton Design Tokens\n\n[Live Demo](https://www.primevue.org/togglebutton/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "ToggleButtonDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "icon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the icon section"
+                        },
+                        {
+                            "name": "content",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the content section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<ToggleButtonDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "ToggleButtonDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.padding",
+                            "token": "togglebutton.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "togglebutton.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.gap",
+                            "token": "togglebutton.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        },
+                        {
+                            "name": "root.fontWeight",
+                            "token": "togglebutton.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of root"
+                        },
+                        {
+                            "name": "root.disabledBackground",
+                            "token": "togglebutton.disabled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled background of root"
+                        },
+                        {
+                            "name": "root.disabledBorderColor",
+                            "token": "togglebutton.disabled.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled border color of root"
+                        },
+                        {
+                            "name": "root.disabledColor",
+                            "token": "togglebutton.disabled.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled color of root"
+                        },
+                        {
+                            "name": "root.invalidBorderColor",
+                            "token": "togglebutton.invalid.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Invalid border color of root"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "togglebutton.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of root"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "togglebutton.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "togglebutton.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "togglebutton.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "togglebutton.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of root"
+                        },
+                        {
+                            "name": "root.background",
+                            "token": "togglebutton.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.checkedBackground",
+                            "token": "togglebutton.checked.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked background of root"
+                        },
+                        {
+                            "name": "root.hoverBackground",
+                            "token": "togglebutton.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "togglebutton.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "togglebutton.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.hoverColor",
+                            "token": "togglebutton.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of root"
+                        },
+                        {
+                            "name": "root.checkedColor",
+                            "token": "togglebutton.checked.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked color of root"
+                        },
+                        {
+                            "name": "root.checkedBorderColor",
+                            "token": "togglebutton.checked.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked border color of root"
+                        },
+                        {
+                            "name": "icon.disabledColor",
+                            "token": "togglebutton.icon.disabled.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled color of icon"
+                        },
+                        {
+                            "name": "icon.color",
+                            "token": "togglebutton.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of icon"
+                        },
+                        {
+                            "name": "icon.hoverColor",
+                            "token": "togglebutton.icon.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of icon"
+                        },
+                        {
+                            "name": "icon.checkedColor",
+                            "token": "togglebutton.icon.checked.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked color of icon"
+                        },
+                        {
+                            "name": "content.left",
+                            "token": "togglebutton.content.left",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Left of content"
+                        },
+                        {
+                            "name": "content.top",
+                            "token": "togglebutton.content.top",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Top of content"
+                        },
+                        {
+                            "name": "content.checkedShadow",
+                            "token": "togglebutton.content.checked.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked shadow of content"
+                        },
+                        {
+                            "name": "content.checkedBackground",
+                            "token": "togglebutton.content.checked.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked background of content"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/toggleswitch": {
+        "description": "ToggleSwitch Design Tokens\n\n[Live Demo](https://www.primevue.org/toggleswitch/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "ToggleSwitchDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "handle",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the handle section"
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<ToggleSwitchDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "ToggleSwitchDesignTokens": {
+                    "props": [
+                        {
+                            "name": "handle.borderRadius",
+                            "token": "toggleswitch.handle.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of handle"
+                        },
+                        {
+                            "name": "handle.size",
+                            "token": "toggleswitch.handle.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of handle"
+                        },
+                        {
+                            "name": "handle.background",
+                            "token": "toggleswitch.handle.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of handle"
+                        },
+                        {
+                            "name": "handle.hoverBackground",
+                            "token": "toggleswitch.handle.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of handle"
+                        },
+                        {
+                            "name": "handle.checkedBackground",
+                            "token": "toggleswitch.handle.checked.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked background of handle"
+                        },
+                        {
+                            "name": "handle.checkedHoverBackground",
+                            "token": "toggleswitch.handle.checked.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked hover background of handle"
+                        },
+                        {
+                            "name": "root.width",
+                            "token": "toggleswitch.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of root"
+                        },
+                        {
+                            "name": "root.height",
+                            "token": "toggleswitch.height",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Height of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "toggleswitch.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.gap",
+                            "token": "toggleswitch.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "toggleswitch.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "toggleswitch.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of root"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "toggleswitch.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "toggleswitch.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "toggleswitch.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "toggleswitch.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of root"
+                        },
+                        {
+                            "name": "root.borderWidth",
+                            "token": "toggleswitch.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "toggleswitch.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.invalidBorderColor",
+                            "token": "toggleswitch.invalid.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Invalid border color of root"
+                        },
+                        {
+                            "name": "root.background",
+                            "token": "toggleswitch.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.hoverBackground",
+                            "token": "toggleswitch.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of root"
+                        },
+                        {
+                            "name": "root.checkedBackground",
+                            "token": "toggleswitch.checked.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked background of root"
+                        },
+                        {
+                            "name": "root.checkedHoverBackground",
+                            "token": "toggleswitch.checked.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Checked hover background of root"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/toolbar": {
+        "description": "Toolbar Design Tokens\n\n[Live Demo](https://www.primevue.org/toolbar/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "ToolbarDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<ToolbarDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "ToolbarDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "toolbar.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "toolbar.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "toolbar.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "toolbar.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.gap",
+                            "token": "toolbar.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        },
+                        {
+                            "name": "root.padding",
+                            "token": "toolbar.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of root"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/tooltip": {
+        "description": "Tooltip Design Tokens\n\n[Live Demo](https://www.primevue.org/tooltip/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "TooltipDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<TooltipDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "TooltipDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.maxWidth",
+                            "token": "tooltip.max.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Max width of root"
+                        },
+                        {
+                            "name": "root.gutter",
+                            "token": "tooltip.gutter",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gutter of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "tooltip.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "root.padding",
+                            "token": "tooltip.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "tooltip.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "root.background",
+                            "token": "tooltip.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "tooltip.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/tree": {
+        "description": "Tree Design Tokens\n\n[Live Demo](https://www.primevue.org/tree/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "TreeDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "node",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the node section"
+                        },
+                        {
+                            "name": "nodeIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the node icon section"
+                        },
+                        {
+                            "name": "nodeToggleButton",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the node toggle button section"
+                        },
+                        {
+                            "name": "loadingIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the loading icon section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<TreeDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "TreeDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "tree.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "tree.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.padding",
+                            "token": "tree.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of root"
+                        },
+                        {
+                            "name": "root.gap",
+                            "token": "tree.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of root"
+                        },
+                        {
+                            "name": "root.indent",
+                            "token": "tree.indent",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Indent of root"
+                        },
+                        {
+                            "name": "node.padding",
+                            "token": "tree.node.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of node"
+                        },
+                        {
+                            "name": "node.borderRadius",
+                            "token": "tree.node.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of node"
+                        },
+                        {
+                            "name": "node.hoverBackground",
+                            "token": "tree.node.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of node"
+                        },
+                        {
+                            "name": "node.selectedBackground",
+                            "token": "tree.node.selected.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected background of node"
+                        },
+                        {
+                            "name": "node.color",
+                            "token": "tree.node.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of node"
+                        },
+                        {
+                            "name": "node.hoverColor",
+                            "token": "tree.node.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of node"
+                        },
+                        {
+                            "name": "node.selectedColor",
+                            "token": "tree.node.selected.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected color of node"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "tree.node.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of node"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "tree.node.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of node"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "tree.node.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of node"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "tree.node.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of node"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "tree.node.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of node"
+                        },
+                        {
+                            "name": "node.gap",
+                            "token": "tree.node.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of node"
+                        },
+                        {
+                            "name": "nodeIcon.color",
+                            "token": "tree.node.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of node icon"
+                        },
+                        {
+                            "name": "nodeIcon.hoverColor",
+                            "token": "tree.node.icon.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of node icon"
+                        },
+                        {
+                            "name": "nodeIcon.selectedColor",
+                            "token": "tree.node.icon.selected.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected color of node icon"
+                        },
+                        {
+                            "name": "nodeToggleButton.borderRadius",
+                            "token": "tree.node.toggle.button.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.size",
+                            "token": "tree.node.toggle.button.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.hoverBackground",
+                            "token": "tree.node.toggle.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.selectedHoverBackground",
+                            "token": "tree.node.toggle.button.selected.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected hover background of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.color",
+                            "token": "tree.node.toggle.button.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.hoverColor",
+                            "token": "tree.node.toggle.button.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.selectedHoverColor",
+                            "token": "tree.node.toggle.button.selected.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected hover color of node toggle button"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "tree.node.toggle.button.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of node toggle button"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "tree.node.toggle.button.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of node toggle button"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "tree.node.toggle.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of node toggle button"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "tree.node.toggle.button.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of node toggle button"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "tree.node.toggle.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of node toggle button"
+                        },
+                        {
+                            "name": "loadingIcon.size",
+                            "token": "tree.loading.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of loading icon"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/treeselect": {
+        "description": "TreeSelect Design Tokens\n\n[Live Demo](https://www.primevue.org/treeselect/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "TreeSelectDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        },
+                        {
+                            "name": "dropdown",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the dropdown section"
+                        },
+                        {
+                            "name": "overlay",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the overlay section"
+                        },
+                        {
+                            "name": "tree",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the tree section"
+                        },
+                        {
+                            "name": "emptyMessage",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the empty message section"
+                        },
+                        {
+                            "name": "chip",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the chip section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<TreeSelectDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "TreeSelectDesignTokens": {
+                    "props": [
+                        {
+                            "name": "root.background",
+                            "token": "treeselect.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of root"
+                        },
+                        {
+                            "name": "root.disabledBackground",
+                            "token": "treeselect.disabled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled background of root"
+                        },
+                        {
+                            "name": "root.filledBackground",
+                            "token": "treeselect.filled.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled background of root"
+                        },
+                        {
+                            "name": "root.filledFocusBackground",
+                            "token": "treeselect.filled.focus.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Filled focus background of root"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "treeselect.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        },
+                        {
+                            "name": "root.hoverBorderColor",
+                            "token": "treeselect.hover.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover border color of root"
+                        },
+                        {
+                            "name": "root.focusBorderColor",
+                            "token": "treeselect.focus.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus border color of root"
+                        },
+                        {
+                            "name": "root.invalidBorderColor",
+                            "token": "treeselect.invalid.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Invalid border color of root"
+                        },
+                        {
+                            "name": "root.color",
+                            "token": "treeselect.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of root"
+                        },
+                        {
+                            "name": "root.disabledColor",
+                            "token": "treeselect.disabled.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Disabled color of root"
+                        },
+                        {
+                            "name": "root.placeholderColor",
+                            "token": "treeselect.placeholder.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Placeholder color of root"
+                        },
+                        {
+                            "name": "root.shadow",
+                            "token": "treeselect.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of root"
+                        },
+                        {
+                            "name": "root.paddingX",
+                            "token": "treeselect.padding.x",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding x of root"
+                        },
+                        {
+                            "name": "root.paddingY",
+                            "token": "treeselect.padding.y",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding y of root"
+                        },
+                        {
+                            "name": "root.borderRadius",
+                            "token": "treeselect.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of root"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "treeselect.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of root"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "treeselect.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of root"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "treeselect.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of root"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "treeselect.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of root"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "treeselect.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of root"
+                        },
+                        {
+                            "name": "dropdown.width",
+                            "token": "treeselect.dropdown.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of dropdown"
+                        },
+                        {
+                            "name": "dropdown.color",
+                            "token": "treeselect.dropdown.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of dropdown"
+                        },
+                        {
+                            "name": "overlay.background",
+                            "token": "treeselect.overlay.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of overlay"
+                        },
+                        {
+                            "name": "overlay.borderColor",
+                            "token": "treeselect.overlay.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of overlay"
+                        },
+                        {
+                            "name": "overlay.borderRadius",
+                            "token": "treeselect.overlay.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of overlay"
+                        },
+                        {
+                            "name": "overlay.color",
+                            "token": "treeselect.overlay.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of overlay"
+                        },
+                        {
+                            "name": "overlay.shadow",
+                            "token": "treeselect.overlay.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Shadow of overlay"
+                        },
+                        {
+                            "name": "tree.padding",
+                            "token": "treeselect.tree.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of tree"
+                        },
+                        {
+                            "name": "emptyMessage.padding",
+                            "token": "treeselect.empty.message.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of empty message"
+                        },
+                        {
+                            "name": "chip.borderRadius",
+                            "token": "treeselect.chip.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of chip"
+                        }
+                    ]
+                }
+            }
+        }
+    },
+    "themes/treetable": {
+        "description": "TreeTable Design Tokens\n\n[Live Demo](https://www.primevue.org/treetable/)",
+        "interfaces": {
+            "description": "Defines the custom interfaces used by the module.",
+            "eventDescription": "Defines the custom events used by the component's emit.",
+            "methodDescription": "Defines methods that can be accessed by the component's reference.",
+            "typeDescription": "Defines the custom types used by the module.",
+            "values": {
+                "TreeTableDesignTokens": {
+                    "relatedProp": "",
+                    "props": [
+                        {
+                            "name": "colorScheme",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": ""
+                        },
+                        {
+                            "name": "header",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the header section"
+                        },
+                        {
+                            "name": "headerCell",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the header cell section"
+                        },
+                        {
+                            "name": "row",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the row section"
+                        },
+                        {
+                            "name": "bodyCell",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the body cell section"
+                        },
+                        {
+                            "name": "footerCell",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the footer cell section"
+                        },
+                        {
+                            "name": "footer",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the footer section"
+                        },
+                        {
+                            "name": "columnResizerWidth",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the column resizer width section"
+                        },
+                        {
+                            "name": "resizeIndicator",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the resize indicator section"
+                        },
+                        {
+                            "name": "sortIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the sort icon section"
+                        },
+                        {
+                            "name": "loadingIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the loading icon section"
+                        },
+                        {
+                            "name": "nodeToggleButton",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the node toggle button section"
+                        },
+                        {
+                            "name": "paginatorTop",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the paginator top section"
+                        },
+                        {
+                            "name": "paginatorBottom",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the paginator bottom section"
+                        },
+                        {
+                            "name": "root",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "Object",
+                            "default": "",
+                            "description": "Used to pass tokens of the root section"
+                        }
+                    ],
+                    "methods": [],
+                    "extendedTypes": "ColorSchemeDesignToken<TreeTableDesignTokens>"
+                }
+            }
+        },
+        "tokens": {
+            "description": "Define design tokens used by the component.",
+            "values": {
+                "TreeTableDesignTokens": {
+                    "props": [
+                        {
+                            "name": "header.background",
+                            "token": "treetable.header.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of header"
+                        },
+                        {
+                            "name": "header.borderColor",
+                            "token": "treetable.header.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of header"
+                        },
+                        {
+                            "name": "header.color",
+                            "token": "treetable.header.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of header"
+                        },
+                        {
+                            "name": "header.borderWidth",
+                            "token": "treetable.header.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of header"
+                        },
+                        {
+                            "name": "header.padding",
+                            "token": "treetable.header.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of header"
+                        },
+                        {
+                            "name": "header.fontWeight",
+                            "token": "treetable.header.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of header"
+                        },
+                        {
+                            "name": "headerCell.background",
+                            "token": "treetable.header.cell.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of header cell"
+                        },
+                        {
+                            "name": "headerCell.hoverBackground",
+                            "token": "treetable.header.cell.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of header cell"
+                        },
+                        {
+                            "name": "headerCell.selectedBackground",
+                            "token": "treetable.header.cell.selected.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected background of header cell"
+                        },
+                        {
+                            "name": "headerCell.borderColor",
+                            "token": "treetable.header.cell.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of header cell"
+                        },
+                        {
+                            "name": "headerCell.color",
+                            "token": "treetable.header.cell.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of header cell"
+                        },
+                        {
+                            "name": "headerCell.hoverColor",
+                            "token": "treetable.header.cell.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of header cell"
+                        },
+                        {
+                            "name": "headerCell.selectedColor",
+                            "token": "treetable.header.cell.selected.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected color of header cell"
+                        },
+                        {
+                            "name": "headerCell.gap",
+                            "token": "treetable.header.cell.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of header cell"
+                        },
+                        {
+                            "name": "headerCell.padding",
+                            "token": "treetable.header.cell.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of header cell"
+                        },
+                        {
+                            "name": "headerCell.fontWeight",
+                            "token": "treetable.header.cell.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of header cell"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "treetable.header.cell.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of header cell"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "treetable.header.cell.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of header cell"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "treetable.header.cell.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of header cell"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "treetable.header.cell.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of header cell"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "treetable.header.cell.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of header cell"
+                        },
+                        {
+                            "name": "row.background",
+                            "token": "treetable.row.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of row"
+                        },
+                        {
+                            "name": "row.hoverBackground",
+                            "token": "treetable.row.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of row"
+                        },
+                        {
+                            "name": "row.selectedBackground",
+                            "token": "treetable.row.selected.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected background of row"
+                        },
+                        {
+                            "name": "row.color",
+                            "token": "treetable.row.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of row"
+                        },
+                        {
+                            "name": "row.hoverColor",
+                            "token": "treetable.row.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of row"
+                        },
+                        {
+                            "name": "row.selectedColor",
+                            "token": "treetable.row.selected.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected color of row"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "treetable.row.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of row"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "treetable.row.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of row"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "treetable.row.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of row"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "treetable.row.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of row"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "treetable.row.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of row"
+                        },
+                        {
+                            "name": "bodyCell.borderColor",
+                            "token": "treetable.body.cell.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of body cell"
+                        },
+                        {
+                            "name": "bodyCell.padding",
+                            "token": "treetable.body.cell.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of body cell"
+                        },
+                        {
+                            "name": "bodyCell.gap",
+                            "token": "treetable.body.cell.gap",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Gap of body cell"
+                        },
+                        {
+                            "name": "bodyCell.selectedBorderColor",
+                            "token": "treetable.body.cell.selected.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected border color of body cell"
+                        },
+                        {
+                            "name": "footerCell.background",
+                            "token": "treetable.footer.cell.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of footer cell"
+                        },
+                        {
+                            "name": "footerCell.borderColor",
+                            "token": "treetable.footer.cell.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of footer cell"
+                        },
+                        {
+                            "name": "footerCell.color",
+                            "token": "treetable.footer.cell.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of footer cell"
+                        },
+                        {
+                            "name": "footerCell.padding",
+                            "token": "treetable.footer.cell.padding",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Padding of footer cell"
+                        },
+                        {
+                            "name": "footerCell.fontWeight",
+                            "token": "treetable.footer.cell.font.weight",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Font weight of footer cell"
+                        },
+                        {
+                            "name": "footer.background",
+                            "token": "treetable.footer.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Background of footer"
+                        },
+                        {
+                            "name": "footer.borderColor",
+                            "token": "treetable.footer.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of footer"
+                        },
+                        {
+                            "name": "footer.color",
+                            "token": "treetable.footer.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of footer"
+                        },
+                        {
+                            "name": "columnResizerWidth.0",
+                            "token": "treetable.column.resizer.width.0",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "0 of column resizer width"
+                        },
+                        {
+                            "name": "columnResizerWidth.1",
+                            "token": "treetable.column.resizer.width.1",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "1 of column resizer width"
+                        },
+                        {
+                            "name": "columnResizerWidth.2",
+                            "token": "treetable.column.resizer.width.2",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "2 of column resizer width"
+                        },
+                        {
+                            "name": "columnResizerWidth.3",
+                            "token": "treetable.column.resizer.width.3",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "3 of column resizer width"
+                        },
+                        {
+                            "name": "columnResizerWidth.4",
+                            "token": "treetable.column.resizer.width.4",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "4 of column resizer width"
+                        },
+                        {
+                            "name": "columnResizerWidth.5",
+                            "token": "treetable.column.resizer.width.5",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "5 of column resizer width"
+                        },
+                        {
+                            "name": "resizeIndicator.width",
+                            "token": "treetable.resize.indicator.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Width of resize indicator"
+                        },
+                        {
+                            "name": "resizeIndicator.color",
+                            "token": "treetable.resize.indicator.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of resize indicator"
+                        },
+                        {
+                            "name": "sortIcon.color",
+                            "token": "treetable.sort.icon.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of sort icon"
+                        },
+                        {
+                            "name": "sortIcon.hoverColor",
+                            "token": "treetable.sort.icon.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of sort icon"
+                        },
+                        {
+                            "name": "loadingIcon.size",
+                            "token": "treetable.loading.icon.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of loading icon"
+                        },
+                        {
+                            "name": "nodeToggleButton.hoverBackground",
+                            "token": "treetable.node.toggle.button.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover background of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.selectedHoverBackground",
+                            "token": "treetable.node.toggle.button.selected.hover.background",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected hover background of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.color",
+                            "token": "treetable.node.toggle.button.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Color of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.hoverColor",
+                            "token": "treetable.node.toggle.button.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Hover color of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.selectedHoverColor",
+                            "token": "treetable.node.toggle.button.selected.hover.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Selected hover color of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.size",
+                            "token": "treetable.node.toggle.button.size",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Size of node toggle button"
+                        },
+                        {
+                            "name": "nodeToggleButton.borderRadius",
+                            "token": "treetable.node.toggle.button.border.radius",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border radius of node toggle button"
+                        },
+                        {
+                            "name": "focusRing.width",
+                            "token": "treetable.node.toggle.button.focus.ring.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring width of node toggle button"
+                        },
+                        {
+                            "name": "focusRing.style",
+                            "token": "treetable.node.toggle.button.focus.ring.style",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring style of node toggle button"
+                        },
+                        {
+                            "name": "focusRing.color",
+                            "token": "treetable.node.toggle.button.focus.ring.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring color of node toggle button"
+                        },
+                        {
+                            "name": "focusRing.offset",
+                            "token": "treetable.node.toggle.button.focus.ring.offset",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring offset of node toggle button"
+                        },
+                        {
+                            "name": "focusRing.shadow",
+                            "token": "treetable.node.toggle.button.focus.ring.shadow",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Focus ring shadow of node toggle button"
+                        },
+                        {
+                            "name": "paginatorTop.borderColor",
+                            "token": "treetable.paginator.top.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of paginator top"
+                        },
+                        {
+                            "name": "paginatorTop.borderWidth",
+                            "token": "treetable.paginator.top.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of paginator top"
+                        },
+                        {
+                            "name": "paginatorBottom.borderColor",
+                            "token": "treetable.paginator.bottom.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of paginator bottom"
+                        },
+                        {
+                            "name": "paginatorBottom.borderWidth",
+                            "token": "treetable.paginator.bottom.border.width",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border width of paginator bottom"
+                        },
+                        {
+                            "name": "root.borderColor",
+                            "token": "treetable.border.color",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Border color of root"
+                        }
+                    ]
+                }
+            }
+        }
+    },
     "themes/utils": {},
     "tieredmenu": {
         "description": "TieredMenu displays submenus in nested overlays.\n\n[Live Demo](https://www.primevue.org/menu/)",
diff --git a/doc/confirmdialog/theming/StyledDoc.vue b/doc/confirmdialog/theming/StyledDoc.vue
deleted file mode 100644
index 27983f8de..000000000
--- a/doc/confirmdialog/theming/StyledDoc.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-confirm-dialog</td>
-                    <td>Container element.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/confirmdialog/theming/index.vue b/doc/confirmdialog/theming/index.vue
index 2a63256f4..0f39a4226 100644
--- a/doc/confirmdialog/theming/index.vue
+++ b/doc/confirmdialog/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('ConfirmDialog')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('ConfirmDialog')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('ConfirmDialog')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/confirmpopup/theming/StyledDoc.vue b/doc/confirmpopup/theming/StyledDoc.vue
deleted file mode 100644
index 1c9fd846d..000000000
--- a/doc/confirmpopup/theming/StyledDoc.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-confirm-popup</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-confirm-popup-content</td>
-                    <td>Content element.</td>
-                </tr>
-                <tr>
-                    <td>p-confirm-popup-icon</td>
-                    <td>Message icon.</td>
-                </tr>
-                <tr>
-                    <td>p-confirm-popup-message</td>
-                    <td>Message text.</td>
-                </tr>
-                <tr>
-                    <td>p-confirm-popup-footer</td>
-                    <td>Footer element for buttons.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/confirmpopup/theming/index.vue b/doc/confirmpopup/theming/index.vue
index e01994a47..71f787032 100644
--- a/doc/confirmpopup/theming/index.vue
+++ b/doc/confirmpopup/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('ConfirmPopup')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('ConfirmPopup')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('ConfirmPopup')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/contextmenu/theming/StyledDoc.vue b/doc/contextmenu/theming/StyledDoc.vue
deleted file mode 100644
index 0d9b0819c..000000000
--- a/doc/contextmenu/theming/StyledDoc.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-contextmenu</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-contextmenu-root-list</td>
-                    <td>Root list element.</td>
-                </tr>
-                <tr>
-                    <td>p-submenu-list</td>
-                    <td>Submenu list element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem</td>
-                    <td>Menuitem element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-active</td>
-                    <td>Active menuitem element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-content</td>
-                    <td>Content of menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-link</td>
-                    <td>Link element of the menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-text</td>
-                    <td>Label of a menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-icon</td>
-                    <td>Icon of a menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-submenu-icon</td>
-                    <td>Arrow icon of a submenu.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/contextmenu/theming/index.vue b/doc/contextmenu/theming/index.vue
index 3ffcac8f7..2fa95069c 100644
--- a/doc/contextmenu/theming/index.vue
+++ b/doc/contextmenu/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('ContextMenu')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('ContextMenu')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('ContextMenu')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/datatable/theming/StyledDoc.vue b/doc/datatable/theming/StyledDoc.vue
deleted file mode 100644
index 8135c309b..000000000
--- a/doc/datatable/theming/StyledDoc.vue
+++ /dev/null
@@ -1,97 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-datatable</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-datatable-scrollable</td>
-                    <td>Container element when table is scrollable.</td>
-                </tr>
-                <tr>
-                    <td>p-datatable-header</td>
-                    <td>Header section.</td>
-                </tr>
-                <tr>
-                    <td>p-datatable-footer</td>
-                    <td>Footer section.</td>
-                </tr>
-                <tr>
-                    <td>p-datatable-wrapper</td>
-                    <td>Wrapper of table element.</td>
-                </tr>
-                <tr>
-                    <td>p-datatable-table</td>
-                    <td>Table element.</td>
-                </tr>
-                <tr>
-                    <td>p-datatable-thead</td>
-                    <td>Table thead element.</td>
-                </tr>
-                <tr>
-                    <td>p-datatable-tbody</td>
-                    <td>Table tbody element.</td>
-                </tr>
-                <tr>
-                    <td>p-datatable-tfoot</td>
-                    <td>Table tfoot element.</td>
-                </tr>
-                <tr>
-                    <td>p-column-title</td>
-                    <td>Title of a column.</td>
-                </tr>
-                <tr>
-                    <td>p-sortable-column</td>
-                    <td>Sortable column header.</td>
-                </tr>
-                <tr>
-                    <td>p-frozen-column</td>
-                    <td>Frozen column header.</td>
-                </tr>
-                <tr>
-                    <td>p-rowgroup-header</td>
-                    <td>Header of a rowgroup.</td>
-                </tr>
-                <tr>
-                    <td>p-rowgroup-footer</td>
-                    <td>Footer of a rowgroup.</td>
-                </tr>
-                <tr>
-                    <td>p-datatable-row-expansion</td>
-                    <td>Expanded row content.</td>
-                </tr>
-                <tr>
-                    <td>p-row-toggler</td>
-                    <td>Toggle element for row expansion.</td>
-                </tr>
-                <tr>
-                    <td>p-datatable-emptymessage</td>
-                    <td>Cell containing the empty message.</td>
-                </tr>
-                <tr>
-                    <td>p-row-editor-init</td>
-                    <td>Pencil button of row editor.</td>
-                </tr>
-                <tr>
-                    <td>p-row-editor-init</td>
-                    <td>Save button of row editor.</td>
-                </tr>
-                <tr>
-                    <td>p-row-editor-init</td>
-                    <td>Cancel button of row editor.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/datatable/theming/index.vue b/doc/datatable/theming/index.vue
index 37011fe52..6e3c5eddb 100644
--- a/doc/datatable/theming/index.vue
+++ b/doc/datatable/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('DataTable')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('DataTable')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('DataTable')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/dataview/theming/StyledDoc.vue b/doc/dataview/theming/StyledDoc.vue
deleted file mode 100644
index 3cb9b97e6..000000000
--- a/doc/dataview/theming/StyledDoc.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-dataview</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-dataview-list</td>
-                    <td>Container element in list layout.</td>
-                </tr>
-                <tr>
-                    <td>p-dataview-grid</td>
-                    <td>Container element in grid layout.</td>
-                </tr>
-                <tr>
-                    <td>p-dataview-header</td>
-                    <td>Header section.</td>
-                </tr>
-                <tr>
-                    <td>p-dataview-footer</td>
-                    <td>Footer section.</td>
-                </tr>
-                <tr>
-                    <td>p-dataview-content</td>
-                    <td>Container of items.</td>
-                </tr>
-                <tr>
-                    <td>p-dataview-emptymessage</td>
-                    <td>Empty message element.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/dataview/theming/index.vue b/doc/dataview/theming/index.vue
index 7beeb5ea0..202b8af2b 100644
--- a/doc/dataview/theming/index.vue
+++ b/doc/dataview/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('DataView')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('DataView')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('DataView')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/datepicker/theming/StyledDoc.vue b/doc/datepicker/theming/StyledDoc.vue
deleted file mode 100644
index de76b75a6..000000000
--- a/doc/datepicker/theming/StyledDoc.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-datepicker</td>
-                    <td>Main container element</td>
-                </tr>
-                <tr>
-                    <td>p-datepicker-w-btn</td>
-                    <td>Main container element when button is enabled.</td>
-                </tr>
-                <tr>
-                    <td>p-datepicker-timeonly</td>
-                    <td>Main container element in time picker only mode.</td>
-                </tr>
-                <tr>
-                    <td>p-inputtext</td>
-                    <td>Input element</td>
-                </tr>
-                <tr>
-                    <td>p-datepicker</td>
-                    <td>Datepicker element</td>
-                </tr>
-                <tr>
-                    <td>p-datepicker-inline</td>
-                    <td>Datepicker element in inline mode</td>
-                </tr>
-                <tr>
-                    <td>p-monthpicker</td>
-                    <td>Datepicker element in month view.</td>
-                </tr>
-                <tr>
-                    <td>p-monthpicker-month</td>
-                    <td>Month cell in month view mode.</td>
-                </tr>
-                <tr>
-                    <td>p-datepicker-touch-ui</td>
-                    <td>Datepicker element in touch ui mode.</td>
-                </tr>
-                <tr>
-                    <td>p-datepicker-calendar</td>
-                    <td>Table containing dates of a month.</td>
-                </tr>
-                <tr>
-                    <td>p-datepicker-current-day</td>
-                    <td>Cell of selected date.</td>
-                </tr>
-                <tr>
-                    <td>p-datepicker-today</td>
-                    <td>Cell of today's date.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/datepicker/theming/index.vue b/doc/datepicker/theming/index.vue
index e290600ed..941c6493e 100644
--- a/doc/datepicker/theming/index.vue
+++ b/doc/datepicker/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('DatePicker')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('DatePicker')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('DatePicker')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/dialog/theming/StyledDoc.vue b/doc/dialog/theming/StyledDoc.vue
deleted file mode 100644
index 2be5c302e..000000000
--- a/doc/dialog/theming/StyledDoc.vue
+++ /dev/null
@@ -1,42 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-dialog</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-dialog-titlebar</td>
-                    <td>Container of header.</td>
-                </tr>
-                <tr>
-                    <td>p-dialog-title</td>
-                    <td>Header element.</td>
-                </tr>
-                <tr>
-                    <td>p-dialog-titlebar-icon</td>
-                    <td>Icon container inside header.</td>
-                </tr>
-                <tr>
-                    <td>p-dialog-titlebar-close</td>
-                    <td>Close icon element.</td>
-                </tr>
-                <tr>
-                    <td>p-dialog-content</td>
-                    <td>Content element</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/dialog/theming/index.vue b/doc/dialog/theming/index.vue
index da5d60b8a..62411ddc2 100644
--- a/doc/dialog/theming/index.vue
+++ b/doc/dialog/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Dialog')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Dialog')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Dialog')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/divider/theming/StyledDoc.vue b/doc/divider/theming/StyledDoc.vue
deleted file mode 100644
index ab0d87065..000000000
--- a/doc/divider/theming/StyledDoc.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-divider</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-divider-horizontal</td>
-                    <td>Container element in horizontal layout.</td>
-                </tr>
-                <tr>
-                    <td>p-divider-vertical</td>
-                    <td>Container element in vertical layout.</td>
-                </tr>
-                <tr>
-                    <td>p-divider-solid</td>
-                    <td>Container element with solid border.</td>
-                </tr>
-                <tr>
-                    <td>p-divider-dashed</td>
-                    <td>Container element with dashed border.</td>
-                </tr>
-                <tr>
-                    <td>p-divider-dotted</td>
-                    <td>Container element with dotted border.</td>
-                </tr>
-                <tr>
-                    <td>p-divider-left</td>
-                    <td>Container element with content aligned to left.</td>
-                </tr>
-                <tr>
-                    <td>p-divider-right</td>
-                    <td>Container element with content aligned to right.</td>
-                </tr>
-                <tr>
-                    <td>p-divider-center</td>
-                    <td>Container element with content aligned to center.</td>
-                </tr>
-                <tr>
-                    <td>p-divider-bottom</td>
-                    <td>Container element with content aligned to bottom.</td>
-                </tr>
-                <tr>
-                    <td>p-divider-top</td>
-                    <td>Container element with content aligned to top.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/divider/theming/index.vue b/doc/divider/theming/index.vue
index 11dbde9a8..af2576b90 100644
--- a/doc/divider/theming/index.vue
+++ b/doc/divider/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Divider')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Divider')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Divider')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/dock/theming/StyledDoc.vue b/doc/dock/theming/StyledDoc.vue
deleted file mode 100644
index bbeaa17d7..000000000
--- a/doc/dock/theming/StyledDoc.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-dock</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-dock-list-container</td>
-                    <td>Container of the list.</td>
-                </tr>
-                <tr>
-                    <td>p-dock-list</td>
-                    <td>List of items.</td>
-                </tr>
-                <tr>
-                    <td>p-dock-item</td>
-                    <td>Each items in list.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-content</td>
-                    <td>Content of menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-dock-link</td>
-                    <td>Link of the menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-dock-icon</td>
-                    <td>Icon of a menuitem.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/dock/theming/index.vue b/doc/dock/theming/index.vue
index dbe9031e3..acfc6c9ca 100644
--- a/doc/dock/theming/index.vue
+++ b/doc/dock/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Dock')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Dock')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Dock')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/drawer/theming/StyledDoc.vue b/doc/drawer/theming/StyledDoc.vue
deleted file mode 100644
index 8a1cbff80..000000000
--- a/doc/drawer/theming/StyledDoc.vue
+++ /dev/null
@@ -1,66 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-drawer</td>
-                    <td>Container element</td>
-                </tr>
-                <tr>
-                    <td>p-drawer-left</td>
-                    <td>Container element of left drawer.</td>
-                </tr>
-                <tr>
-                    <td>p-drawer-right</td>
-                    <td>Container element of right drawer.</td>
-                </tr>
-                <tr>
-                    <td>p-drawer-top</td>
-                    <td>Container element of top drawer.</td>
-                </tr>
-                <tr>
-                    <td>p-drawer-bottom</td>
-                    <td>Container element of bottom drawer.</td>
-                </tr>
-                <tr>
-                    <td>p-drawer-full</td>
-                    <td>Container element of a full screen drawer.</td>
-                </tr>
-                <tr>
-                    <td>p-drawer-visible</td>
-                    <td>Container element when drawer is visible.</td>
-                </tr>
-                <tr>
-                    <td>p-drawer-close</td>
-                    <td>Close anchor element.</td>
-                </tr>
-                <tr>
-                    <td>p-drawer-sm</td>
-                    <td>Small sized drawer.</td>
-                </tr>
-                <tr>
-                    <td>p-drawer-md</td>
-                    <td>Medium sized drawer.</td>
-                </tr>
-                <tr>
-                    <td>p-drawer-lg</td>
-                    <td>Large sized drawer.</td>
-                </tr>
-                <tr>
-                    <td>p-drawer-mask</td>
-                    <td>Modal layer of the drawer.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/drawer/theming/index.vue b/doc/drawer/theming/index.vue
index 67270f7c4..95be94e9c 100644
--- a/doc/drawer/theming/index.vue
+++ b/doc/drawer/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Drawer')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Drawer')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Drawer')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/editor/theming/StyledDoc.vue b/doc/editor/theming/StyledDoc.vue
deleted file mode 100644
index c0abfb84c..000000000
--- a/doc/editor/theming/StyledDoc.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-editor-container</td>
-                    <td>Container element</td>
-                </tr>
-                <tr>
-                    <td>p-editor-toolbar</td>
-                    <td>Toolbar of the editor</td>
-                </tr>
-                <tr>
-                    <td>p-editor-content</td>
-                    <td>Editable area</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/editor/theming/index.vue b/doc/editor/theming/index.vue
index 0f2433dcf..e380aa2db 100644
--- a/doc/editor/theming/index.vue
+++ b/doc/editor/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Editor')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Editor')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Editor')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/fieldset/theming/StyledDoc.vue b/doc/fieldset/theming/StyledDoc.vue
deleted file mode 100644
index 63bb378f1..000000000
--- a/doc/fieldset/theming/StyledDoc.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-fieldset</td>
-                        <td>Fieldset element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-fieldset-toggleable</td>
-                        <td>Toggleable fieldset element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-fieldset-legend</td>
-                        <td>Legend element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-fieldset-content</td>
-                        <td>Content element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </DocSectionText>
-</template>
diff --git a/doc/fieldset/theming/index.vue b/doc/fieldset/theming/index.vue
index fd1f7372f..586b223ea 100644
--- a/doc/fieldset/theming/index.vue
+++ b/doc/fieldset/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Fieldset')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Fieldset')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Fieldset')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/fileupload/theming/StyledDoc.vue b/doc/fileupload/theming/StyledDoc.vue
deleted file mode 100644
index 16fb1a4e2..000000000
--- a/doc/fileupload/theming/StyledDoc.vue
+++ /dev/null
@@ -1,73 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-fileupload</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-fileupload-basic</td>
-                    <td>Container element in basic mode.</td>
-                </tr>
-                <tr>
-                    <td>p-fileupload-advanced</td>
-                    <td>Container element in advanced mode.</td>
-                </tr>
-                <tr>
-                    <td>p-fileupload-buttonbar</td>
-                    <td>Header containing the buttons.</td>
-                </tr>
-                <tr>
-                    <td>p-fileupload-content</td>
-                    <td>Content section.</td>
-                </tr>
-                <tr>
-                    <td>p-fileupload-file</td>
-                    <td>File item.</td>
-                </tr>
-                <tr>
-                    <td>p-fileupload-file-thumbnail</td>
-                    <td>Image preview of a file.</td>
-                </tr>
-                <tr>
-                    <td>p-fileupload-file-details</td>
-                    <td>Container of file details.</td>
-                </tr>
-                <tr>
-                    <td>p-fileupload-file-name</td>
-                    <td>File name element.</td>
-                </tr>
-                <tr>
-                    <td>p-fileupload-file-size</td>
-                    <td>File size element.</td>
-                </tr>
-                <tr>
-                    <td>p-fileupload-file-badge</td>
-                    <td>File badge element.</td>
-                </tr>
-                <tr>
-                    <td>p-fileupload-file-actions</td>
-                    <td>Container of file actions.</td>
-                </tr>
-                <tr>
-                    <td>p-fileupload-file-remove</td>
-                    <td>Button to remove a file.</td>
-                </tr>
-                <tr>
-                    <td>p-fileupload-empty</td>
-                    <td>Container of the empty slot.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/fileupload/theming/index.vue b/doc/fileupload/theming/index.vue
index 0d9fe6266..0ccb18b68 100644
--- a/doc/fileupload/theming/index.vue
+++ b/doc/fileupload/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('FileUpload')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('FileUpload')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('FileUpload')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/filterservice/ApiDoc.vue b/doc/filterservice/ApiDoc.vue
deleted file mode 100644
index e42dd642c..000000000
--- a/doc/filterservice/ApiDoc.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>Configuration is managed by the Locale API imported from <i>primevue/config</i>.</p>
-
-        <h3>FilterService API</h3>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Parameters</th>
-                        <th>Description</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>filter</td>
-                        <td>
-                            value[]: An array of values to filter<br />
-                            fields[]: An array of properties in the value object<br />
-                            filterValue: Filter value<br />
-                            filterMatchMode: Constraint<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the property values of the given value collection matches the filter.</td>
-                    </tr>
-                    <tr>
-                        <td>filters</td>
-                        <td>-</td>
-                        <td>Property to access constraints collection.</td>
-                    </tr>
-                    <tr>
-                        <td>register</td>
-                        <td>
-                            name: string <br />
-                            fn: Filter callback
-                        </td>
-                        <td>Registers a new constraint in filters.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </DocSectionText>
-</template>
diff --git a/doc/filterservice/BuiltInConstraintsDoc.vue b/doc/filterservice/BuiltInConstraintsDoc.vue
deleted file mode 100644
index 150975d35..000000000
--- a/doc/filterservice/BuiltInConstraintsDoc.vue
+++ /dev/null
@@ -1,143 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Parameters</th>
-                        <th>Description</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>startsWith</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value starts with the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>contains</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value contains the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>endsWith</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value ends with the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>equals</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value equals the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>notEquals</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value does not equal the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>in</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter[]: An array of filter values<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value contains the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>lt</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value is less than the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>lte</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value is less than or equals to the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>gt</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value is greater than the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>gte</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value is greater than or equals to the filter value</td>
-                    </tr>
-                    <tr>
-                        <td>is</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value equals the filter value, alias to equals</td>
-                    </tr>
-                    <tr>
-                        <td>isNot</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the value does not equal the filter value, alias to notEquals.</td>
-                    </tr>
-                    <tr>
-                        <td>before</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the date value is before the filter date.</td>
-                    </tr>
-                    <tr>
-                        <td>after</td>
-                        <td>
-                            value: Value to filter<br />
-                            filter: Filter value<br />
-                            filterLocale: Locale to use in filtering
-                        </td>
-                        <td>Whether the date value is after the filter date.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </DocSectionText>
-</template>
diff --git a/doc/filterservice/CustomConstraintDoc.vue b/doc/filterservice/CustomConstraintDoc.vue
deleted file mode 100644
index 8f190271f..000000000
--- a/doc/filterservice/CustomConstraintDoc.vue
+++ /dev/null
@@ -1,34 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>FilterService can be extended by adding new constraints using the register function.</p>
-    </DocSectionText>
-    <DocSectionCode :code="code" hideToggleCode importCode hideStackBlitz />
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            code: {
-                basic: `
-FilterService.register('isPrimeNumber', (value, filter): boolean => {
-    if (filter === undefined || filter === null || filter.trim() === '') {
-        return true;
-    }
-
-    if (value === undefined || value === null) {
-        return false;
-    }
-
-    return value.toString() === filter.toString();
-});
-
-FilterService.filters['isPrimeNumber'](3);                      //true
-FilterService.filters['isPrimeNumber'](5);                      //true
-FilterService.filters['isPrimeNumber'](568985673);              //false
-`
-            }
-        };
-    }
-};
-</script>
diff --git a/doc/filterservice/ImportDoc.vue b/doc/filterservice/ImportDoc.vue
deleted file mode 100644
index 5cc223791..000000000
--- a/doc/filterservice/ImportDoc.vue
+++ /dev/null
@@ -1,18 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs" />
-    <DocSectionCode :code="code" hideToggleCode importCode hideStackBlitz />
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            code: {
-                basic: `
-import { FilterService } from 'primevue/api';
-`
-            }
-        };
-    }
-};
-</script>
diff --git a/doc/filterservice/TableIntegrationDoc.vue b/doc/filterservice/TableIntegrationDoc.vue
deleted file mode 100644
index 534128a82..000000000
--- a/doc/filterservice/TableIntegrationDoc.vue
+++ /dev/null
@@ -1,231 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>A custom equals filter that checks for exact case sensitive value is registered and defined as a match mode of a column filter.</p>
-    </DocSectionText>
-    <div class="card">
-        <DataTable v-model:filters="filters" :value="customers" paginator :rows="10" dataKey="id" filterDisplay="row" :loading="loading">
-            <template #empty> No customers found. </template>
-            <template #loading> Loading customers data. Please wait. </template>
-            <Column field="name" header="Name" :filterMatchModeOptions="matchModeOptions">
-                <template #body="{ data }">
-                    {{ data.name }}
-                </template>
-                <template #filter="{ filterModel, filterCallback }">
-                    <InputText v-model="filterModel.value" type="text" @input="filterCallback()" class="p-column-filter" :placeholder="`Search by name - ${filterModel.matchMode}`" />
-                </template>
-            </Column>
-            <Column header="Country" filterField="country.name" :filterMatchModeOptions="matchModeOptions">
-                <template #body="{ data }">
-                    <img :alt="data.country.name" src="https://primefaces.org/cdn/primevue/images/flag/flag_placeholder.png" :class="`flag flag-${data.country.code} mr-2`" width="18" />
-                    <span>{{ data.country.name }}</span>
-                </template>
-                <template #filter="{ filterModel, filterCallback }">
-                    <InputText v-model="filterModel.value" type="text" @input="filterCallback()" class="p-column-filter" :placeholder="`Search by country - ${filterModel.matchMode}`" />
-                </template>
-            </Column>
-        </DataTable>
-    </div>
-    <DocSectionCode :code="code" :service="['CustomerService']" />
-</template>
-
-<script>
-import { CustomerService } from '@/service/CustomerService';
-import { FilterMatchMode, FilterService } from 'primevue/api';
-
-const YOUR_FILTER = 'YOUR FILTER';
-
-export default {
-    data() {
-        return {
-            customers: null,
-            filters: {
-                name: { value: null, matchMode: YOUR_FILTER },
-                'country.name': { value: null, matchMode: FilterMatchMode.STARTS_WITH }
-            },
-            matchModeOptions: [
-                { label: 'Your Equals', value: YOUR_FILTER },
-                { label: 'Starts With', value: FilterMatchMode.STARTS_WITH }
-            ],
-            loading: true,
-            code: {
-                basic: `
-<DataTable v-model:filters="filters" :value="customers" paginator :rows="10" dataKey="id" filterDisplay="row" :loading="loading">
-    <template #empty> No customers found. </template>
-    <template #loading> Loading customers data. Please wait. </template>
-    <Column field="name" header="Name" :filterMatchModeOptions="matchModeOptions">
-        <template #body="{ data }">
-            {{ data.name }}
-        </template>
-        <template #filter="{ filterModel, filterCallback }">
-            <InputText v-model="filterModel.value" type="text" @input="filterCallback()" class="p-column-filter" :placeholder="\`Search by name - \${filterModel.matchMode}\`" />
-        </template>
-    </Column>
-    <Column header="Country" filterField="country.name" :filterMatchModeOptions="matchModeOptions">
-        <template #body="{ data }">
-            <img :alt="data.country.name" src="https://primefaces.org/cdn/primevue/images/flag/flag_placeholder.png" :class="\`flag flag-\${data.country.code} mr-2\`" width="18" />
-            <span>{{ data.country.name }}</span>
-        </template>
-        <template #filter="{ filterModel, filterCallback }">
-            <InputText v-model="filterModel.value" type="text" @input="filterCallback()" class="p-column-filter" :placeholder="\`Search by country - \${filterModel.matchMode}\`" />
-        </template>
-    </Column>
-</DataTable>
-`,
-                options: `
-<template>
-    <div class="card">
-        <DataTable v-model:filters="filters" :value="customers" paginator :rows="10" dataKey="id" filterDisplay="row" :loading="loading">
-            <template #empty> No customers found. </template>
-            <template #loading> Loading customers data. Please wait. </template>
-            <Column field="name" header="Name" :filterMatchModeOptions="matchModeOptions">
-                <template #body="{ data }">
-                    {{ data.name }}
-                </template>
-                <template #filter="{ filterModel, filterCallback }">
-                    <InputText v-model="filterModel.value" type="text" @input="filterCallback()" class="p-column-filter" :placeholder="\`Search by name - \${filterModel.matchMode}\`" />
-                </template>
-            </Column>
-            <Column header="Country" filterField="country.name" :filterMatchModeOptions="matchModeOptions">
-                <template #body="{ data }">
-                    <img :alt="data.country.name" src="https://primefaces.org/cdn/primevue/images/flag/flag_placeholder.png" :class="\`flag flag-\${data.country.code} mr-2\`" width="18" />
-                    <span>{{ data.country.name }}</span>
-                </template>
-                <template #filter="{ filterModel, filterCallback }">
-                    <InputText v-model="filterModel.value" type="text" @input="filterCallback()" class="p-column-filter" :placeholder="\`Search by country - \${filterModel.matchMode}\`" />
-                </template>
-            </Column>
-        </DataTable>
-    </div>
-</template>
-
-<script>
-import { CustomerService } from '@/service/CustomerService';
-import { FilterMatchMode, FilterService } from 'primevue/api';
-
-const YOUR_FILTER = 'YOUR FILTER';
-
-export default {
-    data() {
-        return {
-            customers: null,
-            filters: {
-                name: { value: null, matchMode: YOUR_FILTER },
-                'country.name': { value: null, matchMode: FilterMatchMode.STARTS_WITH }
-            },
-            matchModeOptions: [
-                { label: 'Your Equals', value: YOUR_FILTER },
-                { label: 'Starts With', value: FilterMatchMode.STARTS_WITH }
-            ],
-            loading: true
-        };
-    },
-    mounted() {
-        CustomerService.getCustomersLarge().then((data) => {
-            this.customers = data;
-            this.loading = false;
-        });
-
-        FilterService.register(YOUR_FILTER, (value, filter) => {
-            if (filter === undefined || filter === null || filter.trim() === '') {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            return value.toString() === filter.toString();
-        });
-    }
-};
-<\/script>
-`,
-                composition: `
-<template>
-    <div class="card">
-        <DataTable v-model:filters="filters" :value="customers" paginator :rows="10" dataKey="id" filterDisplay="row" :loading="loading">
-            <template #empty> No customers found. </template>
-            <template #loading> Loading customers data. Please wait. </template>
-            <Column field="name" header="Name" :filterMatchModeOptions="matchModeOptions">
-                <template #body="{ data }">
-                    {{ data.name }}
-                </template>
-                <template #filter="{ filterModel, filterCallback }">
-                    <InputText v-model="filterModel.value" type="text" @input="filterCallback()" class="p-column-filter" :placeholder="\`Search by name - \${filterModel.matchMode}\`" />
-                </template>
-            </Column>
-            <Column header="Country" filterField="country.name" :filterMatchModeOptions="matchModeOptions">
-                <template #body="{ data }">
-                    <img :alt="data.country.name" src="https://primefaces.org/cdn/primevue/images/flag/flag_placeholder.png" :class="\`flag flag-\${data.country.code} mr-2\`" width="18" />
-                    <span>{{ data.country.name }}</span>
-                </template>
-                <template #filter="{ filterModel, filterCallback }">
-                    <InputText v-model="filterModel.value" type="text" @input="filterCallback()" class="p-column-filter" :placeholder="\`Search by country - \${filterModel.matchMode}\`" />
-                </template>
-            </Column>
-        </DataTable>
-    </div>
-</template>
-
-<script setup>
-import { ref, onMounted } from 'vue';
-import { CustomerService } from '@/service/CustomerService';
-import { FilterMatchMode, FilterService } from 'primevue/api';
-
-
-onMounted(() => {
-    CustomerService.getCustomersLarge().then((data) => {
-        customers.value = data; 
-        loading.value = false;
-    });
-
-    FilterService.register(YOUR_FILTER.value, (value, filter) => {
-        if (filter === undefined || filter === null || filter.trim() === '') {
-            return true;
-        }
-
-        if (value === undefined || value === null) {
-            return false;
-        }
-
-        return value.toString() === filter.toString();
-    });
-});
-
-const YOUR_FILTER = ref('YOUR FILTER');
-const customers = ref();
-const filters = ref({
-    'name': {value: null, matchMode: YOUR_FILTER.value},
-    'country.name': {value: null, matchMode: FilterMatchMode.STARTS_WITH}
-});
-const matchModeOptions = ref([
-    {label: 'Your Equals', value: YOUR_FILTER.value},
-    {label: 'Starts With', value: FilterMatchMode.STARTS_WITH}
-]);
-const loading = ref(true);
-
-<\/script>
-`
-            }
-        };
-    },
-    mounted() {
-        CustomerService.getCustomersLarge().then((data) => {
-            this.customers = data;
-            this.loading = false;
-        });
-
-        FilterService.register(YOUR_FILTER, (value, filter) => {
-            if (filter === undefined || filter === null || filter.trim() === '') {
-                return true;
-            }
-
-            if (value === undefined || value === null) {
-                return false;
-            }
-
-            return value.toString() === filter.toString();
-        });
-    }
-};
-</script>
diff --git a/doc/filterservice/UsageDoc.vue b/doc/filterservice/UsageDoc.vue
deleted file mode 100644
index 1c7e975be..000000000
--- a/doc/filterservice/UsageDoc.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>Filters are accessed with <i>FilterService.filters</i>.</p>
-    </DocSectionText>
-    <DocSectionCode :code="code" hideToggleCode importCode hideStackBlitz />
-</template>
-
-<script>
-export default {
-    data() {
-        return {
-            code: {
-                basic: `
-const value = 'PrimeVue';
-
-FilterService.filters.equals(value, 'Vue');                            //false
-FilterService.filters.equals(value, 8);                                //false
-FilterService.filters.equals(value, new Date());                       //false
-FilterService.filters.contains(value, 'Vue');                          //true
-FilterService.filters.startsWith(value, 'Vue');                        //false
-FilterService.filters.endsWith(value, 'Vue');                          //true
-FilterService.filters.lt(10, 20);                                      //true
-FilterService.filters.gt(50, 20);                                      //true
-FilterService.filters.in(value, ['PrimeFaces', 'PrimeVue']);           //true   `
-            }
-        };
-    }
-};
-</script>
diff --git a/doc/floatlabel/theming/StyledDoc.vue b/doc/floatlabel/theming/StyledDoc.vue
deleted file mode 100644
index 492c7c372..000000000
--- a/doc/floatlabel/theming/StyledDoc.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-float-label</td>
-                        <td>Float label element.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </DocSectionText>
-</template>
diff --git a/doc/floatlabel/theming/index.vue b/doc/floatlabel/theming/index.vue
index 23cc5356d..4e3995fa4 100644
--- a/doc/floatlabel/theming/index.vue
+++ b/doc/floatlabel/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('FloatLabel')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('FloatLabel')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('FloatLabel')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/galleria/theming/StyledDoc.vue b/doc/galleria/theming/StyledDoc.vue
deleted file mode 100644
index 5e5d00123..000000000
--- a/doc/galleria/theming/StyledDoc.vue
+++ /dev/null
@@ -1,54 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-galleria</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-galleria-header</td>
-                    <td>Header section.</td>
-                </tr>
-                <tr>
-                    <td>p-galleria-footer</td>
-                    <td>Footer section.</td>
-                </tr>
-                <tr>
-                    <td>p-galleria-item-wrapper</td>
-                    <td>Item wrapper element. It contains item container and indicators.</td>
-                </tr>
-                <tr>
-                    <td>p-galleria-item-container</td>
-                    <td>Container of the item wrapper. It contains navigation buttons, items and caption content.</td>
-                </tr>
-                <tr>
-                    <td>p-galleria-indicators</td>
-                    <td>Container of the indicators. It contains indicator items.</td>
-                </tr>
-                <tr>
-                    <td>p-galleria-thumbnail-content</td>
-                    <td>Thumbnail content element.</td>
-                </tr>
-                <tr>
-                    <td>p-galleria-thumbnail-container</td>
-                    <td>Container of the thumbnail content. It contains navigation buttons and thumbnail items.</td>
-                </tr>
-                <tr>
-                    <td>p-galleria-caption</td>
-                    <td>Content of the item caption.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/galleria/theming/index.vue b/doc/galleria/theming/index.vue
index 42e0fe2c0..ec1d132da 100644
--- a/doc/galleria/theming/index.vue
+++ b/doc/galleria/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Galleria')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Galleria')
                         }
-                        //     {
-                        //         id: 'theming.tokens',
-                        //         label: 'Design Tokens',
-                        //         description: 'List of design tokens used in a preset.',
-                        //         component: DocApiTable,
-                        //         data: getTokenOptions('Galleria')
-                        //     }
                     ]
                 },
                 {
diff --git a/doc/iconfield/theming/StyledDoc.vue b/doc/iconfield/theming/StyledDoc.vue
deleted file mode 100644
index de3a07ec0..000000000
--- a/doc/iconfield/theming/StyledDoc.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-icon-field</td>
-                        <td>Container of element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-icon-field-right</td>
-                        <td>Right input icon element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-icon-field-left</td>
-                        <td>Left input icon element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-input-icon</td>
-                        <td>Container of input icon.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </DocSectionText>
-</template>
diff --git a/doc/iconfield/theming/index.vue b/doc/iconfield/theming/index.vue
index 6c1ad34f1..4ecebbf18 100644
--- a/doc/iconfield/theming/index.vue
+++ b/doc/iconfield/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -34,14 +34,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('InputIcon')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('IconField')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('IconField')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/image/theming/StyledDoc.vue b/doc/image/theming/StyledDoc.vue
deleted file mode 100644
index 5e50753a3..000000000
--- a/doc/image/theming/StyledDoc.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-image</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-image-preview-container</td>
-                    <td>Container element with preview enabled.</td>
-                </tr>
-                <tr>
-                    <td>p-image-preview-indicator</td>
-                    <td>Mask layer over the image when hovered.</td>
-                </tr>
-                <tr>
-                    <td>p-image-preview-icon</td>
-                    <td>Icon of the preview indicator.</td>
-                </tr>
-                <tr>
-                    <td>p-image-mask</td>
-                    <td>Preview overlay container.</td>
-                </tr>
-                <tr>
-                    <td>p-image-toolbar</td>
-                    <td>Transformation options container.</td>
-                </tr>
-                <tr>
-                    <td>p-image-action</td>
-                    <td>An element inside the toolbar.</td>
-                </tr>
-                <tr>
-                    <td>p-image-preview</td>
-                    <td>Image element inside the preview overlay.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/image/theming/index.vue b/doc/image/theming/index.vue
index 19261f52a..214d01f30 100644
--- a/doc/image/theming/index.vue
+++ b/doc/image/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Image')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Image')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Image')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/inlinemessage/theming/StyledDoc.vue b/doc/inlinemessage/theming/StyledDoc.vue
deleted file mode 100644
index 3d0c3d9d7..000000000
--- a/doc/inlinemessage/theming/StyledDoc.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-inline-message</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-inline-message-info</td>
-                    <td>Container element when displaying info messages.</td>
-                </tr>
-                <tr>
-                    <td>p-inline-message-warn</td>
-                    <td>Container element when displaying warn messages.</td>
-                </tr>
-                <tr>
-                    <td>p-inline-message-error</td>
-                    <td>Container element when displaying error messages.</td>
-                </tr>
-                <tr>
-                    <td>p-inline-message-success</td>
-                    <td>Container element when displaying success messages.</td>
-                </tr>
-                <tr>
-                    <td>p-inline-message-close</td>
-                    <td>Close icon.</td>
-                </tr>
-                <tr>
-                    <td>p-inline-message-icon</td>
-                    <td>Severity icon.</td>
-                </tr>
-                <tr>
-                    <td>p-inline-message-text</td>
-                    <td>Content of a message.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/inlinemessage/theming/index.vue b/doc/inlinemessage/theming/index.vue
index d8bf4d4bb..8bbafcb47 100644
--- a/doc/inlinemessage/theming/index.vue
+++ b/doc/inlinemessage/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('InlineMessage')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('InlineMessage')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('InlineMessage')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/inplace/theming/StyledDoc.vue b/doc/inplace/theming/StyledDoc.vue
deleted file mode 100644
index 48817cbc0..000000000
--- a/doc/inplace/theming/StyledDoc.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-inplace</td>
-                    <td>Container element</td>
-                </tr>
-                <tr>
-                    <td>p-inplace-display</td>
-                    <td>Display container</td>
-                </tr>
-                <tr>
-                    <td>p-inplace-content</td>
-                    <td>Content container</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/inplace/theming/index.vue b/doc/inplace/theming/index.vue
index 09265316b..7b239103e 100644
--- a/doc/inplace/theming/index.vue
+++ b/doc/inplace/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Inplace')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Inplace')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Inplace')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/inputgroup/theming/InputGroupAddonStyleDoc.vue b/doc/inputgroup/theming/InputGroupAddonStyleDoc.vue
deleted file mode 100644
index 6a1298d57..000000000
--- a/doc/inputgroup/theming/InputGroupAddonStyleDoc.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-inputgroup-addon</td>
-                    <td>Input group addon element</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/inputgroup/theming/InputGroupStyleDoc.vue b/doc/inputgroup/theming/InputGroupStyleDoc.vue
deleted file mode 100644
index 1995461e9..000000000
--- a/doc/inputgroup/theming/InputGroupStyleDoc.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-inputgroup</td>
-                    <td>Input group element</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/inputgroup/theming/index.vue b/doc/inputgroup/theming/index.vue
index 6f5231945..04d771e3a 100644
--- a/doc/inputgroup/theming/index.vue
+++ b/doc/inputgroup/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -34,14 +34,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('InputGroupAddon')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('InputGroup')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('InputGroup')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/inputmask/theming/StyledDoc.vue b/doc/inputmask/theming/StyledDoc.vue
deleted file mode 100644
index 4258e7c75..000000000
--- a/doc/inputmask/theming/StyledDoc.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-inputmask p-inputtext</td>
-                    <td>Input element</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/inputmask/theming/index.vue b/doc/inputmask/theming/index.vue
index 73be189c8..806c51733 100644
--- a/doc/inputmask/theming/index.vue
+++ b/doc/inputmask/theming/index.vue
@@ -11,7 +11,6 @@
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
 import { getStyleOptions } from '@/components/doc/helpers';
-import StyledDoc from './StyledDoc.vue';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
diff --git a/doc/inputnumber/theming/StyledDoc.vue b/doc/inputnumber/theming/StyledDoc.vue
deleted file mode 100644
index e78fc68b3..000000000
--- a/doc/inputnumber/theming/StyledDoc.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-inputnumber</td>
-                    <td>Container element</td>
-                </tr>
-                <tr>
-                    <td>p-inputnumber-stacked</td>
-                    <td>Container element with stacked buttons.</td>
-                </tr>
-                <tr>
-                    <td>p-inputnumber-horizontal</td>
-                    <td>Container element with horizontal buttons.</td>
-                </tr>
-                <tr>
-                    <td>p-inputnumber-vertical</td>
-                    <td>Container element with vertical buttons.</td>
-                </tr>
-                <tr>
-                    <td>p-inputnumber-input</td>
-                    <td>Input element</td>
-                </tr>
-                <tr>
-                    <td>p-inputnumber-button</td>
-                    <td>Input element</td>
-                </tr>
-                <tr>
-                    <td>p-inputnumber-button-up</td>
-                    <td>Increment button</td>
-                </tr>
-                <tr>
-                    <td>p-inputnumber-button-down</td>
-                    <td>Decrement button</td>
-                </tr>
-                <tr>
-                    <td>p-inputnumber-button-icon</td>
-                    <td>Button icon</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/inputnumber/theming/index.vue b/doc/inputnumber/theming/index.vue
index 967afb402..46795244c 100644
--- a/doc/inputnumber/theming/index.vue
+++ b/doc/inputnumber/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('InputNumber')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('InputNumber')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('InputNumber')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/inputotp/theming/StyledDoc.vue b/doc/inputotp/theming/StyledDoc.vue
deleted file mode 100644
index 25be573db..000000000
--- a/doc/inputotp/theming/StyledDoc.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-inputotp</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-inputotp-input</td>
-                    <td>Input element of the component.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/inputotp/theming/index.vue b/doc/inputotp/theming/index.vue
index e00a93985..337304ba6 100644
--- a/doc/inputotp/theming/index.vue
+++ b/doc/inputotp/theming/index.vue
@@ -11,7 +11,6 @@
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
 import { getStyleOptions } from '@/components/doc/helpers';
-import StyledDoc from './StyledDoc.vue';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
diff --git a/doc/inputtext/theming/StyledDoc.vue b/doc/inputtext/theming/StyledDoc.vue
deleted file mode 100644
index e14458bae..000000000
--- a/doc/inputtext/theming/StyledDoc.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-inputtext</td>
-                    <td>Input element</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/inputtext/theming/index.vue b/doc/inputtext/theming/index.vue
index 445ccb3f2..12365791d 100644
--- a/doc/inputtext/theming/index.vue
+++ b/doc/inputtext/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('InputText')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('InputText')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('InputText')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/knob/theming/StyledDoc.vue b/doc/knob/theming/StyledDoc.vue
deleted file mode 100644
index 8c0a3da21..000000000
--- a/doc/knob/theming/StyledDoc.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-knob</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-knob-text</td>
-                    <td>Text element.</td>
-                </tr>
-                <tr>
-                    <td>p-knob-value</td>
-                    <td>Value element.</td>
-                </tr>
-                <tr>
-                    <td>p-knob-text</td>
-                    <td>Text element.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/knob/theming/index.vue b/doc/knob/theming/index.vue
index ddd26681a..045560d10 100644
--- a/doc/knob/theming/index.vue
+++ b/doc/knob/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Knob')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Knob')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Knob')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/listbox/theming/StyledDoc.vue b/doc/listbox/theming/StyledDoc.vue
deleted file mode 100644
index b59027dc2..000000000
--- a/doc/listbox/theming/StyledDoc.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-listbox</td>
-                    <td>Main container element.</td>
-                </tr>
-                <tr>
-                    <td>p-listbox-header</td>
-                    <td>Header element.</td>
-                </tr>
-                <tr>
-                    <td>p-listbox-list-wrapper</td>
-                    <td>Container of list element.</td>
-                </tr>
-                <tr>
-                    <td>p-listbox-list</td>
-                    <td>List element.</td>
-                </tr>
-                <tr>
-                    <td>p-listbox-item</td>
-                    <td>An item in the list element.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/listbox/theming/index.vue b/doc/listbox/theming/index.vue
index 2549f05eb..865daf148 100644
--- a/doc/listbox/theming/index.vue
+++ b/doc/listbox/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Listbox')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Listbox')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Listbox')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/megamenu/theming/StyledDoc.vue b/doc/megamenu/theming/StyledDoc.vue
deleted file mode 100644
index 0cbcdf1d6..000000000
--- a/doc/megamenu/theming/StyledDoc.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-megamenu</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-megamenu-horizontal</td>
-                    <td>Container element in horizontal orientation.</td>
-                </tr>
-                <tr>
-                    <td>p-megamenu-vertical</td>
-                    <td>Container element in vertical orientation.</td>
-                </tr>
-                <tr>
-                    <td>p-megamenu-root-list</td>
-                    <td>Root list element.</td>
-                </tr>
-                <tr>
-                    <td>p-megamenu-panel</td>
-                    <td>Submenu container.</td>
-                </tr>
-                <tr>
-                    <td>p-megamenu-submenu</td>
-                    <td>Submenu list element.</td>
-                </tr>
-                <tr>
-                    <td>p-submenu-list</td>
-                    <td>Submenu list element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem</td>
-                    <td>Menuitem element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-active</td>
-                    <td>Active menuitem element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-content</td>
-                    <td>Content of menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-link</td>
-                    <td>Link element of the menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-text</td>
-                    <td>Label of a menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-icon</td>
-                    <td>Icon of a menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-submenu-icon</td>
-                    <td>Arrow icon of a submenu.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/megamenu/theming/index.vue b/doc/megamenu/theming/index.vue
index d5329fd51..c418ad6dc 100644
--- a/doc/megamenu/theming/index.vue
+++ b/doc/megamenu/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('MegaMenu')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('MegaMenu')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('MegaMenu')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/menu/theming/StyledDoc.vue b/doc/menu/theming/StyledDoc.vue
deleted file mode 100644
index 7c9ce86dd..000000000
--- a/doc/menu/theming/StyledDoc.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-menu</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-menu-start</td>
-                    <td>Container of the start slot.</td>
-                </tr>
-                <tr>
-                    <td>p-menu-end</td>
-                    <td>Container of the end slot.</td>
-                </tr>
-                <tr>
-                    <td>p-menu-list</td>
-                    <td>List element.</td>
-                </tr>
-                <tr>
-                    <td>p-submenu-header</td>
-                    <td>Header of the submenu list element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem</td>
-                    <td>Menuitem element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-active</td>
-                    <td>Active menuitem element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-content</td>
-                    <td>Content of menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-link</td>
-                    <td>Link element of the menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-text</td>
-                    <td>Label of a menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-icon</td>
-                    <td>Icon of a menuitem.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/menu/theming/index.vue b/doc/menu/theming/index.vue
index 1c328dead..3748577f2 100644
--- a/doc/menu/theming/index.vue
+++ b/doc/menu/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Menu')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Menu')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Menu')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/menubar/theming/StyledDoc.vue b/doc/menubar/theming/StyledDoc.vue
deleted file mode 100644
index 4abcdb93c..000000000
--- a/doc/menubar/theming/StyledDoc.vue
+++ /dev/null
@@ -1,70 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-menubar</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-menubar-start</td>
-                    <td>Container of the start slot.</td>
-                </tr>
-                <tr>
-                    <td>p-menubar-end</td>
-                    <td>Container of the end slot.</td>
-                </tr>
-                <tr>
-                    <td>p-menubar-button</td>
-                    <td>Mobile menubar toggle button.</td>
-                </tr>
-                <tr>
-                    <td>p-menubar-root-list</td>
-                    <td>Root list element.</td>
-                </tr>
-                <tr>
-                    <td>p-submenu-list</td>
-                    <td>Submenu list element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem</td>
-                    <td>Menuitem element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-active</td>
-                    <td>Active menuitem element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-content</td>
-                    <td>Content of menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-link</td>
-                    <td>Link element of the menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-text</td>
-                    <td>Label of a menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-icon</td>
-                    <td>Icon of a menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-submenu-icon</td>
-                    <td>Arrow icon of a submenu.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/menubar/theming/index.vue b/doc/menubar/theming/index.vue
index 03b0629e0..928dd6d57 100644
--- a/doc/menubar/theming/index.vue
+++ b/doc/menubar/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Menubar')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Menubar')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Menubar')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/message/theming/StyledDoc.vue b/doc/message/theming/StyledDoc.vue
deleted file mode 100644
index 260a730d4..000000000
--- a/doc/message/theming/StyledDoc.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-message</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-message-info</td>
-                    <td>Container element when displaying info messages.</td>
-                </tr>
-                <tr>
-                    <td>p-message-warn</td>
-                    <td>Container element when displaying warn messages.</td>
-                </tr>
-                <tr>
-                    <td>p-message-error</td>
-                    <td>Container element when displaying error messages.</td>
-                </tr>
-                <tr>
-                    <td>p-message-success</td>
-                    <td>Container element when displaying success messages.</td>
-                </tr>
-                <tr>
-                    <td>p-message-close</td>
-                    <td>Close icon.</td>
-                </tr>
-                <tr>
-                    <td>p-message-icon</td>
-                    <td>Severity icon.</td>
-                </tr>
-                <tr>
-                    <td>p-message-text</td>
-                    <td>Content of a message.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/message/theming/index.vue b/doc/message/theming/index.vue
index 52f376879..4ee53c09b 100644
--- a/doc/message/theming/index.vue
+++ b/doc/message/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Message')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Message')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Message')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/metergroup/theming/StyledDoc.vue b/doc/metergroup/theming/StyledDoc.vue
deleted file mode 100644
index 177885499..000000000
--- a/doc/metergroup/theming/StyledDoc.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-metergroup</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-metergroup-horizontal</td>
-                    <td>Container element when orientation mode is horizontal.</td>
-                </tr>
-                <tr>
-                    <td>p-metergroup-vertical</td>
-                    <td>Container element when orientation mode is vertical.</td>
-                </tr>
-                <tr>
-                    <td>p-metergroup-meter-container</td>
-                    <td>Container of the meters.</td>
-                </tr>
-                <tr>
-                    <td>p-metergroup-meter</td>
-                    <td>Content of a meter.</td>
-                </tr>
-                <tr>
-                    <td>p-metergroup-label-list</td>
-                    <td>Container element of the list of labels.</td>
-                </tr>
-                <tr>
-                    <td>p-metergroup-label-list-start</td>
-                    <td>Container element when label position is start.</td>
-                </tr>
-                <tr>
-                    <td>p-metergroup-label-list-end</td>
-                    <td>Container element when label position is end.</td>
-                </tr>
-                <tr>
-                    <td>p-metergroup-label-list-horizontal</td>
-                    <td>Container element when label orientation is horizontal.</td>
-                </tr>
-                <tr>
-                    <td>p-metergroup-label-list-vertical</td>
-                    <td>Container element when label orientation is vertical.</td>
-                </tr>
-                <tr>
-                    <td>p-metergroup-label-list-item</td>
-                    <td>Container element of a list item.</td>
-                </tr>
-                <tr>
-                    <td>p-metergroup-label-list-type</td>
-                    <td>Container element of a list type.</td>
-                </tr>
-                <tr>
-                    <td>p-metergroup-label</td>
-                    <td>Content of a label.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/metergroup/theming/index.vue b/doc/metergroup/theming/index.vue
index c10ca6924..1d02acfed 100644
--- a/doc/metergroup/theming/index.vue
+++ b/doc/metergroup/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('MeterGroup')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('MeterGroup')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('MeterGroup')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/multiselect/theming/StyledDoc.vue b/doc/multiselect/theming/StyledDoc.vue
deleted file mode 100644
index 57ef6e358..000000000
--- a/doc/multiselect/theming/StyledDoc.vue
+++ /dev/null
@@ -1,53 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-multiselect</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-multiselect-label-container</td>
-                    <td>Container of the label to display selected items.</td>
-                </tr>
-                <tr>
-                    <td>p-multiselect-label-container</td>
-                    <td>Label to display selected items.</td>
-                </tr>
-                <tr>
-                    <td>p-multiselect-trigger</td>
-                    <td>Dropdown button.</td>
-                </tr>
-                <tr>
-                    <td>p-multiselect-filter-container</td>
-                    <td>Container of filter input.</td>
-                </tr>
-                <tr>
-                    <td>p-multiselect-panel</td>
-                    <td>Overlay panel for items.</td>
-                </tr>
-                <tr>
-                    <td>p-multiselect-items</td>
-                    <td>List container of items.</td>
-                </tr>
-                <tr>
-                    <td>p-multiselect-item</td>
-                    <td>An item in the list.</td>
-                </tr>
-                <tr>
-                    <td>p-overlay-open</td>
-                    <td>Container element when overlay is visible.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/multiselect/theming/index.vue b/doc/multiselect/theming/index.vue
index 3fe32ccbb..69a1cb62e 100644
--- a/doc/multiselect/theming/index.vue
+++ b/doc/multiselect/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('MultiSelect')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('MultiSelect')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('MultiSelect')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/orderlist/theming/StyledDoc.vue b/doc/orderlist/theming/StyledDoc.vue
deleted file mode 100644
index e67bf7a98..000000000
--- a/doc/orderlist/theming/StyledDoc.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-orderlist</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-orderlist-list</td>
-                    <td>List container.</td>
-                </tr>
-                <tr>
-                    <td>p-orderlist-item</td>
-                    <td>An item in the list</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/orderlist/theming/index.vue b/doc/orderlist/theming/index.vue
index ac967e448..1e4813c83 100644
--- a/doc/orderlist/theming/index.vue
+++ b/doc/orderlist/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('OrderList')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('OrderList')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('OrderList')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/organizationchart/theming/StyledDoc.vue b/doc/organizationchart/theming/StyledDoc.vue
deleted file mode 100644
index 3cf4cc489..000000000
--- a/doc/organizationchart/theming/StyledDoc.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-organizationchart</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-organizationchart-table</td>
-                    <td>Table container of a node.</td>
-                </tr>
-                <tr>
-                    <td>p-organizationchart-lines</td>
-                    <td>Connector lines container.</td>
-                </tr>
-                <tr>
-                    <td>p-organizationchart-nodes</td>
-                    <td>Contained of node children.</td>
-                </tr>
-                <tr>
-                    <td>p-organizationchart-line-right</td>
-                    <td>Right side line of a node connector.</td>
-                </tr>
-                <tr>
-                    <td>p-organizationchart-line-left</td>
-                    <td>Left side line of a node connector.</td>
-                </tr>
-                <tr>
-                    <td>p-organizationchart-line-top</td>
-                    <td>Top side line of a node connector.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/organizationchart/theming/index.vue b/doc/organizationchart/theming/index.vue
index 4d420e8f8..cee0468fd 100644
--- a/doc/organizationchart/theming/index.vue
+++ b/doc/organizationchart/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('OrganizationChart')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('OrganizationChart')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('OrganizationChart')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/paginator/theming/StyledDoc.vue b/doc/paginator/theming/StyledDoc.vue
deleted file mode 100644
index 0752a9e4e..000000000
--- a/doc/paginator/theming/StyledDoc.vue
+++ /dev/null
@@ -1,49 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-paginator</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-paginator-first</td>
-                    <td>First page element.</td>
-                </tr>
-                <tr>
-                    <td>p-paginator-prev</td>
-                    <td>Previous page element.</td>
-                </tr>
-                <tr>
-                    <td>p-paginator-pages</td>
-                    <td>Container of page links.</td>
-                </tr>
-                <tr>
-                    <td>p-paginator-page</td>
-                    <td>A page link.</td>
-                </tr>
-                <tr>
-                    <td>p-paginator-next</td>
-                    <td>Next pge element.</td>
-                </tr>
-                <tr>
-                    <td>p-paginator-last</td>
-                    <td>Last page element.</td>
-                </tr>
-                <tr>
-                    <td>p-paginator-rpp-options</td>
-                    <td>Rows per page dropdown.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/paginator/theming/index.vue b/doc/paginator/theming/index.vue
index b84bd4ac4..e1865bccc 100644
--- a/doc/paginator/theming/index.vue
+++ b/doc/paginator/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Paginator')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Paginator')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Paginator')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/panel/theming/StyledDoc.vue b/doc/panel/theming/StyledDoc.vue
deleted file mode 100644
index 6b086a206..000000000
--- a/doc/panel/theming/StyledDoc.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-panel</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-panel-header</td>
-                    <td>Header section.</td>
-                </tr>
-                <tr>
-                    <td>p-panel-title</td>
-                    <td>Title text of panel.</td>
-                </tr>
-                <tr>
-                    <td>p-panel-header-icon</td>
-                    <td>Action icons inside header.</td>
-                </tr>
-                <tr>
-                    <td>p-panel-toggler</td>
-                    <td>Toggle icon.</td>
-                </tr>
-                <tr>
-                    <td>p-panel-content</td>
-                    <td>Content of panel.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/panel/theming/index.vue b/doc/panel/theming/index.vue
index ea87a1925..76bda8106 100644
--- a/doc/panel/theming/index.vue
+++ b/doc/panel/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Panel')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Panel')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Panel')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/panelmenu/theming/StyledDoc.vue b/doc/panelmenu/theming/StyledDoc.vue
deleted file mode 100644
index 605a1bee5..000000000
--- a/doc/panelmenu/theming/StyledDoc.vue
+++ /dev/null
@@ -1,61 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-panelmenu</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-panelmenu-panel</td>
-                    <td>Submenu container.</td>
-                </tr>
-                <tr>
-                    <td>p-toggleable-content</td>
-                    <td>Accordion content of root submenu.</td>
-                </tr>
-                <tr>
-                    <td>p-panelmenu-header</td>
-                    <td>Accordion header of root submenu.</td>
-                </tr>
-                <tr>
-                    <td>p-panelmenu-header-content</td>
-                    <td>Content of accordion header.</td>
-                </tr>
-                <tr>
-                    <td>p-panelmenu-header-action</td>
-                    <td>Action of accordion header.</td>
-                </tr>
-                <tr>
-                    <td>p-submenu-list</td>
-                    <td>List element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem</td>
-                    <td>Menuitem element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-text</td>
-                    <td>Label of a menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-icon</td>
-                    <td>Icon of a menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-submenu-icon</td>
-                    <td>Arrow icon of an accordion header.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/panelmenu/theming/index.vue b/doc/panelmenu/theming/index.vue
index 664cd70bf..b66616fea 100644
--- a/doc/panelmenu/theming/index.vue
+++ b/doc/panelmenu/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('PanelMenu')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('PanelMenu')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('PanelMenu')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/password/theming/StyledDoc.vue b/doc/password/theming/StyledDoc.vue
deleted file mode 100644
index 09c9f8be4..000000000
--- a/doc/password/theming/StyledDoc.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-password-panel</td>
-                    <td>Container of password panel</td>
-                </tr>
-                <tr>
-                    <td>p-password-meter</td>
-                    <td>Meter element of password strength</td>
-                </tr>
-                <tr>
-                    <td>p-password-info</td>
-                    <td>Text to display strength</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/password/theming/index.vue b/doc/password/theming/index.vue
index 041144d45..e14aec985 100644
--- a/doc/password/theming/index.vue
+++ b/doc/password/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Password')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Password')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Password')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/picklist/theming/StyledDoc.vue b/doc/picklist/theming/StyledDoc.vue
deleted file mode 100644
index 22d38fe26..000000000
--- a/doc/picklist/theming/StyledDoc.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-picklist</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-picklist-source-controls</td>
-                    <td>Container of source list buttons.</td>
-                </tr>
-                <tr>
-                    <td>p-picklist-target-controls</td>
-                    <td>Container of target list buttons.</td>
-                </tr>
-                <tr>
-                    <td>p-picklist-buttons</td>
-                    <td>Container of buttons.</td>
-                </tr>
-                <tr>
-                    <td>p-picklist-listwrapper</td>
-                    <td>Parent of a list element.</td>
-                </tr>
-                <tr>
-                    <td>p-picklist-list</td>
-                    <td>List element.</td>
-                </tr>
-                <tr>
-                    <td>p-picklist-item</td>
-                    <td>An item in the list.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/picklist/theming/index.vue b/doc/picklist/theming/index.vue
index 6487c903f..15a1e48f9 100644
--- a/doc/picklist/theming/index.vue
+++ b/doc/picklist/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('PickList')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('PickList')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('PickList')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/popover/theming/StyledDoc.vue b/doc/popover/theming/StyledDoc.vue
deleted file mode 100644
index 8dd2349cf..000000000
--- a/doc/popover/theming/StyledDoc.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-popover</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-popover-content</td>
-                    <td>Content of the panel.</td>
-                </tr>
-                <tr>
-                    <td>p-popover-close</td>
-                    <td>Close icon.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/popover/theming/index.vue b/doc/popover/theming/index.vue
index 817cd6e7b..bd56557c7 100644
--- a/doc/popover/theming/index.vue
+++ b/doc/popover/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Popover')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Popover')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Popover')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/progressbar/theming/StyledDoc.vue b/doc/progressbar/theming/StyledDoc.vue
deleted file mode 100644
index 816a66eb5..000000000
--- a/doc/progressbar/theming/StyledDoc.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-progressbar</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-progressbar-determinate</td>
-                    <td>Container element of a determinate progressbar.</td>
-                </tr>
-                <tr>
-                    <td>p-progressbar-indeterminate</td>
-                    <td>Container element of an indeterminate progressbar.</td>
-                </tr>
-                <tr>
-                    <td>p-progressbar-value</td>
-                    <td>Element whose width changes according to value.</td>
-                </tr>
-                <tr>
-                    <td>p-progressbar-label</td>
-                    <td>Label element that displays the current value.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/progressbar/theming/index.vue b/doc/progressbar/theming/index.vue
index 56fe40c4f..a314211f7 100644
--- a/doc/progressbar/theming/index.vue
+++ b/doc/progressbar/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('ProgressBar')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('ProgressBar')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('ProgressBar')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/progressspinner/theming/StyledDoc.vue b/doc/progressspinner/theming/StyledDoc.vue
deleted file mode 100644
index 10800d3d7..000000000
--- a/doc/progressspinner/theming/StyledDoc.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-progress-spinner</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-progress-circle</td>
-                    <td>SVG element.</td>
-                </tr>
-                <tr>
-                    <td>p-progress-path</td>
-                    <td>Circle element.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/progressspinner/theming/index.vue b/doc/progressspinner/theming/index.vue
index a82360c3c..04004ee4d 100644
--- a/doc/progressspinner/theming/index.vue
+++ b/doc/progressspinner/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('ProgressSpinner')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('ProgressSpinner')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('ProgressSpinner')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/radiobutton/theming/StyledDoc.vue b/doc/radiobutton/theming/StyledDoc.vue
deleted file mode 100644
index 9f14e0192..000000000
--- a/doc/radiobutton/theming/StyledDoc.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-radiobutton</td>
-                    <td>Container element</td>
-                </tr>
-                <tr>
-                    <td>p-radiobutton-box</td>
-                    <td>Container of icon.</td>
-                </tr>
-                <tr>
-                    <td>p-radiobutton-icon</td>
-                    <td>Icon element.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/radiobutton/theming/index.vue b/doc/radiobutton/theming/index.vue
index dcd806605..4386d7c35 100644
--- a/doc/radiobutton/theming/index.vue
+++ b/doc/radiobutton/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('RadioButton')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('RadioButton')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('RadioButton')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/rating/theming/StyledDoc.vue b/doc/rating/theming/StyledDoc.vue
deleted file mode 100644
index 699809a10..000000000
--- a/doc/rating/theming/StyledDoc.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-rating</td>
-                    <td>Container element</td>
-                </tr>
-                <tr>
-                    <td>p-rating-item</td>
-                    <td>Each item element</td>
-                </tr>
-                <tr>
-                    <td>p-rating-item-active</td>
-                    <td>Selected item elements.</td>
-                </tr>
-                <tr>
-                    <td>p-rating-cancel-item</td>
-                    <td>Cancel item element.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/rating/theming/index.vue b/doc/rating/theming/index.vue
index d21e7575e..04503dc18 100644
--- a/doc/rating/theming/index.vue
+++ b/doc/rating/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Rating')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Rating')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Rating')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/ripple/theming/StyledDoc.vue b/doc/ripple/theming/StyledDoc.vue
deleted file mode 100644
index 538922e0b..000000000
--- a/doc/ripple/theming/StyledDoc.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-ripple</td>
-                    <td>Host element.</td>
-                </tr>
-                <tr>
-                    <td>p-ink</td>
-                    <td>Ripple element.</td>
-                </tr>
-                <tr>
-                    <td>p-ink-active</td>
-                    <td>Ripple element during animating.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/ripple/theming/index.vue b/doc/ripple/theming/index.vue
index cfd9ac827..2aadd5c10 100644
--- a/doc/ripple/theming/index.vue
+++ b/doc/ripple/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Ripple')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Ripple')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Ripple')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/scrollpanel/theming/StyledDoc.vue b/doc/scrollpanel/theming/StyledDoc.vue
deleted file mode 100644
index 3492cfda7..000000000
--- a/doc/scrollpanel/theming/StyledDoc.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-scrollpanel</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-scrollpanel-wrapper</td>
-                    <td>Wrapper of content section.</td>
-                </tr>
-                <tr>
-                    <td>p-scrollpanel-content</td>
-                    <td>Content section.</td>
-                </tr>
-                <tr>
-                    <td>p-scrollpanel-bar</td>
-                    <td>Scrollbar handle.</td>
-                </tr>
-                <tr>
-                    <td>p-scrollpanel-bar-x</td>
-                    <td>Scrollbar handle of a horizontal bar.</td>
-                </tr>
-                <tr>
-                    <td>p-scrollpanel-bar-y</td>
-                    <td>Scrollbar handle of a vertical bar</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/scrollpanel/theming/index.vue b/doc/scrollpanel/theming/index.vue
index fa88cb0ed..aa1b1f63d 100644
--- a/doc/scrollpanel/theming/index.vue
+++ b/doc/scrollpanel/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('ScrollPanel')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('ScrollPanel')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('ScrollPanel')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/scrolltop/theming/StyledDoc.vue b/doc/scrolltop/theming/StyledDoc.vue
deleted file mode 100644
index eacb4b8b5..000000000
--- a/doc/scrolltop/theming/StyledDoc.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-scrolltop</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-scrolltop-sticky</td>
-                    <td>Container element when attached to its parent.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/scrolltop/theming/index.vue b/doc/scrolltop/theming/index.vue
index d77a7d037..8a6e57832 100644
--- a/doc/scrolltop/theming/index.vue
+++ b/doc/scrolltop/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
+import { getStyleOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
diff --git a/doc/select/theming/StyledDoc.vue b/doc/select/theming/StyledDoc.vue
deleted file mode 100644
index e407a4f27..000000000
--- a/doc/select/theming/StyledDoc.vue
+++ /dev/null
@@ -1,65 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-select</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-select-label</td>
-                    <td>Element to display label of selected option.</td>
-                </tr>
-                <tr>
-                    <td>p-select-trigger</td>
-                    <td>Icon element.</td>
-                </tr>
-                <tr>
-                    <td>p-select-panel</td>
-                    <td>Icon element.</td>
-                </tr>
-                <tr>
-                    <td>p-select-items-wrapper</td>
-                    <td>Wrapper element of items list.</td>
-                </tr>
-                <tr>
-                    <td>p-select-items</td>
-                    <td>List element of items.</td>
-                </tr>
-                <tr>
-                    <td>p-select-item</td>
-                    <td>An item in the list.</td>
-                </tr>
-                <tr>
-                    <td>p-select-filter-container</td>
-                    <td>Container of filter input.</td>
-                </tr>
-                <tr>
-                    <td>p-select-filter</td>
-                    <td>Filter element.</td>
-                </tr>
-                <tr>
-                    <td>p-overlay-open</td>
-                    <td>Container element when overlay is visible.</td>
-                </tr>
-                <tr>
-                    <td>p-focus</td>
-                    <td>Container element when it is in focus.</td>
-                </tr>
-                <tr>
-                    <td>p-highlight</td>
-                    <td>Container element when it is selected.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/select/theming/index.vue b/doc/select/theming/index.vue
index 32a393706..c46ef3aef 100644
--- a/doc/select/theming/index.vue
+++ b/doc/select/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Select')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Select')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Select')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/selectbutton/theming/StyledDoc.vue b/doc/selectbutton/theming/StyledDoc.vue
deleted file mode 100644
index 95322026d..000000000
--- a/doc/selectbutton/theming/StyledDoc.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-select-button</td>
-                    <td>SelectButton element</td>
-                </tr>
-                <tr>
-                    <td>p-button</td>
-                    <td>Button element</td>
-                </tr>
-                <tr>
-                    <td>p-button-label</td>
-                    <td>Label element of the button</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/selectbutton/theming/index.vue b/doc/selectbutton/theming/index.vue
index b7f4ec846..4d9bc759a 100644
--- a/doc/selectbutton/theming/index.vue
+++ b/doc/selectbutton/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('SelectButton')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('SelectButton')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('SelectButton')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/skeleton/theming/StyledDoc.vue b/doc/skeleton/theming/StyledDoc.vue
deleted file mode 100644
index 12b91ac6d..000000000
--- a/doc/skeleton/theming/StyledDoc.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-skeleton</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-skeleton-circle</td>
-                    <td>Container element of a determinate progressbar.</td>
-                </tr>
-                <tr>
-                    <td>p-skeleton-animation-none</td>
-                    <td>Container element of an indeterminate progressbar.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/skeleton/theming/index.vue b/doc/skeleton/theming/index.vue
index bd374d845..8fd7927ac 100644
--- a/doc/skeleton/theming/index.vue
+++ b/doc/skeleton/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Skeleton')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Skeleton')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Skeleton')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/slider/theming/StyledDoc.vue b/doc/slider/theming/StyledDoc.vue
deleted file mode 100644
index f266185f3..000000000
--- a/doc/slider/theming/StyledDoc.vue
+++ /dev/null
@@ -1,25 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-slider</td>
-                    <td>Container element</td>
-                </tr>
-                <tr>
-                    <td>p-slider-handle</td>
-                    <td>Handle element.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/slider/theming/index.vue b/doc/slider/theming/index.vue
index 8a5265dca..f59610c7f 100644
--- a/doc/slider/theming/index.vue
+++ b/doc/slider/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Slider')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Slider')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Slider')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/speeddial/theming/StyledDoc.vue b/doc/speeddial/theming/StyledDoc.vue
deleted file mode 100644
index a43899d4b..000000000
--- a/doc/speeddial/theming/StyledDoc.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-speeddial</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-speeddial-button</td>
-                    <td>Button element of speeddial.</td>
-                </tr>
-                <tr>
-                    <td>p-speeddial-mask</td>
-                    <td>Mask element of speeddial.</td>
-                </tr>
-                <tr>
-                    <td>p-speeddial-list</td>
-                    <td>List of the actions.</td>
-                </tr>
-                <tr>
-                    <td>p-speeddial-item</td>
-                    <td>Each action item of list.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/speeddial/theming/index.vue b/doc/speeddial/theming/index.vue
index cb46f67fc..2116ff499 100644
--- a/doc/speeddial/theming/index.vue
+++ b/doc/speeddial/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('SpeedDial')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('SpeedDial')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('SpeedDial')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/splitbutton/theming/StyledDoc.vue b/doc/splitbutton/theming/StyledDoc.vue
deleted file mode 100644
index 27ca9a7ff..000000000
--- a/doc/splitbutton/theming/StyledDoc.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-splitbutton</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-splitbutton-defaultbutton</td>
-                    <td>Default button.</td>
-                </tr>
-                <tr>
-                    <td>p-splitbutton-menubutton</td>
-                    <td>Dropdown button.</td>
-                </tr>
-                <tr>
-                    <td>p-tieredmenu</td>
-                    <td>Overlay menu.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/splitbutton/theming/index.vue b/doc/splitbutton/theming/index.vue
index a5626e6ca..5864468ad 100644
--- a/doc/splitbutton/theming/index.vue
+++ b/doc/splitbutton/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('SplitButton')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('SplitButton')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('SplitButton')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/splitter/theming/StyledDoc.vue b/doc/splitter/theming/StyledDoc.vue
deleted file mode 100644
index 7a492774c..000000000
--- a/doc/splitter/theming/StyledDoc.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-splitter</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter</td>
-                        <td>Container element during resize.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter-horizontal</td>
-                        <td>Container element with horizontal layout.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter-vertical</td>
-                        <td>Container element with vertical layout.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter-panel</td>
-                        <td>Splitter panel element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter-gutter</td>
-                        <td>Gutter element to use when resizing the panels.</td>
-                    </tr>
-                    <tr>
-                        <td>p-splitter-gutter-handle</td>
-                        <td>Handle element of the gutter.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </DocSectionText>
-</template>
diff --git a/doc/splitter/theming/index.vue b/doc/splitter/theming/index.vue
index f572ce744..7cdfb6b46 100644
--- a/doc/splitter/theming/index.vue
+++ b/doc/splitter/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -34,14 +34,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('SplitterPanel')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Splitter')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Splitter')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/stepper/theming/StyledDoc.vue b/doc/stepper/theming/StyledDoc.vue
deleted file mode 100644
index b1b8a0e02..000000000
--- a/doc/stepper/theming/StyledDoc.vue
+++ /dev/null
@@ -1,69 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-        <div class="doc-tablewrapper">
-            <table class="doc-table">
-                <thead>
-                    <tr>
-                        <th>Name</th>
-                        <th>Element</th>
-                    </tr>
-                </thead>
-                <tbody>
-                    <tr>
-                        <td>p-stepper</td>
-                        <td>Container element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-stepper-horizontal</td>
-                        <td>Container element with horizontal layout.</td>
-                    </tr>
-                    <tr>
-                        <td>p-stepper-vertical</td>
-                        <td>Container element with vertical layout.</td>
-                    </tr>
-                    <tr>
-                        <td>p-stepper-nav</td>
-                        <td>Container element of navigator.</td>
-                    </tr>
-                    <tr>
-                        <td>p-stepper-panels</td>
-                        <td>Container element of stepper panel elements.</td>
-                    </tr>
-                    <tr>
-                        <td>p-stepper-panel</td>
-                        <td>Container element of stepper panel element.</td>
-                    </tr>
-                    <tr>
-                        <td>p-stepper-header</td>
-                        <td>Container element of stepper header.</td>
-                    </tr>
-                    <tr>
-                        <td>p-stepper-action</td>
-                        <td>Container element of stepper action.</td>
-                    </tr>
-                    <tr>
-                        <td>p-stepper-number</td>
-                        <td>Container element of stepper number.</td>
-                    </tr>
-                    <tr>
-                        <td>p-stepper-title</td>
-                        <td>Container element of stepper title.</td>
-                    </tr>
-                    <tr>
-                        <td>p-stepper-separator</td>
-                        <td>Container element of stepper separator.</td>
-                    </tr>
-                    <tr>
-                        <td>p-stepper-toggleable-content</td>
-                        <td>Container element of stepper toggleable content.</td>
-                    </tr>
-                    <tr>
-                        <td>p-stepper-content</td>
-                        <td>Container element of stepper content.</td>
-                    </tr>
-                </tbody>
-            </table>
-        </div>
-    </DocSectionText>
-</template>
diff --git a/doc/stepper/theming/index.vue b/doc/stepper/theming/index.vue
index b57ec0f5e..76d1aebf8 100644
--- a/doc/stepper/theming/index.vue
+++ b/doc/stepper/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Stepper')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Stepper')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Stepper')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/steps/theming/StyledDoc.vue b/doc/steps/theming/StyledDoc.vue
deleted file mode 100644
index 059a1eeda..000000000
--- a/doc/steps/theming/StyledDoc.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-steps</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-steps-list</td>
-                    <td>Root list element.</td>
-                </tr>
-                <tr>
-                    <td>p-steps-current</td>
-                    <td>Current menuitem element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-link</td>
-                    <td>Link element of the menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-steps-item</td>
-                    <td>Menuitem element.</td>
-                </tr>
-                <tr>
-                    <td>p-steps-number</td>
-                    <td>Number of menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-steps-title</td>
-                    <td>Label of menuitem.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/steps/theming/index.vue b/doc/steps/theming/index.vue
index 8d7120601..acc869691 100644
--- a/doc/steps/theming/index.vue
+++ b/doc/steps/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Steps')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Steps')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Steps')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/tabmenu/theming/StyledDoc.vue b/doc/tabmenu/theming/StyledDoc.vue
deleted file mode 100644
index eb8e2ffae..000000000
--- a/doc/tabmenu/theming/StyledDoc.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-tabmenu</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-tabmenu-nav</td>
-                    <td>List element.</td>
-                </tr>
-                <tr>
-                    <td>p-tabmenuitem</td>
-                    <td>Menuitem element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-link</td>
-                    <td>Link element of the menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-icon</td>
-                    <td>Icon of a menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-text</td>
-                    <td>Text of a menuitem.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/tabmenu/theming/index.vue b/doc/tabmenu/theming/index.vue
index db79a335a..745a3ead3 100644
--- a/doc/tabmenu/theming/index.vue
+++ b/doc/tabmenu/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('TabMenu')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('TabMenu')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('TabMenu')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/tabs/theming/StyledDoc.vue b/doc/tabs/theming/StyledDoc.vue
deleted file mode 100644
index cd99082ba..000000000
--- a/doc/tabs/theming/StyledDoc.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-tabs</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-tab</td>
-                    <td>Container of a tab.</td>
-                </tr>
-                <tr>
-                    <td>p-tabpanels</td>
-                    <td>Container panels.</td>
-                </tr>
-                <tr>
-                    <td>p-tabpanel</td>
-                    <td>Content of a tab panel.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/tabs/theming/index.vue b/doc/tabs/theming/index.vue
index 1a4dd44e0..50f164996 100644
--- a/doc/tabs/theming/index.vue
+++ b/doc/tabs/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -55,14 +55,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('TabPanel')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Tabs')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Tabs')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/tag/theming/StyledDoc.vue b/doc/tag/theming/StyledDoc.vue
deleted file mode 100644
index d6bed5456..000000000
--- a/doc/tag/theming/StyledDoc.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-tag</td>
-                    <td>Tag element</td>
-                </tr>
-                <tr>
-                    <td>p-tag-rounded</td>
-                    <td>Rounded element</td>
-                </tr>
-                <tr>
-                    <td>p-tag-icon</td>
-                    <td>Icon of the tag</td>
-                </tr>
-                <tr>
-                    <td>p-tag-value</td>
-                    <td>Value of the tag</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/tag/theming/index.vue b/doc/tag/theming/index.vue
index ae6ef7083..ea33a055d 100644
--- a/doc/tag/theming/index.vue
+++ b/doc/tag/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Tag')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Tag')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Tag')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/terminal/theming/StyledDoc.vue b/doc/terminal/theming/StyledDoc.vue
deleted file mode 100644
index bdd65c98b..000000000
--- a/doc/terminal/theming/StyledDoc.vue
+++ /dev/null
@@ -1,37 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-terminal</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-terminal-content</td>
-                    <td>Content of terminal.</td>
-                </tr>
-                <tr>
-                    <td>p-terminal-prompt</td>
-                    <td>Prompt text.</td>
-                </tr>
-                <tr>
-                    <td>p-terminal-response</td>
-                    <td>Command response.</td>
-                </tr>
-                <tr>
-                    <td>p-terminal-input</td>
-                    <td>Input element to enter commands.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/terminal/theming/index.vue b/doc/terminal/theming/index.vue
index 4e5b1e06b..d909281af 100644
--- a/doc/terminal/theming/index.vue
+++ b/doc/terminal/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Terminal')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Terminal')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Terminal')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/textarea/theming/StyledDoc.vue b/doc/textarea/theming/StyledDoc.vue
deleted file mode 100644
index dfd12cfbc..000000000
--- a/doc/textarea/theming/StyledDoc.vue
+++ /dev/null
@@ -1,21 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-inputtextarea</td>
-                    <td>Textarea element</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/textarea/theming/index.vue b/doc/textarea/theming/index.vue
index 084065018..b0a026fea 100644
--- a/doc/textarea/theming/index.vue
+++ b/doc/textarea/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Textarea')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Textarea')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Textarea')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/tieredmenu/theming/StyledDoc.vue b/doc/tieredmenu/theming/StyledDoc.vue
deleted file mode 100644
index 9e4d37f68..000000000
--- a/doc/tieredmenu/theming/StyledDoc.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-tieredmenu</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-tieredmenu-root-list</td>
-                    <td>Root list element.</td>
-                </tr>
-                <tr>
-                    <td>p-submenu-list</td>
-                    <td>Submenu list element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem</td>
-                    <td>Menuitem element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-active</td>
-                    <td>Active menuitem element.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-content</td>
-                    <td>Content of menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-link</td>
-                    <td>Link element of the menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-text</td>
-                    <td>Label of a menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-menuitem-icon</td>
-                    <td>Icon of a menuitem.</td>
-                </tr>
-                <tr>
-                    <td>p-submenu-icon</td>
-                    <td>Arrow icon of a submenu.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/tieredmenu/theming/index.vue b/doc/tieredmenu/theming/index.vue
index 74eb08161..4b813d463 100644
--- a/doc/tieredmenu/theming/index.vue
+++ b/doc/tieredmenu/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('TieredMenu')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('TieredMenu')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('TieredMenu')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/timeline/theming/StyledDoc.vue b/doc/timeline/theming/StyledDoc.vue
deleted file mode 100644
index 60cfd345c..000000000
--- a/doc/timeline/theming/StyledDoc.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-timeline</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-timeline-left</td>
-                    <td>Container element when alignment is left.</td>
-                </tr>
-                <tr>
-                    <td>p-timeline-right</td>
-                    <td>Container element when alignment is right.</td>
-                </tr>
-                <tr>
-                    <td>p-timeline-top</td>
-                    <td>Container element when alignment is top.</td>
-                </tr>
-                <tr>
-                    <td>p-timeline-bottom</td>
-                    <td>Container element when alignment is bottom.</td>
-                </tr>
-                <tr>
-                    <td>p-timeline-alternate</td>
-                    <td>Container element when alignment is alternating.</td>
-                </tr>
-                <tr>
-                    <td>p-timeline-vertical</td>
-                    <td>Container element of a vertical timeline.</td>
-                </tr>
-                <tr>
-                    <td>p-timeline-horizontal</td>
-                    <td>Container element of a horizontal timeline.</td>
-                </tr>
-                <tr>
-                    <td>p-timeline-event</td>
-                    <td>Event element.</td>
-                </tr>
-                <tr>
-                    <td>p-timeline-event-opposite</td>
-                    <td>Opposite of an event content.</td>
-                </tr>
-                <tr>
-                    <td>p-timeline-event-content</td>
-                    <td>Event content.</td>
-                </tr>
-                <tr>
-                    <td>p-timeline-event-separator</td>
-                    <td>Separator element of an event.</td>
-                </tr>
-                <tr>
-                    <td>p-timeline-event-marker</td>
-                    <td>Marker element of an event.</td>
-                </tr>
-                <tr>
-                    <td>p-timeline-event-connector</td>
-                    <td>Connector element of an event.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/timeline/theming/index.vue b/doc/timeline/theming/index.vue
index 47343c40b..875fcc071 100644
--- a/doc/timeline/theming/index.vue
+++ b/doc/timeline/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Timeline')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Timeline')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Timeline')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/toast/theming/StyledDoc.vue b/doc/toast/theming/StyledDoc.vue
deleted file mode 100644
index faa73d72e..000000000
--- a/doc/toast/theming/StyledDoc.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-toast</td>
-                    <td>Main container element.</td>
-                </tr>
-                <tr>
-                    <td>p-toast-message</td>
-                    <td>Container of a message item.</td>
-                </tr>
-                <tr>
-                    <td>p-toast-icon-close</td>
-                    <td>Close icon of a message.</td>
-                </tr>
-                <tr>
-                    <td>p-toast-icon</td>
-                    <td>Severity icon.</td>
-                </tr>
-                <tr>
-                    <td>p-toast-message-content</td>
-                    <td>Container of message texts.</td>
-                </tr>
-                <tr>
-                    <td>p-toast-summary</td>
-                    <td>Summary of the message.</td>
-                </tr>
-                <tr>
-                    <td>p-toast-detail</td>
-                    <td>Detail of the message.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/toast/theming/index.vue b/doc/toast/theming/index.vue
index fff0f42b0..74dc1cbb1 100644
--- a/doc/toast/theming/index.vue
+++ b/doc/toast/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Toast')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Toast')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Toast')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/togglebutton/theming/StyledDoc.vue b/doc/togglebutton/theming/StyledDoc.vue
deleted file mode 100644
index 09373ab85..000000000
--- a/doc/togglebutton/theming/StyledDoc.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-togglebutton</td>
-                    <td>Container element</td>
-                </tr>
-                <tr>
-                    <td>p-button-icon</td>
-                    <td>Icon element.</td>
-                </tr>
-                <tr>
-                    <td>p-button-text</td>
-                    <td>Label element.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/togglebutton/theming/index.vue b/doc/togglebutton/theming/index.vue
index aa7900e4a..494b3c1e1 100644
--- a/doc/togglebutton/theming/index.vue
+++ b/doc/togglebutton/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('ToggleButton')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('ToggleButton')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('ToggleButton')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/toggleswitch/theming/StyledDoc.vue b/doc/toggleswitch/theming/StyledDoc.vue
deleted file mode 100644
index 46ca982ae..000000000
--- a/doc/toggleswitch/theming/StyledDoc.vue
+++ /dev/null
@@ -1,29 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-toggleswitch</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-toggleswitch-checked</td>
-                    <td>Container element in active state.</td>
-                </tr>
-                <tr>
-                    <td>p-toggleswitch-slider</td>
-                    <td>Slider element behind the handle.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/toggleswitch/theming/index.vue b/doc/toggleswitch/theming/index.vue
index e6dc80717..765d277d7 100644
--- a/doc/toggleswitch/theming/index.vue
+++ b/doc/toggleswitch/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('ToggleSwitch')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('ToggleSwitch')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('ToggleSwitch')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/toolbar/theming/StyledDoc.vue b/doc/toolbar/theming/StyledDoc.vue
deleted file mode 100644
index 28424bce2..000000000
--- a/doc/toolbar/theming/StyledDoc.vue
+++ /dev/null
@@ -1,33 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-toolbar</td>
-                    <td>Main container element.</td>
-                </tr>
-                <tr>
-                    <td>p-toolbar-group-start</td>
-                    <td>Start content container.</td>
-                </tr>
-                <tr>
-                    <td>p-toolbar-group-center</td>
-                    <td>Center content container.</td>
-                </tr>
-                <tr>
-                    <td>p-toolbar-group-end</td>
-                    <td>End content container.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/toolbar/theming/index.vue b/doc/toolbar/theming/index.vue
index f23150497..b03843b71 100644
--- a/doc/toolbar/theming/index.vue
+++ b/doc/toolbar/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Toolbar')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Toolbar')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Toolbar')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/tooltip/theming/StyledDoc.vue b/doc/tooltip/theming/StyledDoc.vue
deleted file mode 100644
index dc7383b4a..000000000
--- a/doc/tooltip/theming/StyledDoc.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-tooltip</td>
-                    <td>Input element.</td>
-                </tr>
-                <tr>
-                    <td>p-tooltip-arrow</td>
-                    <td>Arrow of the tooltip.</td>
-                </tr>
-                <tr>
-                    <td>p-tooltip-text</td>
-                    <td>Text of the tooltip</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/tooltip/theming/index.vue b/doc/tooltip/theming/index.vue
index 15dbd3eee..97e4a056d 100644
--- a/doc/tooltip/theming/index.vue
+++ b/doc/tooltip/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Tooltip')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Tooltip')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Tooltip')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/tree/theming/StyledDoc.vue b/doc/tree/theming/StyledDoc.vue
deleted file mode 100644
index a624f39aa..000000000
--- a/doc/tree/theming/StyledDoc.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-tree</td>
-                    <td>Main container element</td>
-                </tr>
-                <tr>
-                    <td>p-tree-horizontal</td>
-                    <td>Main container element in horizontal mode</td>
-                </tr>
-                <tr>
-                    <td>p-tree-container</td>
-                    <td>Container of nodes</td>
-                </tr>
-                <tr>
-                    <td>p-treenode</td>
-                    <td>A treenode element</td>
-                </tr>
-                <tr>
-                    <td>p-treenode-content</td>
-                    <td>Content of a treenode</td>
-                </tr>
-                <tr>
-                    <td>p-treenode-toggler</td>
-                    <td>Toggle element</td>
-                </tr>
-                <tr>
-                    <td>p-treenode-toggler-icon</td>
-                    <td>Toggle icon</td>
-                </tr>
-                <tr>
-                    <td>p-treenode-icon</td>
-                    <td>Icon of a treenode</td>
-                </tr>
-                <tr>
-                    <td>p-treenode-label</td>
-                    <td>Label of a treenode</td>
-                </tr>
-                <tr>
-                    <td>p-treenode-children</td>
-                    <td>Container element for node children</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/tree/theming/index.vue b/doc/tree/theming/index.vue
index 90d35e712..c2a509fbe 100644
--- a/doc/tree/theming/index.vue
+++ b/doc/tree/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('Tree')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('Tree')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('Tree')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/treeselect/theming/StyledDoc.vue b/doc/treeselect/theming/StyledDoc.vue
deleted file mode 100644
index af801f717..000000000
--- a/doc/treeselect/theming/StyledDoc.vue
+++ /dev/null
@@ -1,41 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-treeselect</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-treeselect-label-container</td>
-                    <td>Container of the label to display selected items.</td>
-                </tr>
-                <tr>
-                    <td>p-treeselect-label</td>
-                    <td>Label to display selected items.</td>
-                </tr>
-                <tr>
-                    <td>p-treeselect-trigger</td>
-                    <td>Dropdown button.</td>
-                </tr>
-                <tr>
-                    <td>p-treeselect-panel</td>
-                    <td>Overlay panel for items.</td>
-                </tr>
-                <tr>
-                    <td>p-treeselect-items-wrapper</td>
-                    <td>List container of items.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/treeselect/theming/index.vue b/doc/treeselect/theming/index.vue
index 65789dc4d..83756aea9 100644
--- a/doc/treeselect/theming/index.vue
+++ b/doc/treeselect/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('TreeSelect')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('TreeSelect')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('TreeSelect')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/treetable/theming/StyledDoc.vue b/doc/treetable/theming/StyledDoc.vue
deleted file mode 100644
index 5c15f5b0d..000000000
--- a/doc/treetable/theming/StyledDoc.vue
+++ /dev/null
@@ -1,74 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-treetable</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-treetable-scrollable</td>
-                    <td>Container element when table is scrollable.</td>
-                </tr>
-                <tr>
-                    <td>p-treetable-header</td>
-                    <td>Header section.</td>
-                </tr>
-                <tr>
-                    <td>p-treetable-footer</td>
-                    <td>Footer section.</td>
-                </tr>
-                <tr>
-                    <td>p-treetable-wrapper</td>
-                    <td>Wrapper of table element.</td>
-                </tr>
-                <tr>
-                    <td>p-treetable-table</td>
-                    <td>Table element.</td>
-                </tr>
-                <tr>
-                    <td>p-treetable-thead</td>
-                    <td>Table thead element.</td>
-                </tr>
-                <tr>
-                    <td>p-treetable-tbody</td>
-                    <td>Table tbody element.</td>
-                </tr>
-                <tr>
-                    <td>p-treetable-tfoot</td>
-                    <td>Table tfoot element.</td>
-                </tr>
-                <tr>
-                    <td>p-column-title</td>
-                    <td>Title of a column.</td>
-                </tr>
-                <tr>
-                    <td>p-sortable-column</td>
-                    <td>Sortable column header.</td>
-                </tr>
-                <tr>
-                    <td>p-frozen-column</td>
-                    <td>Frozen column header.</td>
-                </tr>
-                <tr>
-                    <td>p-treetable-toggler</td>
-                    <td>Toggle element for a row.</td>
-                </tr>
-                <tr>
-                    <td>p-treetable-emptymessage</td>
-                    <td>Cell containing the empty message.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/doc/treetable/theming/index.vue b/doc/treetable/theming/index.vue
index 5e4c9f319..298478873 100644
--- a/doc/treetable/theming/index.vue
+++ b/doc/treetable/theming/index.vue
@@ -10,7 +10,7 @@
 
 <script>
 import DocApiTable from '@/components/doc/DocApiTable.vue';
-import { getStyleOptions } from '@/components/doc/helpers';
+import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
 import TailwindDoc from './TailwindDoc.vue';
 
 export default {
@@ -27,14 +27,14 @@ export default {
                             description: 'List of class names used in the styled mode.',
                             component: DocApiTable,
                             data: getStyleOptions('TreeTable')
+                        },
+                        {
+                            id: 'theming.tokens',
+                            label: 'Design Tokens',
+                            description: 'List of design tokens used in a preset.',
+                            component: DocApiTable,
+                            data: getTokenOptions('TreeTable')
                         }
-                        // {
-                        //     id: 'theming.tokens',
-                        //     label: 'Design Tokens',
-                        //     description: 'List of design tokens used in a preset.',
-                        //     component: DocApiTable,
-                        //     data: getTokenOptions('TreeTable')
-                        // }
                     ]
                 },
                 {
diff --git a/doc/virtualscroller/theming/StyledDoc.vue b/doc/virtualscroller/theming/StyledDoc.vue
deleted file mode 100644
index 43c694825..000000000
--- a/doc/virtualscroller/theming/StyledDoc.vue
+++ /dev/null
@@ -1,30 +0,0 @@
-<template>
-    <DocSectionText v-bind="$attrs">
-        <p>List of class names used in the styled mode.</p>
-    </DocSectionText>
-
-    <div class="doc-tablewrapper">
-        <table class="doc-table">
-            <thead>
-                <tr>
-                    <th>Name</th>
-                    <th>Element</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>p-virtualscroller</td>
-                    <td>Container element.</td>
-                </tr>
-                <tr>
-                    <td>p-virtualscroller-content</td>
-                    <td>Content element.</td>
-                </tr>
-                <tr>
-                    <td>p-virtualscroller-loader</td>
-                    <td>Loader element.</td>
-                </tr>
-            </tbody>
-        </table>
-    </div>
-</template>
diff --git a/pages/filterservice/index.vue b/pages/filterservice/index.vue
deleted file mode 100644
index c27de604b..000000000
--- a/pages/filterservice/index.vue
+++ /dev/null
@@ -1,67 +0,0 @@
-<template>
-    <div>
-        <Head>
-            <Title>Vue Filter Service</Title>
-            <Meta name="description" content="PrimeVue Filter Service is a helper utility to filter." />
-        </Head>
-
-        <div class="doc">
-            <div class="doc-main">
-                <div class="doc-intro">
-                    <h1>FilterService</h1>
-                    <p>FilterService is a helper utility to filter collections against constraints.</p>
-                </div>
-                <DocSections :docs="docs" />
-            </div>
-            <DocSectionNav :docs="docs" />
-        </div>
-    </div>
-</template>
-
-<script>
-import ApiDoc from '@/doc/filterservice/ApiDoc';
-import BuiltInConstraintsDoc from '@/doc/filterservice/BuiltInConstraintsDoc';
-import CustomConstraintDoc from '@/doc/filterservice/CustomConstraintDoc';
-import ImportDoc from '@/doc/filterservice/ImportDoc';
-import TableIntegrationDoc from '@/doc/filterservice/TableIntegrationDoc';
-import UsageDoc from '@/doc/filterservice/UsageDoc';
-
-export default {
-    data() {
-        return {
-            docs: [
-                {
-                    id: 'import',
-                    label: 'Import',
-                    component: ImportDoc
-                },
-                {
-                    id: 'usage',
-                    label: 'Usage',
-                    component: UsageDoc
-                },
-                {
-                    id: 'built-in-constraint',
-                    label: 'Built-in Constraint',
-                    component: BuiltInConstraintsDoc
-                },
-                {
-                    id: 'custom-constraint',
-                    label: 'Custom Constraint',
-                    component: CustomConstraintDoc
-                },
-                {
-                    id: 'api',
-                    label: 'API',
-                    component: ApiDoc
-                },
-                {
-                    id: 'table-integration',
-                    label: 'Table Integration',
-                    component: TableIntegrationDoc
-                }
-            ]
-        };
-    }
-};
-</script>