diff --git a/.gitignore b/.gitignore
index 6b1acf8ed..0f3b57e58 100644
--- a/.gitignore
+++ b/.gitignore
@@ -11,3 +11,4 @@ dist
 .vscode
 .idea
 .eslintcache
+api-generator/typedoc.json
diff --git a/api-generator/build-apidoc.js b/api-generator/build-apidoc.js
index 46f8cefb0..b11bd771a 100644
--- a/api-generator/build-apidoc.js
+++ b/api-generator/build-apidoc.js
@@ -454,6 +454,53 @@ if (project) {
                 };
             });
 
+        const module_enumerations_group = module.groups?.find((g) => g.title === 'Enumerations');
+
+        module_enumerations_group &&
+            module_enumerations_group.children.forEach((event) => {
+                const event_props_description = event.comment && event.comment.summary.map((s) => s.text || '').join(' ');
+
+                !doc[name]['enumerations'] &&
+                    (doc[name]['enumerations'] = {
+                        description: staticMessages['enumerations'],
+
+                        values: {}
+                    });
+
+                const members = [];
+
+                if (event.groups) {
+                    const event_members_group = event.groups.find((g) => g.title === 'Enumeration Members');
+
+                    event_members_group &&
+                        event_members_group.children.forEach((prop) => {
+                            members.push({
+                                name: prop.name,
+                                optional: prop.flags.isOptional,
+                                readonly: prop.flags.isReadonly,
+                                value: prop.type.toString(),
+                                description:
+                                    prop.comment &&
+                                    prop.comment.summary
+                                        .map((s) => {
+                                            if (s.text.indexOf('[here]') > -1) {
+                                                return `${s.text.slice(0, s.text.indexOf('[here]'))} <a target="_blank" href="${s.text.slice(s.text.indexOf('(') + 1, s.text.indexOf(')'))}">here</a> ${s.text.slice(s.text.indexOf(')') + 1)}`;
+                                            }
+
+                                            return s.text || '';
+                                        })
+                                        .join(' '),
+                                deprecated: prop.comment && prop.comment.getTag('@deprecated') ? parseText(prop.comment.getTag('@deprecated').content[0]?.text) : undefined
+                            });
+                        });
+                }
+
+                doc[name]['enumerations'].values[event.name] = {
+                    description: event_props_description,
+                    members
+                };
+            });
+
         const module_types_group = module.groups?.find((g) => g.title === 'Type Aliases');
 
         module_types_group &&
@@ -516,5 +563,5 @@ if (project) {
     !fs.existsSync(outputPath) && fs.mkdirSync(outputPath);
     fs.writeFileSync(path.resolve(outputPath, 'index.json'), typedocJSON);
 
-    /*  app.generateJson(project, `./api-generator/typedoc.json`); */
+    // app.generateJson(project, `./api-generator/typedoc.json`);
 }
diff --git a/components/lib/accordion/style/AccordionStyle.d.ts b/components/lib/accordion/style/AccordionStyle.d.ts
index ab0cac909..65ac38510 100644
--- a/components/lib/accordion/style/AccordionStyle.d.ts
+++ b/components/lib/accordion/style/AccordionStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * Accordion groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.primevue.org/accordion/)
+ *
+ * @module accordionstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum AccordionClasses {
+    root = 'p-accordion'
+}
+
 export interface AccordionStyle extends BaseStyle {}
diff --git a/components/lib/accordioncontent/style/AccordionContentStyle.d.ts b/components/lib/accordioncontent/style/AccordionContentStyle.d.ts
index 2c2b8f7e2..be706428f 100644
--- a/components/lib/accordioncontent/style/AccordionContentStyle.d.ts
+++ b/components/lib/accordioncontent/style/AccordionContentStyle.d.ts
@@ -1,3 +1,17 @@
+/**
+ *
+ * AccordionContent is a helper component for Accordion component.
+ *
+ * [Live Demo](https://www.primevue.org/accordion/)
+ *
+ * @module accordioncontentstyle
+ *
+ */
 import { BaseStyle } from '../../base/style/BaseStyle';
 
+export enum AccordionContentClasses {
+    root = 'p-accordioncontent',
+    content = 'p-accordioncontent-content'
+}
+
 export interface AccordionContentStyle extends BaseStyle {}
diff --git a/components/lib/accordionheader/style/AccordionHeaderStyle.d.ts b/components/lib/accordionheader/style/AccordionHeaderStyle.d.ts
index 06a633eae..bf19c5acf 100644
--- a/components/lib/accordionheader/style/AccordionHeaderStyle.d.ts
+++ b/components/lib/accordionheader/style/AccordionHeaderStyle.d.ts
@@ -1,3 +1,17 @@
+/**
+ *
+ * AccordionHeader is a helper component for Accordion component.
+ *
+ * [Live Demo](https://www.primevue.org/accordion/)
+ *
+ * @module accordionheaderstyle
+ *
+ */
 import { BaseStyle } from '../../base/style/BaseStyle';
 
+export enum AccordionHeaderClasses {
+    root = 'p-accordionheader',
+    toggleicon = 'p-accordionheader-toggle-icon'
+}
+
 export interface AccordionHeaderStyle extends BaseStyle {}
diff --git a/components/lib/accordionpanel/style/AccordionPanelStyle.d.ts b/components/lib/accordionpanel/style/AccordionPanelStyle.d.ts
index c7e655fa9..d156c9878 100644
--- a/components/lib/accordionpanel/style/AccordionPanelStyle.d.ts
+++ b/components/lib/accordionpanel/style/AccordionPanelStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * AccordionPanel is a helper component for Accordion component.
+ *
+ * [Live Demo](https://www.primevue.org/accordion/)
+ *
+ * @module accordionpanelstyle
+ *
+ */
 import { BaseStyle } from '../../base/style/BaseStyle';
 
+export enum AccordionPanelClasses {
+    root = 'p-accordionpanel'
+}
+
 export interface AccordionPanelStyle extends BaseStyle {}
diff --git a/components/lib/accordiontab/style/AccordionTabStyle.d.ts b/components/lib/accordiontab/style/AccordionTabStyle.d.ts
index 2c71fa27d..bbfd326ad 100644
--- a/components/lib/accordiontab/style/AccordionTabStyle.d.ts
+++ b/components/lib/accordiontab/style/AccordionTabStyle.d.ts
@@ -1,3 +1,15 @@
+/**
+ * @deprecated since v4. Use the new structure of Accordion instead.
+ *
+ * AccordionTab is a helper component for Accordion.
+ *
+ * [Live Demo](https://www.primevue.org/accordion/)
+ *
+ * @module accordiontabstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum AccordionTabClasses {}
+
 export interface AccordionTabStyle extends BaseStyle {}
diff --git a/components/lib/animateonscroll/style/AnimateOnScrollStyle.d.ts b/components/lib/animateonscroll/style/AnimateOnScrollStyle.d.ts
index 975c432a7..9873e6867 100644
--- a/components/lib/animateonscroll/style/AnimateOnScrollStyle.d.ts
+++ b/components/lib/animateonscroll/style/AnimateOnScrollStyle.d.ts
@@ -1,3 +1,14 @@
+/**
+ *
+ *  AnimateOnScroll manages PrimeFlex CSS classes declaratively to during enter/leave animations on scroll or on page load.
+ *
+ * [Live Demo](https://primevue.org/animateonscroll)
+ *
+ * @module animateonscrollstyle
+ *
+ */
 import { BaseStyle } from '../../base/style/BaseStyle';
 
+export enum AnimateOnScrollClasses {}
+
 export interface AnimateOnScrollStyle extends BaseStyle {}
diff --git a/components/lib/autocomplete/style/AutoCompleteStyle.d.ts b/components/lib/autocomplete/style/AutoCompleteStyle.d.ts
index 27011126a..bea7844cd 100644
--- a/components/lib/autocomplete/style/AutoCompleteStyle.d.ts
+++ b/components/lib/autocomplete/style/AutoCompleteStyle.d.ts
@@ -1,3 +1,29 @@
+/**
+ *
+ * AutoComplete is an input component that provides real-time suggestions while being typed.
+ *
+ * [Live Demo](https://www.primevue.org/autocomplete/)
+ *
+ * @module autocompletestyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum AutoCompleteClasses {
+    root = 'p-autocomplete',
+    pcInput = 'p-autocomplete-input',
+    inputMultiple = 'p-autocomplete-input-multiple',
+    chip = 'p-autocomplete-chip',
+    pcChipLabel = 'p-autocomplete-chip-label',
+    chipIcon = 'p-autocomplete-chip-icon',
+    inputChip = 'p-autocomplete-input-chip',
+    loader = 'p-autocomplete-loader',
+    dropdown = 'p-autocomplete-dropdown',
+    panel = 'p-autocomplete-overlay',
+    list = 'p-autocomplete-list',
+    optionGroup = 'p-autocomplete-option-group',
+    option = 'p-autocomplete-option',
+    emptyMessage = 'p-autocomplete-empty-message'
+}
+
 export interface AutoCompleteStyle extends BaseStyle {}
diff --git a/components/lib/avatar/style/AvatarStyle.d.ts b/components/lib/avatar/style/AvatarStyle.d.ts
index fcb6ff6ed..617a65db7 100644
--- a/components/lib/avatar/style/AvatarStyle.d.ts
+++ b/components/lib/avatar/style/AvatarStyle.d.ts
@@ -1,3 +1,18 @@
+/**
+ *
+ * Avatar represents people using icons, labels and images.
+ *
+ * - [Live Demo](https://primevue.org/avatar)
+ *
+ * @module avatarstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum AvatarClasses {
+    root = 'p-avatar',
+    label = 'p-avatar-label',
+    icon = 'p-avatar-icon'
+}
+
 export interface AvatarStyle extends BaseStyle {}
diff --git a/components/lib/avatargroup/style/AvatarGroupStyle.d.ts b/components/lib/avatargroup/style/AvatarGroupStyle.d.ts
index 9e2d75c0b..8cce39436 100644
--- a/components/lib/avatargroup/style/AvatarGroupStyle.d.ts
+++ b/components/lib/avatargroup/style/AvatarGroupStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * A set of Avatars can be displayed together using the AvatarGroup component.
+ *
+ * [Live Demo](https://www.primevue.org/avatar/)
+ *
+ * @module avatargroupstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum AvatarGroupClasses {
+    root = 'p-avatar-group'
+}
+
 export interface AvatarGroupStyle extends BaseStyle {}
diff --git a/components/lib/badge/style/BadgeStyle.d.ts b/components/lib/badge/style/BadgeStyle.d.ts
index 2d205d233..4a0fe6809 100644
--- a/components/lib/badge/style/BadgeStyle.d.ts
+++ b/components/lib/badge/style/BadgeStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * Badge represents people using icons, labels and images.
+ *
+ * [Live Demo](https://www.primevue.org/badge)
+ *
+ * @module badgestyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum BadgeClasses {
+    root = 'p-badge'
+}
+
 export interface BadgeStyle extends BaseStyle {}
diff --git a/components/lib/badgedirective/style/BadgeDirectiveStyle.d.ts b/components/lib/badgedirective/style/BadgeDirectiveStyle.d.ts
index 40299717d..0dd0e3383 100644
--- a/components/lib/badgedirective/style/BadgeDirectiveStyle.d.ts
+++ b/components/lib/badgedirective/style/BadgeDirectiveStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * Badge directive is a small status indicator for another element.
+ *
+ * [Live Demo](https://primevue.org/badge)
+ *
+ * @module badgedirectivestyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum BadgeDirectiveClasses {
+    root = 'p-badge'
+}
+
 export interface BadgeDirectiveStyle extends BaseStyle {}
diff --git a/components/lib/base/style/BaseStyle.d.ts b/components/lib/base/style/BaseStyle.d.ts
index d39b243a0..626dc1a52 100644
--- a/components/lib/base/style/BaseStyle.d.ts
+++ b/components/lib/base/style/BaseStyle.d.ts
@@ -1,5 +1,14 @@
+/**
+ *
+ * [Live Demo](https://primevue.org/)
+ *
+ * @module basestyle
+ *
+ */
 import { Style, StyleOptions } from '../../usestyle';
 
+export enum BaseClasses {}
+
 export declare interface BaseStyle {
     name?: string | undefined;
     css?: string | undefined;
diff --git a/components/lib/basecomponent/BaseComponent.d.ts b/components/lib/basecomponent/BaseComponent.d.ts
index 382be7f24..2a42d0d4b 100644
--- a/components/lib/basecomponent/BaseComponent.d.ts
+++ b/components/lib/basecomponent/BaseComponent.d.ts
@@ -1,3 +1,10 @@
+/**
+ *
+ * [Live Demo](https://primevue.org/)
+ *
+ * @module basecomponent
+ *
+ */
 export interface ComponentHooks {
     onBeforeCreate?(): void;
     onCreated?(): void;
diff --git a/components/lib/basecomponent/style/BaseComponentStyle.d.ts b/components/lib/basecomponent/style/BaseComponentStyle.d.ts
index 6f74930b9..ca3d62090 100644
--- a/components/lib/basecomponent/style/BaseComponentStyle.d.ts
+++ b/components/lib/basecomponent/style/BaseComponentStyle.d.ts
@@ -1,3 +1,12 @@
+/**
+ *
+ * [Live Demo](https://primevue.org/)
+ *
+ * @module basecomponentstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum BaseComponentClasses {}
+
 export interface BaseComponentStyle extends BaseStyle {}
diff --git a/components/lib/basedirective/BaseDirective.d.ts b/components/lib/basedirective/BaseDirective.d.ts
index 7748053ce..572cbbe86 100644
--- a/components/lib/basedirective/BaseDirective.d.ts
+++ b/components/lib/basedirective/BaseDirective.d.ts
@@ -1,3 +1,10 @@
+/**
+ *
+ * [Live Demo](https://primevue.org/)
+ *
+ * @module basedirective
+ *
+ */
 import { DirectiveBinding, VNode } from 'vue';
 
 export interface DirectiveInstance<T = any, V = any> {
diff --git a/components/lib/baseicon/style/BaseIconStyle.d.ts b/components/lib/baseicon/style/BaseIconStyle.d.ts
index 5cb4c2e9c..df342c975 100644
--- a/components/lib/baseicon/style/BaseIconStyle.d.ts
+++ b/components/lib/baseicon/style/BaseIconStyle.d.ts
@@ -1,3 +1,14 @@
+/**
+ *
+ * [Live Demo](https://primevue.org/)
+ *
+ * @module baseiconstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum BaseIconClasses {
+    root = 'p-icon'
+}
+
 export interface BaseIconStyle extends BaseStyle {}
diff --git a/components/lib/blockui/style/BlockUIStyle.d.ts b/components/lib/blockui/style/BlockUIStyle.d.ts
index 2d6a5e9fc..a4cb041fb 100644
--- a/components/lib/blockui/style/BlockUIStyle.d.ts
+++ b/components/lib/blockui/style/BlockUIStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * BlockUI represents people using icons, labels and images.
+ *
+ * [Live Demo](https://www.primevue.org/blockui)
+ *
+ * @module blockuistyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum BlockUIClasses {
+    root = 'p-blockui'
+}
+
 export interface BlockUIStyle extends BaseStyle {}
diff --git a/components/lib/breadcrumb/style/BreadcrumbStyle.d.ts b/components/lib/breadcrumb/style/BreadcrumbStyle.d.ts
index 1cafdf43b..de6fecec2 100644
--- a/components/lib/breadcrumb/style/BreadcrumbStyle.d.ts
+++ b/components/lib/breadcrumb/style/BreadcrumbStyle.d.ts
@@ -1,3 +1,23 @@
+/**
+ *
+ * Breadcrumb provides contextual information about page hierarchy.
+ *
+ * [Live Demo](https://www.primevue.org/breadcrumb/)
+ *
+ * @module breadcrumbstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum BreadcrumbClasses {
+    root = 'p-breadcrumb',
+    list = 'p-breadcrumb-list',
+    homeItem = 'p-breadcrumb-home-item',
+    separator = 'p-breadcrumb-separator',
+    item = 'p-breadcrumb-item',
+    itemLink = 'p-breadcrumb-item-link',
+    itemIcon = 'p-breadcrumb-item-icon',
+    itemLabel = 'p-breadcrumb-item-label'
+}
+
 export interface BreadcrumbStyle extends BaseStyle {}
diff --git a/components/lib/button/style/ButtonStyle.d.ts b/components/lib/button/style/ButtonStyle.d.ts
index fcffcf8e9..df6267db0 100644
--- a/components/lib/button/style/ButtonStyle.d.ts
+++ b/components/lib/button/style/ButtonStyle.d.ts
@@ -1,3 +1,19 @@
+/**
+ *
+ * Button is an extension to standard button element with icons and theming.
+ *
+ * [Live Demo](https://www.primevue.org/button/)
+ *
+ * @module buttonstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ButtonClasses {
+    root = 'p-button',
+    loadingIcon = 'p-button-loading-icon',
+    icon = 'p-button-icon',
+    label = 'p-button-label'
+}
+
 export interface ButtonStyle extends BaseStyle {}
diff --git a/components/lib/buttongroup/style/ButtonGroupStyle.d.ts b/components/lib/buttongroup/style/ButtonGroupStyle.d.ts
index 9a364f348..b3d8ef335 100644
--- a/components/lib/buttongroup/style/ButtonGroupStyle.d.ts
+++ b/components/lib/buttongroup/style/ButtonGroupStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * A set of Buttons can be displayed together using the ButtonGroup component.
+ *
+ * [Live Demo](https://www.primevue.org/button/)
+ *
+ * @module buttongroupstyle
+ *
+ */
 import { BaseStyle } from '../../base/style/BaseStyle';
 
+export enum ButtonGroupClasses {
+    root = 'p-buttongroup'
+}
+
 export interface ButtonGroupStyle extends BaseStyle {}
diff --git a/components/lib/calendar/style/CalendarStyle.d.ts b/components/lib/calendar/style/CalendarStyle.d.ts
index 303868a76..768071f1e 100644
--- a/components/lib/calendar/style/CalendarStyle.d.ts
+++ b/components/lib/calendar/style/CalendarStyle.d.ts
@@ -1,3 +1,14 @@
+/**
+ *
+ * Calendar also known as DatePicker, is a form component to work with dates.
+ *
+ * [Live Demo](https://www.primevue.org/datepicker/)
+ *
+ * @module calendarstyle
+ *
+ */
 import { DatePickerStyle } from '../../datepicker/style/DatePickerStyle';
 
+export enum CalendarClasses {}
+
 export interface CalendarStyle extends DatePickerStyle {}
diff --git a/components/lib/card/style/CardStyle.d.ts b/components/lib/card/style/CardStyle.d.ts
index a9904f30b..bfcb746cb 100644
--- a/components/lib/card/style/CardStyle.d.ts
+++ b/components/lib/card/style/CardStyle.d.ts
@@ -1,3 +1,23 @@
+/**
+ *
+ * Card is a flexible container component.
+ *
+ * [Live Demo](https://www.primevue.org/card/)
+ *
+ * @module cardstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum CardClasses {
+    root = 'p-card',
+    header = 'p-card-header',
+    body = 'p-card-body',
+    caption = 'p-card-caption',
+    title = 'p-card-title',
+    subtitle = 'p-card-subtitle',
+    content = 'p-card-content',
+    footer = 'p-card-footer'
+}
+
 export interface CardStyle extends BaseStyle {}
diff --git a/components/lib/carousel/style/CarouselStyle.d.ts b/components/lib/carousel/style/CarouselStyle.d.ts
index 8f83947ce..285707bad 100644
--- a/components/lib/carousel/style/CarouselStyle.d.ts
+++ b/components/lib/carousel/style/CarouselStyle.d.ts
@@ -1,3 +1,29 @@
+/**
+ *
+ * Carousel is a content slider featuring various customization options.
+ *
+ * [Live Demo](https://www.primevue.org/carousel/)
+ *
+ * @module carouselstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum CarouselClasses {
+    root = 'p-carousel',
+    header = 'p-carousel-header',
+    contentContainer = 'p-carousel-content-container',
+    content = 'p-carousel-content',
+    pcPreviousButton = 'p-carousel-prev-button',
+    viewport = 'p-carousel-viewport',
+    itemList = 'p-carousel-item-list',
+    itemClone = 'p-carousel-item-clone',
+    item = 'p-carousel-item',
+    pcNextButton = 'p-carousel-next-button',
+    indicatorList = 'p-carousel-indicator-list',
+    indicator = 'p-carousel-indicator',
+    indicatorButton = 'p-carousel-indicator-button',
+    footer = 'p-carousel-footer'
+}
+
 export interface CarouselStyle extends BaseStyle {}
diff --git a/components/lib/cascadeselect/style/CascadeSelectStyle.d.ts b/components/lib/cascadeselect/style/CascadeSelectStyle.d.ts
index 2bad11aaf..3d96ff93e 100644
--- a/components/lib/cascadeselect/style/CascadeSelectStyle.d.ts
+++ b/components/lib/cascadeselect/style/CascadeSelectStyle.d.ts
@@ -1,3 +1,28 @@
+/**
+ *
+ * CascadeSelect is a form component to select a value from a nested structure of options.
+ *
+ * [Live Demo](https://www.primevue.org/cascadeselect/)
+ *
+ * @module cascadeselectstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum CascadeSelectClasses {
+    root = 'p-cascadeselect',
+    label = 'p-cascadeselect-label',
+    dropdown = 'p-cascadeselect-dropdown',
+    loadingIcon = 'p-cascadeselect-loading-icon',
+    dropdownIcon = 'p-cascadeselect-dropdown-icon',
+    overlay = 'p-cascadeselect-overlay',
+    listContainer = 'p-cascadeselect-list-container',
+    list = 'p-cascadeselect-list',
+    item = 'p-cascadeselect-item',
+    itemContent = 'p-cascadeselect-item-content',
+    itemText = 'p-cascadeselect-item-text',
+    groupIcon = 'p-cascadeselect-group-icon',
+    itemList = 'p-cascadeselect-item-list'
+}
+
 export interface CascadeSelectStyle extends BaseStyle {}
diff --git a/components/lib/chart/style/ChartStyle.d.ts b/components/lib/chart/style/ChartStyle.d.ts
index c0a19dfb1..97cca1ea4 100644
--- a/components/lib/chart/style/ChartStyle.d.ts
+++ b/components/lib/chart/style/ChartStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * Chart groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.primevue.org/chart/)
+ *
+ * @module chartstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ChartClasses {
+    root = 'p-chart'
+}
+
 export interface ChartStyle extends BaseStyle {}
diff --git a/components/lib/checkbox/style/CheckboxStyle.d.ts b/components/lib/checkbox/style/CheckboxStyle.d.ts
index 6d5aa15e8..1a8119a62 100644
--- a/components/lib/checkbox/style/CheckboxStyle.d.ts
+++ b/components/lib/checkbox/style/CheckboxStyle.d.ts
@@ -1,3 +1,19 @@
+/**
+ *
+ * Checkbox is an extension to standard checkbox element with theming.
+ *
+ * [Live Demo](https://www.primevue.org/checkbox/)
+ *
+ * @module checkboxstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum CheckboxClasses {
+    root = 'p-checkbox',
+    box = 'p-checkbox-box',
+    input = 'p-checkbox-input',
+    icon = 'p-checkbox-icon'
+}
+
 export interface CheckboxStyle extends BaseStyle {}
diff --git a/components/lib/chip/style/ChipStyle.d.ts b/components/lib/chip/style/ChipStyle.d.ts
index 6cda03aa4..9ada2f562 100644
--- a/components/lib/chip/style/ChipStyle.d.ts
+++ b/components/lib/chip/style/ChipStyle.d.ts
@@ -1,3 +1,20 @@
+/**
+ *
+ * Chip represents people using icons, labels and images.
+ *
+ * [Live Demo](https://www.primevue.org/chip)
+ *
+ * @module chipstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ChipClasses {
+    root = 'p-chip',
+    image = 'p-chip-image',
+    icon = 'p-chip-icon',
+    label = 'p-chip-label',
+    removeIcon = 'p-chip-remove-icon'
+}
+
 export interface ChipStyle extends BaseStyle {}
diff --git a/components/lib/chips/style/ChipsStyle.d.ts b/components/lib/chips/style/ChipsStyle.d.ts
index 094576a62..7afcdbfe4 100644
--- a/components/lib/chips/style/ChipsStyle.d.ts
+++ b/components/lib/chips/style/ChipsStyle.d.ts
@@ -1,3 +1,14 @@
+/**
+ *
+ * Chips groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.primevue.org/inputchips/)
+ *
+ * @module chipsstyle
+ *
+ */
 import { InputChipsStyle } from '../../inputchips/style/InputChipsStyle';
 
+export enum ChipsClasses {}
+
 export interface ChipsStyle extends InputChipsStyle {}
diff --git a/components/lib/colorpicker/style/ColorPickerStyle.d.ts b/components/lib/colorpicker/style/ColorPickerStyle.d.ts
index 7c5702018..1a2780ddd 100644
--- a/components/lib/colorpicker/style/ColorPickerStyle.d.ts
+++ b/components/lib/colorpicker/style/ColorPickerStyle.d.ts
@@ -1,3 +1,23 @@
+/**
+ *
+ * ColorPicker groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.primevue.org/colorpicker/)
+ *
+ * @module colorpickerstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ColorPickerClasses {
+    root = 'p-colorpicker',
+    preview = 'p-colorpicker-preview',
+    panel = 'p-colorpicker-panel',
+    colorSelector = 'p-colorpicker-color-selector',
+    colorBackground = 'p-colorpicker-color-background',
+    colorHandle = 'p-colorpicker-color-handle',
+    hue = 'p-colorpicker-hue',
+    hueHandle = 'p-colorpicker-hue-handle'
+}
+
 export interface ColorPickerStyle extends BaseStyle {}
diff --git a/components/lib/column/Column.d.ts b/components/lib/column/Column.d.ts
index 17ceec71b..24191eb6d 100755
--- a/components/lib/column/Column.d.ts
+++ b/components/lib/column/Column.d.ts
@@ -8,7 +8,6 @@
  * @module column
  *
  */
-
 import { VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { ButtonPassThroughOptions } from '../button';
diff --git a/components/lib/column/style/ColumnStyle.d.ts b/components/lib/column/style/ColumnStyle.d.ts
index a5cd93706..dff39ea5c 100644
--- a/components/lib/column/style/ColumnStyle.d.ts
+++ b/components/lib/column/style/ColumnStyle.d.ts
@@ -1,3 +1,15 @@
+/**
+ *
+ * Column component defines various options to specify corresponding features.
+ * It is a helper component for DataTable and TreeTable.
+ *
+ * [Live Demo](https://www.primevue.org/datatable/)
+ *
+ * @module columnstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ColumnClasses {}
+
 export interface ColumnStyle extends BaseStyle {}
diff --git a/components/lib/columngroup/ColumnGroup.d.ts b/components/lib/columngroup/ColumnGroup.d.ts
index 70912af5a..fb0ba1a9b 100755
--- a/components/lib/columngroup/ColumnGroup.d.ts
+++ b/components/lib/columngroup/ColumnGroup.d.ts
@@ -1,9 +1,11 @@
 /**
+ *
  * Columns can be grouped at header and footer sections by defining a ColumnGroup component.
  * It is a helper component for DataTable.
  *
  * [Live Demo](https://www.primevue.org/datatable/)
  * @module columngroup
+ *
  */
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
diff --git a/components/lib/columngroup/style/ColumnGroupStyle.d.ts b/components/lib/columngroup/style/ColumnGroupStyle.d.ts
index 1e5672f0a..075331304 100644
--- a/components/lib/columngroup/style/ColumnGroupStyle.d.ts
+++ b/components/lib/columngroup/style/ColumnGroupStyle.d.ts
@@ -1,3 +1,15 @@
+/**
+ *
+ * Columns can be grouped at header and footer sections by defining a ColumnGroup component.
+ * It is a helper component for DataTable.
+ *
+ * [Live Demo](https://www.primevue.org/datatable/)
+ *
+ * @module columngroupstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ColumnGroupClasses {}
+
 export interface ColumnGroupStyle extends BaseStyle {}
diff --git a/components/lib/confirmdialog/style/ConfirmDialogStyle.d.ts b/components/lib/confirmdialog/style/ConfirmDialogStyle.d.ts
index 39cd0111e..f4d7e1089 100644
--- a/components/lib/confirmdialog/style/ConfirmDialogStyle.d.ts
+++ b/components/lib/confirmdialog/style/ConfirmDialogStyle.d.ts
@@ -1,3 +1,20 @@
+/**
+ *
+ * ConfirmDialog uses a Dialog UI with confirmDialog method or <ConfirmDialog> tag.
+ *
+ * [Live Demo](https://www.primevue.org/confirmdialog)
+ *
+ * @module confirmdialogstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ConfirmDialogClasses {
+    root = 'p-confirmdialog',
+    icon = 'p-confirmdialog-icon',
+    message = 'p-confirmdialog-message',
+    pcRejectButton = 'p-confirmdialog-reject-button',
+    pcAcceptButton = 'p-confirmdialog-accept-button'
+}
+
 export interface ConfirmDialogStyle extends BaseStyle {}
diff --git a/components/lib/confirmpopup/style/ConfirmPopupStyle.d.ts b/components/lib/confirmpopup/style/ConfirmPopupStyle.d.ts
index 214b9a459..cb1cd82e7 100644
--- a/components/lib/confirmpopup/style/ConfirmPopupStyle.d.ts
+++ b/components/lib/confirmpopup/style/ConfirmPopupStyle.d.ts
@@ -1,3 +1,22 @@
+/**
+ *
+ * ConfirmPopup displays a confirmation overlay displayed relatively to its target.
+ *
+ * [Live Demo](https://www.primevue.org/confirmpopup)
+ *
+ * @module confirmpopupstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ConfirmPopupClasses {
+    root = 'p-confirmpopup',
+    content = 'p-confirmpopup-content',
+    icon = 'p-confirmpopup-icon',
+    message = 'p-confirmpopup-message',
+    footer = 'p-confirmpopup-footer',
+    pcRejectButton = 'p-confirmpopup-reject-button',
+    pcAcceptButton = 'p-confirmpopup-accept-button'
+}
+
 export interface ConfirmPopupStyle extends BaseStyle {}
diff --git a/components/lib/contextmenu/style/ContextMenuStyle.d.ts b/components/lib/contextmenu/style/ContextMenuStyle.d.ts
index 8e3a5b6e6..9375c9e9e 100644
--- a/components/lib/contextmenu/style/ContextMenuStyle.d.ts
+++ b/components/lib/contextmenu/style/ContextMenuStyle.d.ts
@@ -1,3 +1,26 @@
+/**
+ *
+ * ContextMenu displays an overlay menu on right click of its target. Note that components like DataTable has special integration with ContextMenu.
+ * Refer to documentation of the individual documentation of the with context menu support.
+ *
+ * [Live Demo](https://www.primevue.org/contextmenu/)
+ *
+ * @module contextmenustyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ContextMenuClasses {
+    root = 'p-contextmenu',
+    rootList = 'p-contextmenu-root-list',
+    item = 'p-contextmenu-item',
+    itemContent = 'p-contextmenu-item-content',
+    itemLink = 'p-contextmenu-item-link',
+    itemIcon = 'p-contextmenu-item-icon',
+    itemLabel = 'p-contextmenu-item-label',
+    submenuIcon = 'p-contextmenu-submenu-icon',
+    submenu = 'p-contextmenu-submenu',
+    separator = 'p-contextmenu-separator'
+}
+
 export interface ContextMenuStyle extends BaseStyle {}
diff --git a/components/lib/datatable/style/DataTableStyle.d.ts b/components/lib/datatable/style/DataTableStyle.d.ts
index 02622b718..bbb05518b 100644
--- a/components/lib/datatable/style/DataTableStyle.d.ts
+++ b/components/lib/datatable/style/DataTableStyle.d.ts
@@ -1,3 +1,63 @@
+/**
+ *
+ * DataTable displays data in tabular format.
+ *
+ * [Live Demo](https://www.primevue.org/datatable/)
+ *
+ * @module datatablestyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum DataTableClasses {
+    root = 'p-datatable',
+    mask = 'p-datatable-mask',
+    loadingIcon = 'p-datatable-loading-icon',
+    header = 'p-datatable-header',
+    pcPaginator = 'p-datatable-paginator-[position]',
+    tableContainer = 'p-datatable-table-container',
+    table = 'p-datatable-table',
+    thead = 'p-datatable-thead',
+    columnResizer = 'p-datatable-column-resizer',
+    columnHeaderContent = 'p-datatable-column-header-content',
+    columnTitle = 'p-datatable-column-title',
+    sortIcon = 'p-datatable-sort-icon',
+    sortBadge = 'p-datatable-sort-badge',
+    filter = 'p-datatable-filter',
+    filterElementContainer = 'p-datatable-filter-element-container',
+    pcColumnFilterButton = 'p-datatable-column-filter-button',
+    pcColumnFilterClearButton = 'p-datatable-column-filter-clear-button',
+    filterOverlay = 'p-datatable-filter-overlay',
+    filterConstraintList = 'p-datatable-filter-constraint-list',
+    filterConstraint = 'p-datatable-filter-constraint',
+    filterConstraintSeparator = 'p-datatable-filter-constraint-separator',
+    filterOperator = 'p-datatable-filter-operator',
+    pcFilterOperatorDropdown = 'p-datatable-filter-operator-dropdown',
+    filterRuleList = 'p-datatable-filter-rule-list',
+    filterRule = 'p-datatable-filter-rule',
+    pcFilterConstraintDropdown = 'p-datatable-filter-constraint-dropdown',
+    pcFilterRemoveRuleButton = 'p-datatable-filter-remove-rule-button',
+    pcFilterAddButton = 'p-column-filter-add-button',
+    filterButtonbar = 'p-datatable-filter-buttonbar',
+    pcFilterClearButton = 'p-datatable-filter-clear-button',
+    pcFilterApplyButton = 'p-datatable-filter-apply-button',
+    tbody = 'p-datatable-tbody',
+    rowGroupHeader = 'p-datatable-row-group-header',
+    rowToggleButton = 'p-datatable-row-toggle-button',
+    rowToggleIcon = 'p-datatable-row-toggle-icon',
+    rowExpansion = 'p-datatable-row-expansion',
+    rowGroupFooter = 'p-datatable-row-group-footer',
+    emptyMessage = 'p-datatable-empty-message',
+    reorderableRowHandle = 'p-datatable-reorderable-row-handle',
+    pcRowEditorInit = 'p-datatable-row-editor-init',
+    pcRowEditorSave = 'p-datatable-row-editor-save',
+    pcRowEditorCancel = 'p-datatable-row-editor-cancel',
+    tfoot = 'p-datatable-tfoot',
+    virtualScrollerSpacer = 'p-datatable-virtualscroller-spacer',
+    footer = 'p-datatable-footer',
+    columnResizeIndicator = 'p-datatable-column-resize-indicator',
+    rowReorderIndicatorUp = 'p-datatable-row-reorder-indicator-up',
+    rowReorderIndicatorDown = 'p-datatable-row-reorder-indicator-down'
+}
+
 export interface DataTableStyle extends BaseStyle {}
diff --git a/components/lib/dataview/style/DataViewStyle.d.ts b/components/lib/dataview/style/DataViewStyle.d.ts
index 900ecf26e..7b18a522c 100644
--- a/components/lib/dataview/style/DataViewStyle.d.ts
+++ b/components/lib/dataview/style/DataViewStyle.d.ts
@@ -1,3 +1,21 @@
+/**
+ *
+ * DataView displays data in grid or list layout with pagination and sorting features.
+ *
+ * [Live Demo](https://www.primevue.org/dataview/)
+ *
+ * @module dataviewstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum DataViewClasses {
+    root = 'p-dataview',
+    header = 'p-dataview-header',
+    pcPaginator = 'p-dataview-paginator-[position]',
+    content = 'p-dataview-content',
+    emptyMessage = 'p-dataview-empty-message', // TODO: remove?
+    footer = 'p-dataview-footer'
+}
+
 export interface DataViewStyle extends BaseStyle {}
diff --git a/components/lib/datepicker/style/DatePickerStyle.d.ts b/components/lib/datepicker/style/DatePickerStyle.d.ts
index 94bd7f56d..8986577a2 100644
--- a/components/lib/datepicker/style/DatePickerStyle.d.ts
+++ b/components/lib/datepicker/style/DatePickerStyle.d.ts
@@ -1,3 +1,53 @@
+/**
+ *
+ * DatePicker is a form component to work with dates.
+ *
+ * [Live Demo](https://www.primevue.org/datepicker/)
+ *
+ * @module datepickerstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum DatePickerClasses {
+    root = 'p-datepicker',
+    pcInput = 'p-datepicker-input',
+    dropdown = 'p-datepicker-dropdown',
+    inputIconContainer = 'p-datepicker-input-icon-container',
+    inputIcon = 'p-datepicker-input-icon',
+    panel = 'p-datepicker-panel',
+    calendarContainer = 'p-datepicker-calendar-container',
+    calendar = 'p-datepicker-calendar',
+    header = 'p-datepicker-header',
+    pcPreviousButton = 'p-datepicker-prev-button',
+    title = 'p-datepicker-title',
+    viewMonth = 'p-datepicker-view-month',
+    viewYear = 'p-datepicker-view-year',
+    decade = 'p-datepicker-decade',
+    pcNextButton = 'p-datepicker-next-button',
+    dayView = 'p-datepicker-day-view',
+    weekHeader = 'p-datepicker-weekheader',
+    weekNumber = 'p-datepicker-weeknumber',
+    weekLabelContainer = 'p-disabled',
+    weekDayCell = 'p-datepicker-weekday-cell',
+    weekDay = 'p-date-picker-weekday',
+    dayCell = 'p-datepicker-day-cell',
+    day = 'p-datepicker-day',
+    monthView = 'p-datepicker-month-view',
+    month = 'p-datepicker-month',
+    yearView = 'p-datepicker-year-view',
+    year = 'p-datepicker-year',
+    timePicker = 'p-datepicker-time-picker',
+    hourPicker = 'p-datepicker-hour-picker',
+    pcIncrementButton = 'p-datepicker-increment-button',
+    pcDecrementButton = 'p-datepicker-decrement-button',
+    separator = 'p-datepicker-separator',
+    minutePicker = 'p-datepicker-minute-picker',
+    secondPicker = 'p-datepicker-second-picker',
+    ampmPicker = 'p-datepicker-ampm-picker',
+    buttonbar = 'p-datepicker-buttonbar',
+    pcTodayButton = 'p-datepicker-today-button',
+    pcClearButton = 'p-datepicker-clear-button'
+}
+
 export interface DatePickerStyle extends BaseStyle {}
diff --git a/components/lib/deferredcontent/style/DeferredContentStyle.d.ts b/components/lib/deferredcontent/style/DeferredContentStyle.d.ts
index 5a7defecc..e46e0a31f 100644
--- a/components/lib/deferredcontent/style/DeferredContentStyle.d.ts
+++ b/components/lib/deferredcontent/style/DeferredContentStyle.d.ts
@@ -1,3 +1,14 @@
+/**
+ *
+ * DeferredContent postpones the loading the content that is initially not in the viewport until it becomes visible on scroll.
+ *
+ * [Live Demo](https://www.primevue.org/deferredcontent/)
+ *
+ * @module deferredcontentstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum DeferredContentClasses {}
+
 export interface DeferredContentStyle extends BaseStyle {}
diff --git a/components/lib/dialog/style/DialogStyle.d.ts b/components/lib/dialog/style/DialogStyle.d.ts
index 95caf5cd9..6955d4039 100644
--- a/components/lib/dialog/style/DialogStyle.d.ts
+++ b/components/lib/dialog/style/DialogStyle.d.ts
@@ -1,3 +1,24 @@
+/**
+ *
+ * Dialog is a container to display content in an overlay window.
+ *
+ * [Live Demo](https://www.primevue.org/dialog)
+ *
+ * @module dialogstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum DialogClasses {
+    mask = 'p-dialog-mask',
+    root = 'p-dialog',
+    header = 'p-dialog-header',
+    title = 'p-dialog-title',
+    headerActions = 'p-dialog-header-actions',
+    pcMaximizeButton = 'p-dialog-maximize-button',
+    pcCloseButton = 'p-dialog-close-button',
+    content = 'p-dialog-content',
+    footer = 'p-dialog-footer'
+}
+
 export interface DialogStyle extends BaseStyle {}
diff --git a/components/lib/dialogservice/DialogService.d.ts b/components/lib/dialogservice/DialogService.d.ts
index 43e2336a5..575a390b7 100644
--- a/components/lib/dialogservice/DialogService.d.ts
+++ b/components/lib/dialogservice/DialogService.d.ts
@@ -1,6 +1,7 @@
 /**
  *
  * [Live Demo](https://www.primevue.org/dynamicdialog/)
+ *
  * @module dialogservice-usedialog
  */
 import { Plugin } from 'vue';
diff --git a/components/lib/divider/style/DividerStyle.d.ts b/components/lib/divider/style/DividerStyle.d.ts
index afb4979ca..450a6527a 100644
--- a/components/lib/divider/style/DividerStyle.d.ts
+++ b/components/lib/divider/style/DividerStyle.d.ts
@@ -1,3 +1,17 @@
+/**
+ *
+ * Divider is used to separate contents.
+ *
+ * [Live Demo](https://primevue.org/divider)
+ *
+ * @module dividerstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum DividerClasses {
+    root = 'p-divider',
+    content = 'p-divider-content'
+}
+
 export interface DividerStyle extends BaseStyle {}
diff --git a/components/lib/dock/style/DockStyle.d.ts b/components/lib/dock/style/DockStyle.d.ts
index 93be7672e..16b32acc5 100644
--- a/components/lib/dock/style/DockStyle.d.ts
+++ b/components/lib/dock/style/DockStyle.d.ts
@@ -1,3 +1,22 @@
+/**
+ *
+ * Dock is a navigation component consisting of menuitems.
+ *
+ * [Live Demo](https://www.primevue.org/dock/)
+ *
+ * @module dockstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum DockClasses {
+    root = 'p-dock',
+    listContainer = 'p-dock-list-container',
+    list = 'p-dock-list',
+    item = 'p-dock-item',
+    itemContent = 'p-dock-item-content',
+    itemLink = 'p-dock-item-link',
+    itemIcon = 'p-dock-item-icon'
+}
+
 export interface DockStyle extends BaseStyle {}
diff --git a/components/lib/drawer/style/DrawerStyle.d.ts b/components/lib/drawer/style/DrawerStyle.d.ts
index 90c0e7732..757fcd29a 100644
--- a/components/lib/drawer/style/DrawerStyle.d.ts
+++ b/components/lib/drawer/style/DrawerStyle.d.ts
@@ -1,3 +1,21 @@
+/**
+ *
+ * Drawer is a panel component displayed as an overlay at the edges of the screen.
+ *
+ * [Live Demo](https://primevue.org/drawer)
+ *
+ * @module drawerstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum DrawerClasses {
+    mask = 'p-drawer-mask',
+    root = 'p-drawer',
+    header = 'p-drawer-header',
+    title = 'p-drawer-title',
+    pcCloseButton = 'p-drawer-close-button',
+    content = 'p-drawer-content'
+}
+
 export interface DrawerStyle extends BaseStyle {}
diff --git a/components/lib/dropdown/style/DropdownStyle.d.ts b/components/lib/dropdown/style/DropdownStyle.d.ts
index b6b31a960..add903b40 100644
--- a/components/lib/dropdown/style/DropdownStyle.d.ts
+++ b/components/lib/dropdown/style/DropdownStyle.d.ts
@@ -1,3 +1,14 @@
+/**
+ *
+ * Dropdown also known as Select, is used to choose an item from a collection of options.
+ *
+ * [Live Demo](https://www.primevue.org/select/)
+ *
+ * @module dropdownstyle
+ *
+ */
 import { SelectStyle } from '../../select/style/SelectStyle';
 
+export enum DropdownClasses {}
+
 export interface DropdownStyle extends SelectStyle {}
diff --git a/components/lib/dynamicdialog/style/DynamicDialogStyle.d.ts b/components/lib/dynamicdialog/style/DynamicDialogStyle.d.ts
index e2be276d4..a0de72ed2 100644
--- a/components/lib/dynamicdialog/style/DynamicDialogStyle.d.ts
+++ b/components/lib/dynamicdialog/style/DynamicDialogStyle.d.ts
@@ -1,3 +1,14 @@
+/**
+ *
+ * DynamicDialogs can be created dynamically with any component as the content using a DialogService.
+ *
+ * [Live Demo](https://primevue.org/dynamicdialog)
+ *
+ * @module dynamicdialogstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum DynamicDialogClasses {}
+
 export interface DynamicDialogStyle extends BaseStyle {}
diff --git a/components/lib/editor/style/EditorStyle.d.ts b/components/lib/editor/style/EditorStyle.d.ts
index 6408c7103..258762106 100644
--- a/components/lib/editor/style/EditorStyle.d.ts
+++ b/components/lib/editor/style/EditorStyle.d.ts
@@ -1,3 +1,18 @@
+/**
+ *
+ * Editor groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.primevue.org/editor/)
+ *
+ * @module editorstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum EditorClasses {
+    root = 'p-editor',
+    toolbar = 'p-editor-toolbar',
+    content = 'p-editor-content'
+}
+
 export interface EditorStyle extends BaseStyle {}
diff --git a/components/lib/fieldset/style/FieldsetStyle.d.ts b/components/lib/fieldset/style/FieldsetStyle.d.ts
index 5f4ffca1d..63e2152d2 100644
--- a/components/lib/fieldset/style/FieldsetStyle.d.ts
+++ b/components/lib/fieldset/style/FieldsetStyle.d.ts
@@ -1,3 +1,21 @@
+/**
+ *
+ * Fieldset is a grouping component with the optional content toggle feature.
+ *
+ * [Live Demo](https://www.primevue.org/fieldset/)
+ *
+ * @module fieldsetstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum FieldsetClasses {
+    root = 'p-fieldset',
+    legend = 'p-fieldset-legend',
+    legendLabel = 'p-fieldset-legend-label',
+    toggleIcon = 'p-fieldset-toggle-icon',
+    contentContainer = 'p-fieldset-content-container',
+    content = 'p-fieldset-content'
+}
+
 export interface FieldsetStyle extends BaseStyle {}
diff --git a/components/lib/fileupload/style/FileUploadStyle.d.ts b/components/lib/fileupload/style/FileUploadStyle.d.ts
index d83d7298e..21f41e06a 100644
--- a/components/lib/fileupload/style/FileUploadStyle.d.ts
+++ b/components/lib/fileupload/style/FileUploadStyle.d.ts
@@ -1,3 +1,30 @@
+/**
+ *
+ * FileUpload is an advanced uploader with dragdrop support, multi file uploads, auto uploading, progress tracking and validations.
+ *
+ * [Live Demo](https://www.primevue.org/fileupload/)
+ *
+ * @module fileuploadstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum FileUploadClasses {
+    root = 'p-fileupload',
+    header = 'p-fileupload-header',
+    pcChooseButton = 'p-fileupload-choose-button',
+    pcUploadButton = 'p-fileupload-upload-button',
+    pcCancelButton = 'p-fileupload-cancel-button',
+    content = 'p-fileupload-content',
+    fileList = 'p-fileupload-file-list',
+    file = 'p-fileupload-file',
+    fileThumbnail = 'p-fileupload-file-thumbnail',
+    fileInfo = 'p-fileupload-file-info',
+    fileName = 'p-fileupload-file-name',
+    fileSize = 'p-fileupload-file-size',
+    pcFileBadge = 'p-fileupload-file-badge',
+    fileActions = 'p-fileupload-file-actions',
+    pcFileRemoveButton = 'p-fileupload-file-remove-button'
+}
+
 export interface FileUploadStyle extends BaseStyle {}
diff --git a/components/lib/floatlabel/style/FloatLabelStyle.d.ts b/components/lib/floatlabel/style/FloatLabelStyle.d.ts
index e0f1ce3ea..9d19dbd50 100644
--- a/components/lib/floatlabel/style/FloatLabelStyle.d.ts
+++ b/components/lib/floatlabel/style/FloatLabelStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * FloatLabel appears on top of the input field when focused.
+ *
+ * [Live Demo](https://www.primevue.org/inputtext/)
+ *
+ * @module floatlabelstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum FloatLabelClasses {
+    root = 'p-float-label'
+}
+
 export interface FloatLabelStyle extends BaseStyle {}
diff --git a/components/lib/focustrap/FocusTrap.d.ts b/components/lib/focustrap/FocusTrap.d.ts
index f6e295e53..a201b8ff5 100644
--- a/components/lib/focustrap/FocusTrap.d.ts
+++ b/components/lib/focustrap/FocusTrap.d.ts
@@ -5,6 +5,7 @@
  * [Live Demo](https://primevue.org/focustrap)
  *
  * @module focustrap
+ *
  */
 import { DirectiveBinding, ObjectDirective } from 'vue';
 import { DirectiveHooks } from '../basedirective';
diff --git a/components/lib/focustrap/style/FocusTrapStyle.d.ts b/components/lib/focustrap/style/FocusTrapStyle.d.ts
index 07e92d020..43ca0489f 100644
--- a/components/lib/focustrap/style/FocusTrapStyle.d.ts
+++ b/components/lib/focustrap/style/FocusTrapStyle.d.ts
@@ -1,3 +1,14 @@
+/**
+ *
+ * Focus Trap keeps focus within a certain DOM element while tabbing.
+ *
+ * [Live Demo](https://primevue.org/focustrap)
+ *
+ * @module focustrapstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum FocusTrapClasses {}
+
 export interface FocusTrapStyle extends BaseStyle {}
diff --git a/components/lib/galleria/style/GalleriaStyle.d.ts b/components/lib/galleria/style/GalleriaStyle.d.ts
index 20dffb1c2..bf90029ea 100644
--- a/components/lib/galleria/style/GalleriaStyle.d.ts
+++ b/components/lib/galleria/style/GalleriaStyle.d.ts
@@ -1,3 +1,43 @@
+/**
+ *
+ * Galleria is an advanced content gallery component.
+ *
+ * [Live Demo](https://www.primevue.org/galleria/)
+ *
+ * @module galleriastyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum GalleriaClasses {
+    mask = 'p-galleria-mask',
+    root = 'p-galleria',
+    closeButton = 'p-galleria-close-button',
+    closeIcon = 'p-galleria-close-icon',
+    header = 'p-galleria-header',
+    content = 'p-galleria-content',
+    footer = 'p-galleria-footer',
+    itemsContainer = 'p-galleria-items-container',
+    items = 'p-galleria-items',
+    previousItemButton = 'p-galleria-prev-button',
+    previousItemIcon = 'p-galleria-prev-icon',
+    item = 'p-galleria-item',
+    nextItemButton = 'p-galleria-next-button',
+    nextItemIcon = 'p-galleria-next-icon',
+    caption = 'p-galleria-caption',
+    indicatorList = 'p-galleria-indicator-list',
+    indicator = 'p-galleria-indicator',
+    indicatorButton = 'p-galleria-indicator-button',
+    thumbnails = 'p-galleria-thumbnails',
+    thumbnailContent = 'p-galleria-thumbnails-content',
+    previousThumbnailButton = 'p-galleria-thumbnail-prev-button',
+    previousThumbnailIcon = 'p-galleria-thumbnail-prev-icon',
+    thumbnailsViewport = 'p-galleria-thumbnails-viewport',
+    thumbnailItems = 'p-galleria-thumbnail-items',
+    thumbnailItem = 'p-galleria-thumbnail-item',
+    thumbnail = 'p-galleria-thumbnail',
+    nextThumbnailButton = 'p-galleria-thumbnail-next-button',
+    nextThumbnailIcon = 'p-galleria-thumbnail-next-icon'
+}
+
 export interface GalleriaStyle extends BaseStyle {}
diff --git a/components/lib/iconfield/style/IconField.d.ts b/components/lib/iconfield/style/IconField.d.ts
index 0642ad13d..92d8fb889 100644
--- a/components/lib/iconfield/style/IconField.d.ts
+++ b/components/lib/iconfield/style/IconField.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * IconField wraps an input and an icon.
+ *
+ * [Live Demo](https://www.primevue.org/inputtext/)
+ *
+ * @module iconfieldstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum IconFieldClasses {
+    root = 'p-iconfield'
+}
+
 export interface IconFieldStyle extends BaseStyle {}
diff --git a/components/lib/image/style/ImageStyle.d.ts b/components/lib/image/style/ImageStyle.d.ts
index 9d4aa512d..2b5f10c27 100644
--- a/components/lib/image/style/ImageStyle.d.ts
+++ b/components/lib/image/style/ImageStyle.d.ts
@@ -1,3 +1,26 @@
+/**
+ *
+ * Displays an image with preview and tranformation options. For multiple image, see Galleria.
+ *
+ * [Live Demo](https://www.primevue.org/image/)
+ *
+ * @module imagestyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ImageClasses {
+    root = 'p-image',
+    previewMask = 'p-image-preview-mask',
+    previewIcon = 'p-image-preview-icon',
+    mask = 'p-image-mask',
+    toolbar = 'p-image-toolbar',
+    rotateRightButton = 'p-image-rotate-right-button',
+    rotateLeftButton = 'p-image-rotate-left-button',
+    zoomOutButton = 'p-image-zoom-out-button',
+    zoomInButton = 'p-image-zoom-in-button',
+    closeButton = 'p-image-close-button',
+    original = 'p-image-original'
+}
+
 export interface ImageStyle extends BaseStyle {}
diff --git a/components/lib/inlinemessage/style/InlineMessageStyle.d.ts b/components/lib/inlinemessage/style/InlineMessageStyle.d.ts
index 64f0f3454..4c1523e7a 100644
--- a/components/lib/inlinemessage/style/InlineMessageStyle.d.ts
+++ b/components/lib/inlinemessage/style/InlineMessageStyle.d.ts
@@ -1,3 +1,18 @@
+/**
+ *
+ * InlineMessage component is useful in cases where a single message needs to be displayed related to an element such as forms. It has one property, severity of the message.
+ *
+ * [Live Demo](https://www.primevue.org/inlinemessage/)
+ *
+ * @module inlinemessagestyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum InlineMessageClasses {
+    root = 'p-inline-message',
+    icon = 'p-inline-message-icon',
+    text = 'p-inline-message-text'
+}
+
 export interface InlineMessageStyle extends BaseStyle {}
diff --git a/components/lib/inplace/Inplace.d.ts b/components/lib/inplace/Inplace.d.ts
index cb5f3caca..87cc79225 100755
--- a/components/lib/inplace/Inplace.d.ts
+++ b/components/lib/inplace/Inplace.d.ts
@@ -7,7 +7,6 @@
  * @module inplace
  *
  */
-
 import { HTMLAttributes, VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
 import { PassThroughOptions } from '../passthrough';
diff --git a/components/lib/inplace/style/InplaceStyle.d.ts b/components/lib/inplace/style/InplaceStyle.d.ts
index 5c811cc6a..cabf35002 100644
--- a/components/lib/inplace/style/InplaceStyle.d.ts
+++ b/components/lib/inplace/style/InplaceStyle.d.ts
@@ -1,3 +1,18 @@
+/**
+ *
+ * Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.
+ *
+ * [Live Demo](https://www.primevue.org/inplace)
+ *
+ * @module inplacestyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum InplaceClasses {
+    root = 'p-inplace',
+    display = 'p-inplace-display',
+    content = 'p-inplace-content'
+}
+
 export interface InplaceStyle extends BaseStyle {}
diff --git a/components/lib/inputchips/style/InputChipsStyle.d.ts b/components/lib/inputchips/style/InputChipsStyle.d.ts
index de9b4afc0..a211f3e22 100644
--- a/components/lib/inputchips/style/InputChipsStyle.d.ts
+++ b/components/lib/inputchips/style/InputChipsStyle.d.ts
@@ -1,3 +1,21 @@
+/**
+ *
+ * InputChips groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.primevue.org/inputchips/)
+ *
+ * @module inputchipsstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum InputChipsClasses {
+    root = 'p-inputchips',
+    input = 'p-inputchips-input',
+    chip = 'p-inputchips-chip',
+    pcChipLabel = 'p-inputchips-chip-label',
+    chipIcon = 'p-inputchips-chip-icon',
+    inputItem = 'p-inputchips-input-item'
+}
+
 export interface InputChipsStyle extends BaseStyle {}
diff --git a/components/lib/inputgroup/style/InputGroupStyle.d.ts b/components/lib/inputgroup/style/InputGroupStyle.d.ts
index 3cd83c5b4..455ec2d2a 100644
--- a/components/lib/inputgroup/style/InputGroupStyle.d.ts
+++ b/components/lib/inputgroup/style/InputGroupStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * InputGroup displays text, icon, buttons and other content can be grouped next to an input.
+ *
+ * [Live Demo](https://www.primevue.org/inputgroup/)
+ *
+ * @module inputgroupstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum InputGroupClasses {
+    root = 'p-inputgroup'
+}
+
 export interface InputGroupStyle extends BaseStyle {}
diff --git a/components/lib/inputgroupaddon/style/InputGroupAddonStyle.d.ts b/components/lib/inputgroupaddon/style/InputGroupAddonStyle.d.ts
index cbfe1a750..cc0ec9984 100644
--- a/components/lib/inputgroupaddon/style/InputGroupAddonStyle.d.ts
+++ b/components/lib/inputgroupaddon/style/InputGroupAddonStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * InputGroupAddon displays text, icon, buttons and other content can be grouped next to an input.
+ *
+ * [Live Demo](https://www.primevue.org/inputgroup/)
+ *
+ * @module inputgroupaddonstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum InputGroupAddonClasses {
+    root = 'p-inputgroup-addon'
+}
+
 export interface InputGroupAddonStyle extends BaseStyle {}
diff --git a/components/lib/inputicon/style/InputIconStyle.d.ts b/components/lib/inputicon/style/InputIconStyle.d.ts
index b182f4480..31b1298c7 100644
--- a/components/lib/inputicon/style/InputIconStyle.d.ts
+++ b/components/lib/inputicon/style/InputIconStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * InputIcon displays an icon.
+ *
+ * [Live Demo](https://www.primevue.org/inputgroup/)
+ *
+ * @module inputiconstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum InputIconClasses {
+    root = 'p-inputicon'
+}
+
 export interface InputIconStyle extends BaseStyle {}
diff --git a/components/lib/inputmask/style/InputMaskStyle.d.ts b/components/lib/inputmask/style/InputMaskStyle.d.ts
index ae5c2fc76..7865f2e3a 100644
--- a/components/lib/inputmask/style/InputMaskStyle.d.ts
+++ b/components/lib/inputmask/style/InputMaskStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * InputMask component is used to enter input in a certain format such as numeric, date, currency, email and phone.
+ *
+ * [Live Demo](https://www.primevue.org/inputmask/)
+ *
+ * @module inputmaskstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum InputMaskClasses {
+    root = 'p-inputmask'
+}
+
 export interface InputMaskStyle extends BaseStyle {}
diff --git a/components/lib/inputnumber/style/InputNumberStyle.d.ts b/components/lib/inputnumber/style/InputNumberStyle.d.ts
index 5789f0360..9a08d0138 100644
--- a/components/lib/inputnumber/style/InputNumberStyle.d.ts
+++ b/components/lib/inputnumber/style/InputNumberStyle.d.ts
@@ -1,3 +1,20 @@
+/**
+ *
+ * InputNumber is an input component to provide numerical input.
+ *
+ * [Live Demo](https://www.primevue.org/inputnumber/)
+ *
+ * @module inputnumberstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum InputNumberClasses {
+    root = 'p-inputnumber',
+    pcInput = 'p-inputnumber-input',
+    buttonGroup = 'p-inputnumber-button-group',
+    incrementButton = 'p-inputnumber-increment-button',
+    decrementButton = 'p-inputnumber-decrement-button'
+}
+
 export interface InputNumberStyle extends BaseStyle {}
diff --git a/components/lib/inputotp/style/InputOtpStyle.d.ts b/components/lib/inputotp/style/InputOtpStyle.d.ts
index c52582775..48269f0f3 100644
--- a/components/lib/inputotp/style/InputOtpStyle.d.ts
+++ b/components/lib/inputotp/style/InputOtpStyle.d.ts
@@ -1,3 +1,17 @@
+/**
+ *
+ * InputOtp is used to enter one time passwords.
+ *
+ * [Live Demo](https://www.primevue.org/inputotp/)
+ *
+ * @module inputotpstyle
+ *
+ */
 import { BaseStyle } from '../../base/style/BaseStyle';
 
+export enum InputOtpClasses {
+    root = 'p-inputotp',
+    pcInput = 'p-inputotp-input'
+}
+
 export interface InputOtpStyle extends BaseStyle {}
diff --git a/components/lib/inputswitch/style/InputSwitchStyle.d.ts b/components/lib/inputswitch/style/InputSwitchStyle.d.ts
index 0196ea577..58638d7d2 100644
--- a/components/lib/inputswitch/style/InputSwitchStyle.d.ts
+++ b/components/lib/inputswitch/style/InputSwitchStyle.d.ts
@@ -1,3 +1,14 @@
+/**
+ *
+ * InputSwitch is used to select a boolean value.
+ *
+ * [Live Demo](https://www.primevue.org/toggleswitch/)
+ *
+ * @module inputswitchstyle
+ *
+ */
 import { ToggleSwitchStyle } from '../../toggleswitch/style/ToggleSwitchStyle';
 
+export enum InputSwitchClasses {}
+
 export interface InputSwitchStyle extends ToggleSwitchStyle {}
diff --git a/components/lib/inputtext/style/InputTextStyle.d.ts b/components/lib/inputtext/style/InputTextStyle.d.ts
index c304196f8..075300df0 100644
--- a/components/lib/inputtext/style/InputTextStyle.d.ts
+++ b/components/lib/inputtext/style/InputTextStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * InputText renders a text field to enter data.
+ *
+ * [Live Demo](https://www.primevue.org/inputtext/)
+ *
+ * @module inputtext
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum InputTextClasses {
+    root = 'p-inputtext'
+}
+
 export interface InputTextStyle extends BaseStyle {}
diff --git a/components/lib/knob/style/KnobStyle.d.ts b/components/lib/knob/style/KnobStyle.d.ts
index 96a63d1a8..e0bad02ec 100644
--- a/components/lib/knob/style/KnobStyle.d.ts
+++ b/components/lib/knob/style/KnobStyle.d.ts
@@ -1,3 +1,19 @@
+/**
+ *
+ * Knob is a form component to define number inputs with a dial.
+ *
+ * [Live Demo](https://www.primevue.org/knob/)
+ *
+ * @module knobstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum KnobClasses {
+    root = 'p-knob',
+    range = 'p-knob-range',
+    value = 'p-knob-value',
+    text = 'p-knob-text'
+}
+
 export interface KnobStyle extends BaseStyle {}
diff --git a/components/lib/listbox/style/ListboxStyle.d.ts b/components/lib/listbox/style/ListboxStyle.d.ts
index 157a2315f..805385332 100644
--- a/components/lib/listbox/style/ListboxStyle.d.ts
+++ b/components/lib/listbox/style/ListboxStyle.d.ts
@@ -1,3 +1,23 @@
+/**
+ *
+ * ListBox is used to select one or more values from a list of items.
+ *
+ * [Live Demo](https://www.primevue.org/listbox/)
+ *
+ * @module listboxstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ListboxClasses {
+    root = 'p-listbox',
+    header = 'p-listbox-header',
+    pcFilter = 'p-listbox-filter',
+    listContainer = 'p-listbox-list-container',
+    list = 'p-listbox-list',
+    optionGroup = 'p-listbox-option-group',
+    option = 'p-listbox-option',
+    emptyMessage = 'p-listbox-empty-message'
+}
+
 export interface ListboxStyle extends BaseStyle {}
diff --git a/components/lib/megamenu/style/MegaMenuStyle.d.ts b/components/lib/megamenu/style/MegaMenuStyle.d.ts
index 0013d6770..14372e138 100644
--- a/components/lib/megamenu/style/MegaMenuStyle.d.ts
+++ b/components/lib/megamenu/style/MegaMenuStyle.d.ts
@@ -1,3 +1,32 @@
+/**
+ *
+ * MegaMenu is navigation component that displays submenus together.
+ *
+ * [Live Demo](https://www.primevue.org/megamenu/)
+ *
+ * @module megamenustyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum MegaMenuClasses {
+    root = 'p-megamenu',
+    start = 'p-megamenu-start',
+    button = 'p-megamenu-button',
+    rootList = 'p-megamenu-root-list',
+    submenuItem = 'p-megamenu-submenu-item',
+    item = 'p-megamenu-item',
+    itemContent = 'p-megamenu-item-content',
+    itemLink = 'p-megamenu-item-link',
+    itemIcon = 'p-megamenu-item-icon',
+    itemLabel = 'p-megamenu-item-label',
+    submenuIcon = 'p-megamenu-submenu-icon',
+    panel = 'p-megamenu-panel',
+    grid = 'p-megamenu-grid',
+    submenu = 'p-megamenu-submenu',
+    submenuItemLabel = 'p-megamenu-submenu-item-label',
+    separator = 'p-megamenu-separator',
+    end = 'p-megamenu-end'
+}
+
 export interface MegaMenuStyle extends BaseStyle {}
diff --git a/components/lib/menu/style/MenuStyle.d.ts b/components/lib/menu/style/MenuStyle.d.ts
index be021d2fe..745a4c31e 100644
--- a/components/lib/menu/style/MenuStyle.d.ts
+++ b/components/lib/menu/style/MenuStyle.d.ts
@@ -1,3 +1,26 @@
+/**
+ *
+ * Menu is a navigation / command component that supports dynamic and static positioning.
+ *
+ * [Live Demo](https://www.primevue.org/menu/)
+ *
+ * @module menustyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum MenuClasses {
+    root = 'p-menu',
+    start = 'p-menu-start',
+    list = 'p-menu-list',
+    submenuItem = 'p-menu-submenu-item',
+    separator = 'p-menu-separator',
+    end = 'p-menu-end',
+    item = 'p-menu-item',
+    itemContent = 'p-menu-item-content',
+    itemLink = 'p-menu-item-link',
+    itemIcon = 'p-menu-item-icon',
+    itemLabel = 'p-menu-item-label'
+}
+
 export interface MenuStyle extends BaseStyle {}
diff --git a/components/lib/menubar/style/MenubarStyle.d.ts b/components/lib/menubar/style/MenubarStyle.d.ts
index 081328d1a..4b0548571 100644
--- a/components/lib/menubar/style/MenubarStyle.d.ts
+++ b/components/lib/menubar/style/MenubarStyle.d.ts
@@ -1,3 +1,28 @@
+/**
+ *
+ * Menubar is a horizontal menu component.
+ *
+ * [Live Demo](https://www.primevue.org/menubar/)
+ *
+ * @module menubarstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum MenubarClasses {
+    root = 'p-menubar',
+    start = 'p-menubar-start',
+    button = 'p-menubar-button',
+    rootList = 'p-menubar-root-list',
+    item = 'p-menubar-item',
+    itemContent = 'p-menubar-item-content',
+    itemLink = 'p-menubar-item-link',
+    itemIcon = 'p-menubar-item-icon',
+    itemLabel = 'p-menubar-item-label',
+    submenuIcon = 'p-menubar-submenu-icon',
+    submenu = 'p-menubar-submenu',
+    separator = 'p-menubar-separator',
+    end = 'p-menubar-end'
+}
+
 export interface MenubarStyle extends BaseStyle {}
diff --git a/components/lib/message/style/MessageStyle.d.ts b/components/lib/message/style/MessageStyle.d.ts
index 0fb9952c6..4d91ed10e 100644
--- a/components/lib/message/style/MessageStyle.d.ts
+++ b/components/lib/message/style/MessageStyle.d.ts
@@ -1,3 +1,21 @@
+/**
+ *
+ * Message groups a collection of contents in tabs.
+ *
+ * [Live Demo](https://www.primevue.org/message/)
+ *
+ * @module messagestyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum MessageClasses {
+    root = 'p-message',
+    content = 'p-message-content',
+    icon = 'p-message-icon',
+    text = 'p-message-text',
+    closeButton = 'p-message-close-button',
+    closeIcon = 'p-message-close-icon'
+}
+
 export interface MessageStyle extends BaseStyle {}
diff --git a/components/lib/metergroup/MeterGroup.d.ts b/components/lib/metergroup/MeterGroup.d.ts
index fd6b84f2c..cc20eeee9 100644
--- a/components/lib/metergroup/MeterGroup.d.ts
+++ b/components/lib/metergroup/MeterGroup.d.ts
@@ -7,7 +7,6 @@
  * @module metergroup
  *
  */
-
 import { VNode } from 'vue';
 import { PassThroughOptions } from '../passthrough';
 import { ClassComponent, DesignToken, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
diff --git a/components/lib/metergroup/style/MeterGroupStyle.d.ts b/components/lib/metergroup/style/MeterGroupStyle.d.ts
index 4786611d2..d24dc3d26 100644
--- a/components/lib/metergroup/style/MeterGroupStyle.d.ts
+++ b/components/lib/metergroup/style/MeterGroupStyle.d.ts
@@ -1,3 +1,23 @@
+/**
+ *
+ * MeterGroup is a group of process status indicators.
+ *
+ * [Live Demo](https://primevue.org/metergroup)
+ *
+ * @module metergroupstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum MeterGroupClasses {
+    root = 'p-metergroup',
+    meters = 'p-metergroup-meters',
+    meter = 'p-metergroup-meter',
+    labelList = 'p-metergroup-label-list',
+    label = 'p-metergroup-label',
+    labelIcon = 'p-metergroup-label-icon',
+    labelMarker = 'p-metergroup-label-marker',
+    labelText = 'p-metergroup-label-text'
+}
+
 export interface MeterGroupStyle extends BaseStyle {}
diff --git a/components/lib/multiselect/style/MultiSelectStyle.d.ts b/components/lib/multiselect/style/MultiSelectStyle.d.ts
index 6e29936ec..2b3b8b986 100644
--- a/components/lib/multiselect/style/MultiSelectStyle.d.ts
+++ b/components/lib/multiselect/style/MultiSelectStyle.d.ts
@@ -1,3 +1,33 @@
+/**
+ *
+ * MultiSelect is used to select multiple items from a collection.
+ *
+ * [Live Demo](https://www.primevue.org/multiselect/)
+ *
+ * @module multiselectstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum MultiSelectClasses {
+    root = 'p-multiselect',
+    labelContainer = 'p-multiselect-label-container',
+    label = 'p-multiselect-label',
+    chip = 'p-multiselect-chip',
+    pcChipLabel = 'p-multiselect-chip-label',
+    chipIcon = 'p-multiselect-chip-icon',
+    dropdown = 'p-multiselect-dropdown',
+    loadingIcon = 'p-multiselect-loading-icon',
+    dropdownIcon = 'p-multiselect-dropdown-icon',
+    overlay = 'p-multiselect-overlay',
+    header = 'p-multiselect-header',
+    pcFilterContainer = 'p-multiselect-filter-container',
+    pcFilter = 'p-multiselect-filter',
+    listContainer = 'p-multiselect-list-container',
+    list = 'p-multiselect-list',
+    optionGroup = 'p-multiselect-option-group',
+    option = 'p-multiselect-option',
+    emptyMessage = 'p-multiselect-empty-message'
+}
+
 export interface MultiSelectStyle extends BaseStyle {}
diff --git a/components/lib/orderlist/style/OrderListStyle.d.ts b/components/lib/orderlist/style/OrderListStyle.d.ts
index 1d2eebfaa..2c6c852d3 100644
--- a/components/lib/orderlist/style/OrderListStyle.d.ts
+++ b/components/lib/orderlist/style/OrderListStyle.d.ts
@@ -1,3 +1,17 @@
+/**
+ *
+ * OrderList is used to managed the order of a collection.
+ *
+ * [Live Demo](https://primevue.org/orderlist)
+ *
+ * @module orderliststyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum OrderListClasses {
+    root = 'p-orderlist',
+    controls = 'p-orderlist-controls'
+}
+
 export interface OrderListStyle extends BaseStyle {}
diff --git a/components/lib/organizationchart/style/OrganizationChartStyle.d.ts b/components/lib/organizationchart/style/OrganizationChartStyle.d.ts
index 2ab16d6f3..50372001b 100644
--- a/components/lib/organizationchart/style/OrganizationChartStyle.d.ts
+++ b/components/lib/organizationchart/style/OrganizationChartStyle.d.ts
@@ -1,3 +1,25 @@
+/**
+ *
+ * OrganizationChart visualizes hierarchical organization data.
+ *
+ * [Live Demo](https://primevue.org/organizationchart)
+ *
+ * @module organizationchartstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum OrganizationChartClasses {
+    root = 'p-organizationchart',
+    table = 'p-organizationchart-table',
+    node = 'p-organizationchart-node',
+    nodeToggleButton = 'p-organizationchart-node-toggle-button',
+    nodeToggleButtonIcon = 'p-organizationchart-node-toggle-button-icon',
+    connectors = 'p-organizationchart-connectors',
+    connectorDown = 'p-organizationchart-connector-down',
+    connectorLeft = 'p-organizationchart-connector-left',
+    connectorRight = 'p-organizationchart-connector-right',
+    nodeChildren = 'p-organizationchart-node-children'
+}
+
 export interface OrganizationChartStyle extends BaseStyle {}
diff --git a/components/lib/overlaypanel/style/OverlayPanelStyle.d.ts b/components/lib/overlaypanel/style/OverlayPanelStyle.d.ts
index 545a6dfd0..6193bee56 100644
--- a/components/lib/overlaypanel/style/OverlayPanelStyle.d.ts
+++ b/components/lib/overlaypanel/style/OverlayPanelStyle.d.ts
@@ -1,3 +1,12 @@
+/**
+ *
+ * OverlayPanel is a container component positioned as connected to its target.
+ *
+ * [Live Demo](https://primevue.org/popover)
+ *
+ * @module overlaypanelstyle
+ *
+ */
 import { PopoverStyle } from '../../popover/style/PopoverStyle';
 
 export interface OverlayPanelStyle extends PopoverStyle {}
diff --git a/components/lib/paginator/style/PaginatorStyle.d.ts b/components/lib/paginator/style/PaginatorStyle.d.ts
index 026489e50..25152f783 100644
--- a/components/lib/paginator/style/PaginatorStyle.d.ts
+++ b/components/lib/paginator/style/PaginatorStyle.d.ts
@@ -1,3 +1,32 @@
+/**
+ *
+ * Paginator is a generic component to display content in paged format.
+ *
+ * [Live Demo](https://primevue.org/paginator)
+ *
+ * @module paginatorstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum PaginatorClasses {
+    paginator = 'p-paginator',
+    contentStart = 'p-paginator-content-start',
+    contentEnd = 'p-paginator-content-end',
+    first = 'p-paginator-first',
+    firstIcon = 'p-paginator-first-icon',
+    prev = 'p-paginator-prev',
+    prevIcon = 'p-paginator-prev-icon',
+    next = 'p-paginator-next',
+    nextIcon = 'p-paginator-next-icon',
+    last = 'p-paginator-last',
+    lastIcon = 'p-paginator-last-icon',
+    pages = 'p-paginator-pages',
+    page = 'p-paginator-page',
+    current = 'p-paginator-current',
+    pcRowPerPageDropdown = 'p-paginator-rpp-dropdown',
+    pcJumpToPageDropdown = 'p-paginator-jtp-dropdown',
+    pcJumpToPageInput = 'p-paginator-jtp-input'
+}
+
 export interface PaginatorStyle extends BaseStyle {}
diff --git a/components/lib/panel/style/PanelStyle.d.ts b/components/lib/panel/style/PanelStyle.d.ts
index d2cd23f1e..3a9d2a3d2 100644
--- a/components/lib/panel/style/PanelStyle.d.ts
+++ b/components/lib/panel/style/PanelStyle.d.ts
@@ -1,3 +1,23 @@
+/**
+ *
+ * Panel is a container with the optional content toggle feature.
+ *
+ * [Live Demo](https://www.primevue.org/panel/)
+ *
+ * @module panelstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum PanelClasses {
+    root = 'p-panel',
+    header = 'p-panel-header',
+    title = 'p-panel-title',
+    headerActions = 'p-panel-header-actions',
+    pcToggleButton = 'p-panel-toggle-button',
+    contentContainer = 'p-panel-content-container',
+    content = 'p-panel-content',
+    footer = 'p-panel-footer'
+}
+
 export interface PanelStyle extends BaseStyle {}
diff --git a/components/lib/panelmenu/style/PanelMenuStyle.d.ts b/components/lib/panelmenu/style/PanelMenuStyle.d.ts
index 001651b4e..bb01cb60e 100644
--- a/components/lib/panelmenu/style/PanelMenuStyle.d.ts
+++ b/components/lib/panelmenu/style/PanelMenuStyle.d.ts
@@ -1,3 +1,33 @@
+/**
+ *
+ * PanelMenu is a hybrid of Accordion and Tree components.
+ *
+ * [Live Demo](https://www.primevue.org/panelmenu/)
+ *
+ * @module panelmenustyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum PanelMenuClasses {
+    root = 'p-panelmenu',
+    panel = 'p-panelmenu-panel',
+    header = 'p-panelmenu-header',
+    headerContent = 'p-panelmenu-header-content',
+    headerLink = 'p-panelmenu-header-link',
+    headerIcon = 'p-panelmenu-header-icon',
+    headerLabel = 'p-panelmenu-header-label',
+    contentContainer = 'p-panelmenu-content-container',
+    content = 'p-panelmenu-content',
+    rootList = 'p-panelmenu-root-list',
+    item = 'p-panelmenu-item',
+    itemContent = 'p-panelmenu-item-content',
+    itemLink = 'p-panelmenu-item-link',
+    itemIcon = 'p-panelmenu-item-icon',
+    itemLabel = 'p-panelmenu-item-label',
+    submenuIcon = 'p-panelmenu-submenu-icon',
+    submenu = 'p-panelmenu-submenu',
+    separator = 'p-menuitem-separator'
+}
+
 export interface PanelMenuStyle extends BaseStyle {}
diff --git a/components/lib/password/style/PasswordStyle.d.ts b/components/lib/password/style/PasswordStyle.d.ts
index 661ac7496..0501f51e3 100644
--- a/components/lib/password/style/PasswordStyle.d.ts
+++ b/components/lib/password/style/PasswordStyle.d.ts
@@ -1,3 +1,23 @@
+/**
+ *
+ * Password displays strength indicator for password fields.
+ *
+ * [Live Demo](https://www.primevue.org/password/)
+ *
+ * @module passwordstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum PasswordClasses {
+    root = 'p-password',
+    ptInput = 'p-password-input',
+    maskIcon = 'p-password-mask-icon',
+    unmaskIcon = 'p-password-unmask-icon',
+    overlay = 'p-password-overlay',
+    meter = 'p-password-meter',
+    meterLabel = 'p-password-meter-label',
+    meterText = 'p-password-meter-text'
+}
+
 export interface PasswordStyle extends BaseStyle {}
diff --git a/components/lib/picklist/style/PickListStyle.d.ts b/components/lib/picklist/style/PickListStyle.d.ts
index cc713eb1d..bc59121ab 100644
--- a/components/lib/picklist/style/PickListStyle.d.ts
+++ b/components/lib/picklist/style/PickListStyle.d.ts
@@ -1,3 +1,21 @@
+/**
+ *
+ * PickList is used to reorder items between different lists.
+ *
+ * [Live Demo](https://primevue.org/picklist)
+ *
+ * @module pickliststyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum PickListClasses {
+    root = 'p-picklist',
+    sourceControls = 'p-picklist-source-controls',
+    sourceListContainer = 'p-picklist-source-list-container',
+    transferControls = 'p-picklist-transfer-controls',
+    targetListContainer = 'p-picklist-target-list-container',
+    targetControls = 'p-picklist-target-controls'
+}
+
 export interface PickListStyle extends BaseStyle {}
diff --git a/components/lib/popover/style/PopoverStyle.d.ts b/components/lib/popover/style/PopoverStyle.d.ts
index fa132056f..752d231a9 100644
--- a/components/lib/popover/style/PopoverStyle.d.ts
+++ b/components/lib/popover/style/PopoverStyle.d.ts
@@ -1,3 +1,17 @@
+/**
+ *
+ * Popover is a container component positioned as connected to its target.
+ *
+ * [Live Demo](https://primevue.org/popover)
+ *
+ * @module popoverstyle
+ *
+ */
 import { BaseStyle } from '../../base/style/BaseStyle';
 
+export enum PopoverClasses {
+    root = 'p-popover',
+    content = 'p-popover-content'
+}
+
 export interface PopoverStyle extends BaseStyle {}
diff --git a/components/lib/portal/style/PortalStyle.d.ts b/components/lib/portal/style/PortalStyle.d.ts
index e9cc9c0c7..d26b3101f 100644
--- a/components/lib/portal/style/PortalStyle.d.ts
+++ b/components/lib/portal/style/PortalStyle.d.ts
@@ -1,3 +1,12 @@
+/**
+ *
+ * [Live Demo](https://primevue.org/)
+ *
+ * @module portalstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum PortalClasses {}
+
 export interface PortalStyle extends BaseStyle {}
diff --git a/components/lib/progressbar/style/ProgressBarStyle.d.ts b/components/lib/progressbar/style/ProgressBarStyle.d.ts
index 727c4b357..7e752d6df 100644
--- a/components/lib/progressbar/style/ProgressBarStyle.d.ts
+++ b/components/lib/progressbar/style/ProgressBarStyle.d.ts
@@ -1,3 +1,19 @@
+/**
+ *
+ * ProgressBar is a process status indicator.
+ *
+ * [Live Demo](https://www.primevue.org/progressbar)
+ *
+ * @module progressbarstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ProgressBarClasses {
+    root = 'p-progressbar',
+    indeterminateContainer = 'p-progressbar-indeterminate-container',
+    value = 'p-progressbar-value',
+    label = 'p-progressbar-label'
+}
+
 export interface ProgressBarStyle extends BaseStyle {}
diff --git a/components/lib/progressspinner/style/ProgressSpinnerStyle.d.ts b/components/lib/progressspinner/style/ProgressSpinnerStyle.d.ts
index 62e871885..32927954c 100644
--- a/components/lib/progressspinner/style/ProgressSpinnerStyle.d.ts
+++ b/components/lib/progressspinner/style/ProgressSpinnerStyle.d.ts
@@ -1,3 +1,18 @@
+/**
+ *
+ * ProgressSpinner is a process status indicator.
+ *
+ * [Live Demo](https://www.primevue.org/progressspinner)
+ *
+ * @module progressspinnerstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ProgressSpinnerClasses {
+    root = 'p-progressspinner',
+    spin = 'p-progressspinner-spin',
+    circle = 'p-progressspinner-circle'
+}
+
 export interface ProgressSpinnerStyle extends BaseStyle {}
diff --git a/components/lib/radiobutton/style/RadioButtonStyle.d.ts b/components/lib/radiobutton/style/RadioButtonStyle.d.ts
index 088bad4e9..90801e797 100644
--- a/components/lib/radiobutton/style/RadioButtonStyle.d.ts
+++ b/components/lib/radiobutton/style/RadioButtonStyle.d.ts
@@ -1,3 +1,19 @@
+/**
+ *
+ * RadioButton is an extension to standard radio button element with theming.
+ *
+ * [Live Demo](https://www.primevue.org/radiobutton/)
+ *
+ * @module radiobuttonstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum RadioButtonClasses {
+    root = 'p-radiobutton',
+    box = 'p-radiobutton-box',
+    input = 'p-radiobutton-input',
+    icon = 'p-radiobutton-icon'
+}
+
 export interface RadioButtonStyle extends BaseStyle {}
diff --git a/components/lib/rating/style/RatingStyle.d.ts b/components/lib/rating/style/RatingStyle.d.ts
index fa8b083b2..e6b682408 100644
--- a/components/lib/rating/style/RatingStyle.d.ts
+++ b/components/lib/rating/style/RatingStyle.d.ts
@@ -1,3 +1,19 @@
+/**
+ *
+ * Rating component is a star based selection input.
+ *
+ * [Live Demo](https://www.primevue.org/rating/)
+ *
+ * @module ratingstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum RatingClasses {
+    root = 'p-rating',
+    option = 'p-rating-option',
+    onIcon = 'p-rating-on-icon',
+    offIcon = 'p-rating-off-icon'
+}
+
 export interface RatingStyle extends BaseStyle {}
diff --git a/components/lib/ripple/Ripple.d.ts b/components/lib/ripple/Ripple.d.ts
index 81ab5aa2b..5e5ad3a46 100644
--- a/components/lib/ripple/Ripple.d.ts
+++ b/components/lib/ripple/Ripple.d.ts
@@ -5,6 +5,7 @@
  * [Live Demo](https://primevue.org/ripple)
  *
  * @module ripple
+ *
  */
 import { DirectiveBinding, ObjectDirective } from 'vue';
 import { DirectiveHooks } from '../basedirective';
diff --git a/components/lib/ripple/style/RippleStyle.d.ts b/components/lib/ripple/style/RippleStyle.d.ts
index ab0cac909..e39f30372 100644
--- a/components/lib/ripple/style/RippleStyle.d.ts
+++ b/components/lib/ripple/style/RippleStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * Ripple directive adds ripple effect to the host element.
+ *
+ * [Live Demo](https://primevue.org/ripple)
+ *
+ * @module ripplestyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
-export interface AccordionStyle extends BaseStyle {}
+export enum RippleClasses {
+    root = 'p-ink'
+}
+
+export interface RippleStyle extends BaseStyle {}
diff --git a/components/lib/row/Row.d.ts b/components/lib/row/Row.d.ts
index f4d596ffc..576068ea6 100755
--- a/components/lib/row/Row.d.ts
+++ b/components/lib/row/Row.d.ts
@@ -1,9 +1,11 @@
 /**
+ *
  * Row component is a helper component used to create grouping structures in DataTable.
  *
  * [Live Demo](https://www.primevue.org/datatable/)
  *
  * @module row
+ *
  */
 import { ComponentHooks } from '../basecomponent';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
diff --git a/components/lib/row/style/RowStyle.d.ts b/components/lib/row/style/RowStyle.d.ts
index f8eb8c4bd..b5a1b0a89 100644
--- a/components/lib/row/style/RowStyle.d.ts
+++ b/components/lib/row/style/RowStyle.d.ts
@@ -1,3 +1,14 @@
+/**
+ *
+ * Row component is a helper component used to create grouping structures in DataTable.
+ *
+ * [Live Demo](https://www.primevue.org/datatable/)
+ *
+ * @module rowstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum RowClasses {}
+
 export interface RowStyle extends BaseStyle {}
diff --git a/components/lib/scrollpanel/style/ScrollPanelStyle.d.ts b/components/lib/scrollpanel/style/ScrollPanelStyle.d.ts
index 73b062bb8..5ee400309 100644
--- a/components/lib/scrollpanel/style/ScrollPanelStyle.d.ts
+++ b/components/lib/scrollpanel/style/ScrollPanelStyle.d.ts
@@ -1,3 +1,20 @@
+/**
+ *
+ * ScrollPanel is a cross browser, lightweight and themable alternative to native browser scrollbar.
+ *
+ * [Live Demo](https://www.primevue.org/scrollpanel/)
+ *
+ * @module scrollpanelstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ScrollPanelClasses {
+    root = 'p-scrollpanel',
+    contentContainer = 'p-scrollpanel-content-container',
+    content = 'p-scrollpanel-content',
+    barX = 'p-scrollpanel-bar-x',
+    barY = 'p-scrollpanel-bar-y'
+}
+
 export interface ScrollPanelStyle extends BaseStyle {}
diff --git a/components/lib/scrolltop/style/ScrollTopStyle.d.ts b/components/lib/scrolltop/style/ScrollTopStyle.d.ts
index dbfd33ed2..ada6d3ffa 100644
--- a/components/lib/scrolltop/style/ScrollTopStyle.d.ts
+++ b/components/lib/scrolltop/style/ScrollTopStyle.d.ts
@@ -1,3 +1,17 @@
+/**
+ *
+ * ScrollTop gets displayed after a certain scroll position and used to navigates to the top of the page quickly.
+ *
+ * [Live Demo](https://www.primevue.org/scrolltop/)
+ *
+ * @module scrolltopstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ScrollTopClasses {
+    root = 'p-scrolltop',
+    icon = 'p-scrolltop-icon'
+}
+
 export interface ScrollTopStyle extends BaseStyle {}
diff --git a/components/lib/select/style/SelectStyle.d.ts b/components/lib/select/style/SelectStyle.d.ts
index 89deac6fb..3b0f5630f 100644
--- a/components/lib/select/style/SelectStyle.d.ts
+++ b/components/lib/select/style/SelectStyle.d.ts
@@ -1,3 +1,33 @@
+/**
+ *
+ * Select also known as Select, is used to choose an item from a collection of options.
+ *
+ * [Live Demo](https://www.primevue.org/select/)
+ *
+ * @module selectstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum SelectClasses {
+    root = 'p-select',
+    label = 'p-select-label',
+    clearIcon = 'p-select-clear-icon',
+    dropdown = 'p-select-dropdown',
+    loadingicon = 'p-select-loading-icon',
+    dropdownIcon = 'p-select-dropdown-icon',
+    overlay = 'p-select-overlay',
+    header = 'p-select-header',
+    pcFilter = 'p-select-filter',
+    listContainer = 'p-select-list-container',
+    list = 'p-select-list',
+    optionGroup = 'p-select-option-group',
+    optionGroupLabel = 'p-select-option-group-label',
+    option = 'p-select-option',
+    optionLabel = 'p-select-option-label',
+    optionCheckIcon = 'p-select-option-check-icon',
+    optionBlankIcon = 'p-select-option-blank-icon',
+    emptyMessage = 'p-select-empty-message'
+}
+
 export interface SelectStyle extends BaseStyle {}
diff --git a/components/lib/selectbutton/style/SelectButtonStyle.d.ts b/components/lib/selectbutton/style/SelectButtonStyle.d.ts
index 99ac8d726..18bc7ef25 100644
--- a/components/lib/selectbutton/style/SelectButtonStyle.d.ts
+++ b/components/lib/selectbutton/style/SelectButtonStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * SelectButton is used to choose single or multiple items from a list using buttons.
+ *
+ * [Live Demo](https://www.primevue.org/selectbutton/)
+ *
+ * @module selectbuttonstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum SelectButtonClasses {
+    root = 'p-selectbutton'
+}
+
 export interface SelectButtonStyle extends BaseStyle {}
diff --git a/components/lib/sidebar/style/SidebarStyle.d.ts b/components/lib/sidebar/style/SidebarStyle.d.ts
index 8c10b3b40..cf67b8119 100644
--- a/components/lib/sidebar/style/SidebarStyle.d.ts
+++ b/components/lib/sidebar/style/SidebarStyle.d.ts
@@ -1,3 +1,14 @@
+/**
+ *
+ * Sidebar is a panel component displayed as an overlay at the edges of the screen.
+ *
+ * [Live Demo](https://primevue.org/drawer)
+ *
+ * @module sidebarstyle
+ *
+ */
 import { DrawerStyle } from '../../drawer/style/DrawerStyle';
 
+export enum SidebarClasses {}
+
 export interface SidebarStyle extends DrawerStyle {}
diff --git a/components/lib/skeleton/style/SkeletonStyle.d.ts b/components/lib/skeleton/style/SkeletonStyle.d.ts
index 27a67ee07..077eaad79 100644
--- a/components/lib/skeleton/style/SkeletonStyle.d.ts
+++ b/components/lib/skeleton/style/SkeletonStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * Skeleton is a placeholder to display instead of the actual content.
+ *
+ * [Live Demo](https://www.primevue.org/skeleton/)
+ *
+ * @module skeletonstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum SkeletonClasses {
+    root = 'p-skeleton'
+}
+
 export interface SkeletonStyle extends BaseStyle {}
diff --git a/components/lib/slider/style/SliderStyle.d.ts b/components/lib/slider/style/SliderStyle.d.ts
index 6444808b3..8e64ce25c 100644
--- a/components/lib/slider/style/SliderStyle.d.ts
+++ b/components/lib/slider/style/SliderStyle.d.ts
@@ -1,3 +1,18 @@
+/**
+ *
+ * Slider is a component to provide input with a drag handle.
+ *
+ * [Live Demo](https://www.primevue.org/slider/)
+ *
+ * @module sliderstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum SliderClasses {
+    root = 'p-slider',
+    range = 'p-slider-range',
+    handle = 'p-slider-handle'
+}
+
 export interface SliderStyle extends BaseStyle {}
diff --git a/components/lib/speeddial/style/SpeedDialStyle.d.ts b/components/lib/speeddial/style/SpeedDialStyle.d.ts
index 2c6d7405d..fb2a32d2a 100644
--- a/components/lib/speeddial/style/SpeedDialStyle.d.ts
+++ b/components/lib/speeddial/style/SpeedDialStyle.d.ts
@@ -1,3 +1,22 @@
+/**
+ *
+ * When pressed, a floating action button can display multiple primary actions that can be performed on a page.
+ *
+ * [Live Demo](https://www.primevue.org/speeddial/)
+ *
+ * @module speeddialstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum SpeedDialClasses {
+    root = 'p-speeddial',
+    pcButton = 'p-speeddial-button',
+    list = 'p-speeddial-list',
+    item = 'p-speeddial-item',
+    action = 'p-speeddial-action',
+    actionIcon = 'p-speeddial-action-icon',
+    mask = 'p-speeddial-mask'
+}
+
 export interface SpeedDialStyle extends BaseStyle {}
diff --git a/components/lib/splitbutton/style/SplitButtonStyle.d.ts b/components/lib/splitbutton/style/SplitButtonStyle.d.ts
index a2aa74e2d..77f645b11 100644
--- a/components/lib/splitbutton/style/SplitButtonStyle.d.ts
+++ b/components/lib/splitbutton/style/SplitButtonStyle.d.ts
@@ -1,3 +1,18 @@
+/**
+ *
+ * SplitButton groups a set of commands in an overlay with a default command.
+ *
+ * [Live Demo](https://www.primevue.org/splitbutton/)
+ *
+ * @module splitbuttonstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum SplitButtonClasses {
+    root = 'p-splitbutton',
+    pcButton = 'p-splitbutton-button',
+    pcDropdown = 'p-splitbutton-dropdown'
+}
+
 export interface SplitButtonStyle extends BaseStyle {}
diff --git a/components/lib/splitter/style/SplitterStyle.d.ts b/components/lib/splitter/style/SplitterStyle.d.ts
index 414c299d5..43d60b75d 100644
--- a/components/lib/splitter/style/SplitterStyle.d.ts
+++ b/components/lib/splitter/style/SplitterStyle.d.ts
@@ -1,3 +1,18 @@
+/**
+ *
+ * Splitter is utilized to separate and resize panels.
+ *
+ * [Live Demo](https://www.primevue.org/splitter/)
+ *
+ * @module splitterstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum SplitterClasses {
+    root = 'p-splitter',
+    gutter = 'p-splitter-gutter',
+    gutterHandle = 'p-splitter-gutter-handle'
+}
+
 export interface SplitterStyle extends BaseStyle {}
diff --git a/components/lib/splitterpanel/style/SplitterPanelStyle.d.ts b/components/lib/splitterpanel/style/SplitterPanelStyle.d.ts
index 8f833d049..6b37f7469 100644
--- a/components/lib/splitterpanel/style/SplitterPanelStyle.d.ts
+++ b/components/lib/splitterpanel/style/SplitterPanelStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * SplitterPanel is a helper component for Splitter component.
+ *
+ * [Live Demo](https://www.primevue.org/splitter/)
+ *
+ * @module splitterpanelstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum SplitterPanelClasses {
+    root = 'p-splitter-panel'
+}
+
 export interface SplitterPanelStyle extends BaseStyle {}
diff --git a/components/lib/stepper/style/StepperStyle.d.ts b/components/lib/stepper/style/StepperStyle.d.ts
index 91b9eb2ff..389973faa 100644
--- a/components/lib/stepper/style/StepperStyle.d.ts
+++ b/components/lib/stepper/style/StepperStyle.d.ts
@@ -1,3 +1,26 @@
+/**
+ *
+ * Stepper is a component that streamlines a wizard-like workflow, organizing content into coherent steps and visually guiding users through a numbered progression in a multi-step process.
+ *
+ * [Live Demo](https://www.primevue.org/stepper/)
+ *
+ * @module stepperstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum StepperClasses {
+    root = 'p-stepper',
+    list = 'p-stepper-list',
+    stepperItem = 'p-stepper-item',
+    stepperItemHeader = 'p-stepper-item-header',
+    stepperItemNumber = 'p-stepper-item-number',
+    stepperItemTitle = 'p-stepper-item-title',
+    stepperSeparator = 'p-stepper-separator',
+    stepperPanelContentContainer = 'p-stepper-panel-content-container',
+    stepperPanelContent = 'p-stepper-panel-content',
+    panels = 'p-stepper-panels',
+    panel = 'p-stepper-panel'
+}
+
 export interface StepperStyle extends BaseStyle {}
diff --git a/components/lib/stepperpanel/style/StepperPanelStyle.d.ts b/components/lib/stepperpanel/style/StepperPanelStyle.d.ts
index 7738f1455..f61f27dc4 100644
--- a/components/lib/stepperpanel/style/StepperPanelStyle.d.ts
+++ b/components/lib/stepperpanel/style/StepperPanelStyle.d.ts
@@ -1,3 +1,14 @@
+/**
+ *
+ * StepperPanel is a helper component for Stepper component.
+ *
+ * [Live Demo](https://www.primevue.org/stepper/)
+ *
+ * @module stepperpanelstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum StepperPanelClasses {}
+
 export interface StepperPanelStyle extends BaseStyle {}
diff --git a/components/lib/steps/style/StepsStyle.d.ts b/components/lib/steps/style/StepsStyle.d.ts
index b94f5e829..1389e7695 100644
--- a/components/lib/steps/style/StepsStyle.d.ts
+++ b/components/lib/steps/style/StepsStyle.d.ts
@@ -1,3 +1,21 @@
+/**
+ *
+ * Steps components is an indicator for the steps in a wizard workflow. Example below uses nested routes with Steps.
+ *
+ * [Live Demo](https://www.primevue.org/steps/)
+ *
+ * @module stepsstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum StepsClasses {
+    root = 'p-steps',
+    list = 'p-steps-list',
+    item = 'p-steps-item',
+    itemLink = 'p-steps-item-link',
+    itemNumber = 'p-steps-item-number',
+    itemLabel = 'p-steps-item-label'
+}
+
 export interface StepsStyle extends BaseStyle {}
diff --git a/components/lib/styleclass/StyleClass.d.ts b/components/lib/styleclass/StyleClass.d.ts
index 6241bf827..59a7d4d1a 100644
--- a/components/lib/styleclass/StyleClass.d.ts
+++ b/components/lib/styleclass/StyleClass.d.ts
@@ -5,6 +5,7 @@
  * [Live Demo](https://primevue.org/styleclass)
  *
  * @module styleclass
+ *
  */
 import { DirectiveBinding, ObjectDirective } from 'vue';
 import { DirectiveHooks } from '../basedirective';
diff --git a/components/lib/styleclass/style/StyleClassStyle.d.ts b/components/lib/styleclass/style/StyleClassStyle.d.ts
index 178660354..999cebfd8 100644
--- a/components/lib/styleclass/style/StyleClassStyle.d.ts
+++ b/components/lib/styleclass/style/StyleClassStyle.d.ts
@@ -1,3 +1,14 @@
+/**
+ *
+ * StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element.
+ *
+ * [Live Demo](https://primevue.org/styleclass)
+ *
+ * @module styleclassstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum StyleClassClasses {}
+
 export interface StyleClassStyle extends BaseStyle {}
diff --git a/components/lib/tab/style/TabStyle.d.ts b/components/lib/tab/style/TabStyle.d.ts
index 8c45afb8a..ead51f61b 100644
--- a/components/lib/tab/style/TabStyle.d.ts
+++ b/components/lib/tab/style/TabStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * Tab is a helper component for Tabs component.
+ *
+ * [Live Demo](https://www.primevue.org/tabs/)
+ *
+ * @module tabstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum TabClasses {
+    root = 'p-tab'
+}
+
 export interface TabStyle extends BaseStyle {}
diff --git a/components/lib/tablist/style/TabListStyle.d.ts b/components/lib/tablist/style/TabListStyle.d.ts
index bc782dda2..077197080 100644
--- a/components/lib/tablist/style/TabListStyle.d.ts
+++ b/components/lib/tablist/style/TabListStyle.d.ts
@@ -1,3 +1,21 @@
+/**
+ *
+ * TabList is a helper component for Tabs component.
+ *
+ * [Live Demo](https://www.primevue.org/tabs/)
+ *
+ * @module tabliststyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum TabListClasses {
+    root = 'p-tablist',
+    content = 'p-tablist-content',
+    tabs = 'p-tablist-tab-list',
+    inkbar = 'p-tablist-active-bar',
+    previousButton = 'p-tablist-prev-button',
+    nextButton = 'p-tablist-next-button'
+}
+
 export interface TabListStyle extends BaseStyle {}
diff --git a/components/lib/tabmenu/style/TabMenuStyle.d.ts b/components/lib/tabmenu/style/TabMenuStyle.d.ts
index ce8d83750..68837d35d 100644
--- a/components/lib/tabmenu/style/TabMenuStyle.d.ts
+++ b/components/lib/tabmenu/style/TabMenuStyle.d.ts
@@ -1,3 +1,22 @@
+/**
+ *
+ * TabMenu is a navigation component that displays items as tab headers. Example below uses nested routes with TabMenu.
+ *
+ * [Live Demo](https://www.primevue.org/tabmenu/)
+ *
+ * @module tabmenustyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum TabMenuClasses {
+    root = 'p-tabmenu',
+    tablist = 'p-tabmenu-tablist',
+    item = 'p-tabmenu-item',
+    itemLink = 'p-tabmenu-item-link',
+    itemIcon = 'p-tabmenu-item-icon',
+    itemLabel = 'p-tabmenu-item-label',
+    inkbar = 'p-tabmenu-ink-bar'
+}
+
 export interface TabMenuStyle extends BaseStyle {}
diff --git a/components/lib/tabpanel/style/TabPanelStyle.d.ts b/components/lib/tabpanel/style/TabPanelStyle.d.ts
index 485c67062..4480c91a3 100644
--- a/components/lib/tabpanel/style/TabPanelStyle.d.ts
+++ b/components/lib/tabpanel/style/TabPanelStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * TabPanel is a helper component for Tabs component.
+ *
+ * [Live Demo](https://www.primevue.org/tabs/)
+ *
+ * @module tabpanelstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum TabPanelClasses {
+    root = 'p-tabpanel'
+}
+
 export interface TabPanelStyle extends BaseStyle {}
diff --git a/components/lib/tabpanels/style/TabPanelsStyle.d.ts b/components/lib/tabpanels/style/TabPanelsStyle.d.ts
index 1145d89f0..c3968dea4 100644
--- a/components/lib/tabpanels/style/TabPanelsStyle.d.ts
+++ b/components/lib/tabpanels/style/TabPanelsStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * TabPanels is a helper component for Tabs component.
+ *
+ * [Live Demo](https://www.primevue.org/tabs/)
+ *
+ * @module tabpanelsstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum TabPanelsClasses {
+    root = 'p-tabpanels'
+}
+
 export interface TabPanelsStyle extends BaseStyle {}
diff --git a/components/lib/tabs/style/TabsStyle.d.ts b/components/lib/tabs/style/TabsStyle.d.ts
index a15edfce2..6d061bd31 100644
--- a/components/lib/tabs/style/TabsStyle.d.ts
+++ b/components/lib/tabs/style/TabsStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * Tabs facilitates seamless switching between different views.
+ *
+ * [Live Demo](https://www.primevue.org/tabs/)
+ *
+ * @module tabs
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum TabsClasses {
+    root = 'p-tabs'
+}
+
 export interface TabsStyle extends BaseStyle {}
diff --git a/components/lib/tabview/style/TabViewStyle.d.ts b/components/lib/tabview/style/TabViewStyle.d.ts
index 4ae8bb477..f5846c2c4 100644
--- a/components/lib/tabview/style/TabViewStyle.d.ts
+++ b/components/lib/tabview/style/TabViewStyle.d.ts
@@ -1,3 +1,28 @@
+/**
+ * @deprecated since v4. Use Tabs component instead.
+ *
+ * TabView is a container component to group content with tabs.
+ *
+ * [Live Demo](https://www.primevue.org/tabview/)
+ *
+ * @module tabview
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum TabViewClasses {
+    root = 'p-tabview',
+    navContainer = 'p-tabview-tablist-container',
+    previousButton = 'p-tabview-prev-button',
+    navContent = 'p-tabview-tablist-scroll-container',
+    nav = 'p-tabview-tablist',
+    tabHeader = 'p-tabview-tablist-item',
+    tabHeaderAction = 'p-tabview-tab-header',
+    tabHeaderTitle = 'p-tabview-tab-title',
+    tabContent = 'p-tabview-panel',
+    inkbar = 'p-tabview-ink-bar',
+    nextButton = 'p-tabview-next-button',
+    panelContainer = 'p-tabview-panels'
+}
+
 export interface TabViewStyle extends BaseStyle {}
diff --git a/components/lib/tag/style/TagStyle.d.ts b/components/lib/tag/style/TagStyle.d.ts
index 7c8bc8e1e..52868be5b 100644
--- a/components/lib/tag/style/TagStyle.d.ts
+++ b/components/lib/tag/style/TagStyle.d.ts
@@ -1,3 +1,18 @@
+/**
+ *
+ * Tag component is used to categorize content.
+ *
+ * [Live Demo](https://www.primevue.org/tag)
+ *
+ * @module tagstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum TagClasses {
+    root = 'p-tag',
+    icon = 'p-tag-icon',
+    label = 'p-tag-label'
+}
+
 export interface TagStyle extends BaseStyle {}
diff --git a/components/lib/terminal/style/TerminalStyle.d.ts b/components/lib/terminal/style/TerminalStyle.d.ts
index aa07ebc51..c9ebddd53 100644
--- a/components/lib/terminal/style/TerminalStyle.d.ts
+++ b/components/lib/terminal/style/TerminalStyle.d.ts
@@ -1,3 +1,24 @@
+/**
+ *
+ * Terminal is a text based user interface.
+ *
+ * [Live Demo](https://www.primevue.org/terminal)
+ *
+ * @module terminalstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum TerminalClasses {
+    root = 'p-terminal',
+    welcomeMessage = 'p-terminal-welcome-message',
+    commandList = 'p-terminal-command-list',
+    command = 'p-terminal-command',
+    commandValue = 'p-terminal-command-value',
+    commandResponse = 'p-terminal-command-response',
+    prompt = 'p-terminal-prompt',
+    promptLabel = 'p-terminal-prompt-label',
+    promptValue = 'p-terminal-prompt-value'
+}
+
 export interface TerminalStyle extends BaseStyle {}
diff --git a/components/lib/textarea/style/TextareaStyle.d.ts b/components/lib/textarea/style/TextareaStyle.d.ts
index 851c2ac32..03664db93 100644
--- a/components/lib/textarea/style/TextareaStyle.d.ts
+++ b/components/lib/textarea/style/TextareaStyle.d.ts
@@ -1,3 +1,16 @@
+/**
+ *
+ * Textarea is a multi-line text input element.
+ *
+ * [Live Demo](https://www.primevue.org/textarea/)
+ *
+ * @module textareastyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum TextareaClasses {
+    root = 'p-inputtextarea'
+}
+
 export interface TextareaStyle extends BaseStyle {}
diff --git a/components/lib/tieredmenu/style/TieredMenuStyle.d.ts b/components/lib/tieredmenu/style/TieredMenuStyle.d.ts
index e09d03d02..beb11e52e 100644
--- a/components/lib/tieredmenu/style/TieredMenuStyle.d.ts
+++ b/components/lib/tieredmenu/style/TieredMenuStyle.d.ts
@@ -1,3 +1,27 @@
+/**
+ *
+ * TieredMenu displays submenus in nested overlays.
+ *
+ * [Live Demo](https://www.primevue.org/menu/)
+ *
+ * @module tieredmenustyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum TieredMenuClasses {
+    root = 'p-tieredmenu',
+    start = 'p-tieredmenu-start',
+    rootList = 'p-tieredmenu-root-list',
+    item = 'p-tieredmenu-item',
+    itemContent = 'p-tieredmenu-item-content',
+    itemLink = 'p-tieredmenu-item-link',
+    itemIcon = 'p-tieredmenu-item-icon',
+    itemLabel = 'p-tieredmenu-item-label',
+    submenuIcon = 'p-tieredmenu-submenu-icon',
+    submenu = 'p-tieredmenu-submenu',
+    separator = 'p-tieredmenu-separator',
+    end = 'p-tieredmenu-end'
+}
+
 export interface TieredMenuStyle extends BaseStyle {}
diff --git a/components/lib/timeline/Timeline.d.ts b/components/lib/timeline/Timeline.d.ts
index bfb83710d..4840bba08 100644
--- a/components/lib/timeline/Timeline.d.ts
+++ b/components/lib/timeline/Timeline.d.ts
@@ -5,6 +5,7 @@
  * [Live Demo](https://primevue.org/timeline)
  *
  * @module timeline
+ *
  */
 import { VNode } from 'vue';
 import { ComponentHooks } from '../basecomponent';
diff --git a/components/lib/timeline/style/TimelineStyle.d.ts b/components/lib/timeline/style/TimelineStyle.d.ts
index 0c00b0908..1d1039a97 100644
--- a/components/lib/timeline/style/TimelineStyle.d.ts
+++ b/components/lib/timeline/style/TimelineStyle.d.ts
@@ -1,3 +1,22 @@
+/**
+ *
+ * Timeline visualizes a series of chained events.
+ *
+ * [Live Demo](https://primevue.org/timeline)
+ *
+ * @module timelinestyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum TimelineClasses {
+    root = 'p-timeline',
+    event = 'p-timeline-event',
+    eventOpposite = 'p-timeline-event-opposite',
+    eventSeparator = 'p-timeline-event-separator',
+    eventMarker = 'p-timeline-event-marker',
+    eventConnector = 'p-timeline-event-connector',
+    eventContent = 'p-timeline-event-content'
+}
+
 export interface TimelineStyle extends BaseStyle {}
diff --git a/components/lib/toast/style/ToastStyle.d.ts b/components/lib/toast/style/ToastStyle.d.ts
index d94d1bee6..6930e31d1 100644
--- a/components/lib/toast/style/ToastStyle.d.ts
+++ b/components/lib/toast/style/ToastStyle.d.ts
@@ -1,3 +1,24 @@
+/**
+ *
+ * Toast is used to display messages in an overlay.
+ *
+ * [Live Demo](https://www.primevue.org/toast/)
+ *
+ * @module toaststyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ToastClasses {
+    root = 'p-toast',
+    message = 'p-toast-message',
+    messageContent = 'p-toast-message-content',
+    messageIcon = 'p-toast-message-icon',
+    messageText = 'p-toast-message-text',
+    summary = 'p-toast-summary',
+    detail = 'p-toast-detail',
+    closeButton = 'p-toast-close-button',
+    closeIcon = 'p-toast-close-icon'
+}
+
 export interface ToastStyle extends BaseStyle {}
diff --git a/components/lib/togglebutton/style/ToggleButtonStyle.d.ts b/components/lib/togglebutton/style/ToggleButtonStyle.d.ts
index b4117eeb1..b0df99d30 100644
--- a/components/lib/togglebutton/style/ToggleButtonStyle.d.ts
+++ b/components/lib/togglebutton/style/ToggleButtonStyle.d.ts
@@ -1,3 +1,18 @@
+/**
+ *
+ * ToggleButton is used to select a boolean value using a button.
+ *
+ * [Live Demo](https://www.primevue.org/togglebutton/)
+ *
+ * @module togglebuttonstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ToggleButtonClasses {
+    root = 'p-togglebutton',
+    icon = 'p-togglebutton-icon',
+    label = 'p-togglebutton-label'
+}
+
 export interface ToggleButtonStyle extends BaseStyle {}
diff --git a/components/lib/toggleswitch/style/ToggleSwitchStyle.d.ts b/components/lib/toggleswitch/style/ToggleSwitchStyle.d.ts
index 57ba142a6..18495ac12 100644
--- a/components/lib/toggleswitch/style/ToggleSwitchStyle.d.ts
+++ b/components/lib/toggleswitch/style/ToggleSwitchStyle.d.ts
@@ -1,3 +1,18 @@
+/**
+ *
+ * ToggleSwitch is used to select a boolean value.
+ *
+ * [Live Demo](https://www.primevue.org/toggleswitch/)
+ *
+ * @module toggleswitchstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ToggleSwitchClasses {
+    root = 'p-toggleswitch',
+    input = 'p-toggleswitch-input',
+    slider = 'p-toggleswitch-slider'
+}
+
 export interface ToggleSwitchStyle extends BaseStyle {}
diff --git a/components/lib/toolbar/style/ToolbarStyle.d.ts b/components/lib/toolbar/style/ToolbarStyle.d.ts
index ec214266b..fe799ad4e 100644
--- a/components/lib/toolbar/style/ToolbarStyle.d.ts
+++ b/components/lib/toolbar/style/ToolbarStyle.d.ts
@@ -1,3 +1,19 @@
+/**
+ *
+ * Toolbar is a grouping component for buttons and other content.
+ *
+ * [Live Demo](https://www.primevue.org/toolbar/)
+ *
+ * @module toolbarstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum ToolbarClasses {
+    root = 'p-toolbar',
+    start = 'p-toolbar-start',
+    center = 'p-toolbar-center',
+    end = 'p-toolbar-end'
+}
+
 export interface ToolbarStyle extends BaseStyle {}
diff --git a/components/lib/tooltip/style/TooltipStyle.d.ts b/components/lib/tooltip/style/TooltipStyle.d.ts
index a3ceef171..60e388825 100644
--- a/components/lib/tooltip/style/TooltipStyle.d.ts
+++ b/components/lib/tooltip/style/TooltipStyle.d.ts
@@ -1,3 +1,18 @@
+/**
+ *
+ * Tooltip directive provides advisory information for a component.
+ *
+ * [Live Demo](https://primevue.org/tooltip)
+ *
+ * @module tooltipstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum TooltipClasses {
+    root = 'p-tooltip',
+    arrow = 'p-tooltip-arrow',
+    text = 'p-tooltip-text'
+}
+
 export interface TooltipStyle extends BaseStyle {}
diff --git a/components/lib/tree/style/TreeStyle.d.ts b/components/lib/tree/style/TreeStyle.d.ts
index 40b8b94a2..3eb06fedc 100644
--- a/components/lib/tree/style/TreeStyle.d.ts
+++ b/components/lib/tree/style/TreeStyle.d.ts
@@ -1,3 +1,30 @@
+/**
+ *
+ * Tree is used to display hierarchical data.
+ *
+ * [Live Demo](https://www.primevue.org/tree/)
+ *
+ * @module treestyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum TreeClasses {
+    root = 'p-tree',
+    mask = 'p-tree-mask',
+    loadingIcon = 'p-tree-loading-icon',
+    pcFilterInput = 'p-tree-filter-input',
+    wrapper = 'p-tree-root',
+    rootChildren = 'p-tree-root-children',
+    node = 'p-tree-node',
+    nodeContent = 'p-tree-node-content',
+    nodeToggleButton = 'p-tree-node-toggle-button',
+    nodeToggleIcon = 'p-tree-node-toggle-icon',
+    nodeTogglerIcon = 'p-tree-node-toggler-icon',
+    nodeCheckbox = 'p-tree-node-checkbox',
+    nodeIcon = 'p-tree-node-icon',
+    nodeLabel = 'p-tree-node-label',
+    nodeChildren = 'p-tree-node-children'
+}
+
 export interface TreeStyle extends BaseStyle {}
diff --git a/components/lib/treeselect/style/TreeSelectStyle.d.ts b/components/lib/treeselect/style/TreeSelectStyle.d.ts
index 75137c8cd..9f5d3c799 100644
--- a/components/lib/treeselect/style/TreeSelectStyle.d.ts
+++ b/components/lib/treeselect/style/TreeSelectStyle.d.ts
@@ -1,3 +1,25 @@
+/**
+ *
+ * TreeSelect is a form component to choose from hierarchical data.
+ *
+ * [Live Demo](https://www.primevue.org/treeselect/)
+ *
+ * @module treeselectstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum TreeSelectClasses {
+    root = 'p-treeselect',
+    labelContainer = 'p-treeselect-label-container',
+    label = 'p-treeselect-label',
+    chip = 'p-treeselect-chip',
+    pcChipLabel = 'p-treeselect-chip-label',
+    dropdown = 'p-treeselect-dropdown',
+    dropdownIcon = 'p-treeselect-dropdown-icon',
+    panel = 'p-treeselect-overlay',
+    treeContainer = 'p-treeselect-tree-container',
+    emptyMessage = 'p-treeselect-empty-message'
+}
+
 export interface TreeSelectStyle extends BaseStyle {}
diff --git a/components/lib/treetable/style/TreeTableStyle.d.ts b/components/lib/treetable/style/TreeTableStyle.d.ts
index 1cb3534bd..e3ba7569c 100644
--- a/components/lib/treetable/style/TreeTableStyle.d.ts
+++ b/components/lib/treetable/style/TreeTableStyle.d.ts
@@ -1,3 +1,36 @@
+/**
+ *
+ * TreeTable is used to display hierarchical data in tabular format.
+ *
+ * [Live Demo](https://www.primevue.org/treetable/)
+ *
+ * @module treetablestyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum TreeTableClasses {
+    root = 'p-treetable',
+    loading = 'p-treetable-loading',
+    mask = 'p-treetable-mask',
+    loadingIcon = 'p-treetable-loading-icon',
+    header = 'p-treetable-header',
+    paginator = 'p-treetable-paginator-[position]',
+    tableContainer = 'p-treetable-table-container',
+    table = 'p-treetable-table',
+    thead = 'p-treetable-thead',
+    columnResizer = 'p-treetable-column-resizer',
+    columnTitle = 'p-treetable-column-title',
+    sortIcon = 'p-treetable-sort-icon',
+    sortBadge = 'p-treetable-sort-badge',
+    tbody = 'p-treetable-tbody',
+    nodeToggleButton = 'p-treetable-node-toggle-button',
+    nodeToggleIcon = 'p-treetable-node-toggle-icon',
+    pcNodeCheckbox = 'p-treetable-node-checkbox',
+    emptyMessage = 'p-treetable-empty-message',
+    tfoot = 'p-treetable-tfoot',
+    footer = 'p-treetable-footer',
+    columnResizeIndicator = 'p-treetable-column-resize-indicator'
+}
+
 export interface TreeTableStyle extends BaseStyle {}
diff --git a/components/lib/virtualscroller/style/VirtualScrollerStyle.d.ts b/components/lib/virtualscroller/style/VirtualScrollerStyle.d.ts
index fb0886fb5..a677d6e0f 100644
--- a/components/lib/virtualscroller/style/VirtualScrollerStyle.d.ts
+++ b/components/lib/virtualscroller/style/VirtualScrollerStyle.d.ts
@@ -1,3 +1,14 @@
+/**
+ *
+ * VirtualScroller is a performant approach to handle huge data efficiently.
+ *
+ * [Live Demo](https://www.primevue.org/virtualscroller/)
+ *
+ * @module virtualscrollerstyle
+ *
+ */
 import { BaseStyle } from '../../base/style';
 
+export enum VirtualScrollerClasses {}
+
 export interface VirtualScrollerStyle extends BaseStyle {}
diff --git a/doc/badge/theming/StyledDoc.vue b/doc/badge/theming/StyledDoc.vue
index 2c1a9c069..9dbeea1d2 100644
--- a/doc/badge/theming/StyledDoc.vue
+++ b/doc/badge/theming/StyledDoc.vue
@@ -33,7 +33,7 @@
                 </tr>
                 <tr>
                     <td>p-badge-warn</td>
-                    <td>Badge element with warning severity.</td>
+                    <td>Badge element with warn severity.</td>
                 </tr>
                 <tr>
                     <td>p-badge-danger</td>
diff --git a/doc/button/OutlinedDoc.vue b/doc/button/OutlinedDoc.vue
index 5f96144f5..8872919ed 100644
--- a/doc/button/OutlinedDoc.vue
+++ b/doc/button/OutlinedDoc.vue
@@ -7,7 +7,7 @@
         <Button label="Secondary" severity="secondary" outlined />
         <Button label="Success" severity="success" outlined />
         <Button label="Info" severity="info" outlined />
-        <Button label="Warning" severity="warn" outlined />
+        <Button label="Warn" severity="warn" outlined />
         <Button label="Help" severity="help" outlined />
         <Button label="Danger" severity="danger" outlined />
         <Button label="Contrast" severity="contrast" outlined />
@@ -25,7 +25,7 @@ export default {
 <Button label="Secondary" severity="secondary" outlined />
 <Button label="Success" severity="success" outlined />
 <Button label="Info" severity="info" outlined />
-<Button label="Warning" severity="warn" outlined />
+<Button label="Warn" severity="warn" outlined />
 <Button label="Help" severity="help" outlined />
 <Button label="Danger" severity="danger" outlined />
 <Button label="Contrast" severity="contrast" outlined />
@@ -37,7 +37,7 @@ export default {
         <Button label="Secondary" severity="secondary" outlined />
         <Button label="Success" severity="success" outlined />
         <Button label="Info" severity="info" outlined />
-        <Button label="Warning" severity="warn" outlined />
+        <Button label="Warn" severity="warn" outlined />
         <Button label="Help" severity="help" outlined />
         <Button label="Danger" severity="danger" outlined />
         <Button label="Contrast" severity="contrast" outlined />
@@ -54,7 +54,7 @@ export default {
         <Button label="Secondary" severity="secondary" outlined />
         <Button label="Success" severity="success" outlined />
         <Button label="Info" severity="info" outlined />
-        <Button label="Warning" severity="warn" outlined />
+        <Button label="Warn" severity="warn" outlined />
         <Button label="Help" severity="help" outlined />
         <Button label="Danger" severity="danger" outlined />
         <Button label="Contrast" severity="contrast" outlined />
diff --git a/doc/button/RaisedDoc.vue b/doc/button/RaisedDoc.vue
index fa542c4de..787bddbb8 100644
--- a/doc/button/RaisedDoc.vue
+++ b/doc/button/RaisedDoc.vue
@@ -7,7 +7,7 @@
         <Button label="Secondary" severity="secondary" raised />
         <Button label="Success" severity="success" raised />
         <Button label="Info" severity="info" raised />
-        <Button label="Warning" severity="warn" raised />
+        <Button label="Warn" severity="warn" raised />
         <Button label="Help" severity="help" raised />
         <Button label="Danger" severity="danger" raised />
         <Button label="Contrast" severity="contrast" raised />
@@ -25,7 +25,7 @@ export default {
 <Button label="Secondary" severity="secondary" raised />
 <Button label="Success" severity="success" raised />
 <Button label="Info" severity="info" raised />
-<Button label="Warning" severity="warn" raised />
+<Button label="Warn" severity="warn" raised />
 <Button label="Help" severity="help" raised />
 <Button label="Danger" severity="danger" raised />
 <Button label="Contrast" severity="contrast" raised />
@@ -37,7 +37,7 @@ export default {
         <Button label="Secondary" severity="secondary" raised />
         <Button label="Success" severity="success" raised />
         <Button label="Info" severity="info" raised />
-        <Button label="Warning" severity="warn" raised />
+        <Button label="Warn" severity="warn" raised />
         <Button label="Help" severity="help" raised />
         <Button label="Danger" severity="danger" raised />
         <Button label="Contrast" severity="contrast" raised />
@@ -54,7 +54,7 @@ export default {
         <Button label="Secondary" severity="secondary" raised />
         <Button label="Success" severity="success" raised />
         <Button label="Info" severity="info" raised />
-        <Button label="Warning" severity="warn" raised />
+        <Button label="Warn" severity="warn" raised />
         <Button label="Help" severity="help" raised />
         <Button label="Danger" severity="danger" raised />
         <Button label="Contrast" severity="contrast" raised />
diff --git a/doc/button/RaisedTextDoc.vue b/doc/button/RaisedTextDoc.vue
index 66d01c5ea..f4d3868a1 100644
--- a/doc/button/RaisedTextDoc.vue
+++ b/doc/button/RaisedTextDoc.vue
@@ -7,7 +7,7 @@
         <Button label="Secondary" severity="secondary" text raised />
         <Button label="Success" severity="success" text raised />
         <Button label="Info" severity="info" text raised />
-        <Button label="Warning" severity="warn" text raised />
+        <Button label="Warn" severity="warn" text raised />
         <Button label="Help" severity="help" text raised />
         <Button label="Danger" severity="danger" text raised />
         <Button label="Plain" plain text raised />
@@ -25,7 +25,7 @@ export default {
 <Button label="Secondary" severity="secondary" text raised />
 <Button label="Success" severity="success" text raised />
 <Button label="Info" severity="info" text raised />
-<Button label="Warning" severity="warn" text raised />
+<Button label="Warn" severity="warn" text raised />
 <Button label="Help" severity="help" text raised />
 <Button label="Danger" severity="danger" text raised />
 <Button label="Plain" plain text raised />
@@ -37,7 +37,7 @@ export default {
         <Button label="Secondary" severity="secondary" text raised />
         <Button label="Success" severity="success" text raised />
         <Button label="Info" severity="info" text raised />
-        <Button label="Warning" severity="warn" text raised />
+        <Button label="Warn" severity="warn" text raised />
         <Button label="Help" severity="help" text raised />
         <Button label="Danger" severity="danger" text raised />
         <Button label="Plain" plain text raised />
@@ -54,7 +54,7 @@ export default {
         <Button label="Secondary" severity="secondary" text raised />
         <Button label="Success" severity="success" text raised />
         <Button label="Info" severity="info" text raised />
-        <Button label="Warning" severity="warn" text raised />
+        <Button label="Warn" severity="warn" text raised />
         <Button label="Help" severity="help" text raised />
         <Button label="Danger" severity="danger" text raised />
         <Button label="Plain" plain text raised />
diff --git a/doc/button/RoundedDoc.vue b/doc/button/RoundedDoc.vue
index fe78e425d..3abdabe68 100644
--- a/doc/button/RoundedDoc.vue
+++ b/doc/button/RoundedDoc.vue
@@ -7,7 +7,7 @@
         <Button label="Secondary" severity="secondary" rounded />
         <Button label="Success" severity="success" rounded />
         <Button label="Info" severity="info" rounded />
-        <Button label="Warning" severity="warn" rounded />
+        <Button label="Warn" severity="warn" rounded />
         <Button label="Help" severity="help" rounded />
         <Button label="Danger" severity="danger" rounded />
         <Button label="Contrast" severity="contrast" rounded />
@@ -25,7 +25,7 @@ export default {
 <Button label="Secondary" severity="secondary" rounded />
 <Button label="Success" severity="success" rounded />
 <Button label="Info" severity="info" rounded />
-<Button label="Warning" severity="warn" rounded />
+<Button label="Warn" severity="warn" rounded />
 <Button label="Help" severity="help" rounded />
 <Button label="Danger" severity="danger" rounded />
 <Button label="Contrast" severity="contrast" rounded />
@@ -37,7 +37,7 @@ export default {
         <Button label="Secondary" severity="secondary" rounded />
         <Button label="Success" severity="success" rounded />
         <Button label="Info" severity="info" rounded />
-        <Button label="Warning" severity="warn" rounded />
+        <Button label="Warn" severity="warn" rounded />
         <Button label="Help" severity="help" rounded />
         <Button label="Danger" severity="danger" rounded />
         <Button label="Contrast" severity="contrast" rounded />
@@ -54,7 +54,7 @@ export default {
         <Button label="Secondary" severity="secondary" rounded />
         <Button label="Success" severity="success" rounded />
         <Button label="Info" severity="info" rounded />
-        <Button label="Warning" severity="warn" rounded />
+        <Button label="Warn" severity="warn" rounded />
         <Button label="Help" severity="help" rounded />
         <Button label="Danger" severity="danger" rounded />
         <Button label="Contrast" severity="contrast" rounded />
diff --git a/doc/button/SeverityDoc.vue b/doc/button/SeverityDoc.vue
index f91f91fd0..b2d1bdfed 100644
--- a/doc/button/SeverityDoc.vue
+++ b/doc/button/SeverityDoc.vue
@@ -7,7 +7,7 @@
         <Button label="Secondary" severity="secondary" />
         <Button label="Success" severity="success" />
         <Button label="Info" severity="info" />
-        <Button label="Warning" severity="warn" />
+        <Button label="Warn" severity="warn" />
         <Button label="Help" severity="help" />
         <Button label="Danger" severity="danger" />
         <Button label="Contrast" severity="contrast" />
@@ -25,7 +25,7 @@ export default {
 <Button label="Secondary" severity="secondary" />
 <Button label="Success" severity="success" />
 <Button label="Info" severity="info" />
-<Button label="Warning" severity="warn" />
+<Button label="Warn" severity="warn" />
 <Button label="Help" severity="help" />
 <Button label="Danger" severity="danger" />
 <Button label="Contrast" severity="contrast" />
@@ -37,7 +37,7 @@ export default {
         <Button label="Secondary" severity="secondary" />
         <Button label="Success" severity="success" />
         <Button label="Info" severity="info" />
-        <Button label="Warning" severity="warn" />
+        <Button label="Warn" severity="warn" />
         <Button label="Help" severity="help" />
         <Button label="Danger" severity="danger" />
         <Button label="Contrast" severity="contrast" />
@@ -54,7 +54,7 @@ export default {
         <Button label="Secondary" severity="secondary" />
         <Button label="Success" severity="success" />
         <Button label="Info" severity="info" />
-        <Button label="Warning" severity="warn" />
+        <Button label="Warn" severity="warn" />
         <Button label="Help" severity="help" />
         <Button label="Danger" severity="danger" />
         <Button label="Contrast" severity="contrast" />
diff --git a/doc/button/TextDoc.vue b/doc/button/TextDoc.vue
index b00b8b515..b0e2b2aa3 100644
--- a/doc/button/TextDoc.vue
+++ b/doc/button/TextDoc.vue
@@ -7,7 +7,7 @@
         <Button label="Secondary" severity="secondary" text />
         <Button label="Success" severity="success" text />
         <Button label="Info" severity="info" text />
-        <Button label="Warning" severity="warn" text />
+        <Button label="Warn" severity="warn" text />
         <Button label="Help" severity="help" text />
         <Button label="Danger" severity="danger" text />
         <Button label="Plain" plain text />
@@ -25,7 +25,7 @@ export default {
 <Button label="Secondary" severity="secondary" text />
 <Button label="Success" severity="success" text />
 <Button label="Info" severity="info" text />
-<Button label="Warning" severity="warn" text />
+<Button label="Warn" severity="warn" text />
 <Button label="Help" severity="help" text />
 <Button label="Danger" severity="danger" text />
 <Button label="Plain" plain text />
@@ -37,7 +37,7 @@ export default {
         <Button label="Secondary" severity="secondary" text />
         <Button label="Success" severity="success" text />
         <Button label="Info" severity="info" text />
-        <Button label="Warning" severity="warn" text />
+        <Button label="Warn" severity="warn" text />
         <Button label="Help" severity="help" text />
         <Button label="Danger" severity="danger" text />
         <Button label="Plain" plain text />
@@ -54,7 +54,7 @@ export default {
         <Button label="Secondary" severity="secondary" text />
         <Button label="Success" severity="success" text />
         <Button label="Info" severity="info" text />
-        <Button label="Warning" severity="warn" text />
+        <Button label="Warn" severity="warn" text />
         <Button label="Help" severity="help" text />
         <Button label="Danger" severity="danger" text />
         <Button label="Plain" plain text />
diff --git a/doc/common/apidoc/index.json b/doc/common/apidoc/index.json
index 8b396c681..9586e6e9f 100644
--- a/doc/common/apidoc/index.json
+++ b/doc/common/apidoc/index.json
@@ -436,7 +436,8 @@
             }
         }
     },
-    "accordion/style/AccordionStyle": {
+    "accordionstyle": {
+        "description": "Accordion groups a collection of contents in tabs.\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.",
@@ -493,6 +494,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "AccordionClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-accordion\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "accordioncontent": {
@@ -709,7 +724,8 @@
             }
         }
     },
-    "accordioncontent/style/AccordionContentStyle": {
+    "accordioncontentstyle": {
+        "description": "AccordionContent is a helper component for Accordion component.\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.",
@@ -766,6 +782,26 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "AccordionContentClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-accordioncontent\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-accordioncontent-content\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "accordionheader": {
@@ -980,7 +1016,8 @@
             }
         }
     },
-    "accordionheader/style/AccordionHeaderStyle": {
+    "accordionheaderstyle": {
+        "description": "AccordionHeader is a helper component for Accordion component.\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.",
@@ -1037,6 +1074,26 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "AccordionHeaderClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-accordionheader\""
+                        },
+                        {
+                            "name": "toggleicon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-accordionheader-toggle-icon\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "accordionpanel": {
@@ -1251,7 +1308,8 @@
             }
         }
     },
-    "accordionpanel/style/AccordionPanelStyle": {
+    "accordionpanelstyle": {
+        "description": "AccordionPanel is a helper component for Accordion component.\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.",
@@ -1308,6 +1366,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "AccordionPanelClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-accordionpanel\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "accordiontab": {
@@ -1671,7 +1743,8 @@
             }
         }
     },
-    "accordiontab/style/AccordionTabStyle": {
+    "accordiontabstyle": {
+        "description": "",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -1728,6 +1801,13 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "AccordionTabClasses": {
+                    "members": []
+                }
+            }
         }
     },
     "animateonscroll": {
@@ -1842,7 +1922,8 @@
             }
         }
     },
-    "animateonscroll/style/AnimateOnScrollStyle": {
+    "animateonscrollstyle": {
+        "description": "AnimateOnScroll manages PrimeFlex CSS classes declaratively to during enter/leave animations on scroll or on page load.\n\n[Live Demo](https://primevue.org/animateonscroll)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -1899,6 +1980,13 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "AnimateOnScrollClasses": {
+                    "members": []
+                }
+            }
         }
     },
     "api/Api": {
@@ -5151,7 +5239,8 @@
             }
         }
     },
-    "autocomplete/style/AutoCompleteStyle": {
+    "autocompletestyle": {
+        "description": "AutoComplete is an input component that provides real-time suggestions while being typed.\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.",
@@ -5208,6 +5297,98 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "AutoCompleteClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-autocomplete\""
+                        },
+                        {
+                            "name": "pcInput",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-autocomplete-input\""
+                        },
+                        {
+                            "name": "inputMultiple",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-autocomplete-input-multiple\""
+                        },
+                        {
+                            "name": "chip",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-autocomplete-chip\""
+                        },
+                        {
+                            "name": "pcChipLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-autocomplete-chip-label\""
+                        },
+                        {
+                            "name": "chipIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-autocomplete-chip-icon\""
+                        },
+                        {
+                            "name": "inputChip",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-autocomplete-input-chip\""
+                        },
+                        {
+                            "name": "loader",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-autocomplete-loader\""
+                        },
+                        {
+                            "name": "dropdown",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-autocomplete-dropdown\""
+                        },
+                        {
+                            "name": "panel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-autocomplete-overlay\""
+                        },
+                        {
+                            "name": "list",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-autocomplete-list\""
+                        },
+                        {
+                            "name": "optionGroup",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-autocomplete-option-group\""
+                        },
+                        {
+                            "name": "option",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-autocomplete-option\""
+                        },
+                        {
+                            "name": "emptyMessage",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-autocomplete-empty-message\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "avatar": {
@@ -5479,7 +5660,8 @@
             }
         }
     },
-    "avatar/style/AvatarStyle": {
+    "avatarstyle": {
+        "description": "Avatar represents people using icons, labels and images.\n\n- [Live Demo](https://primevue.org/avatar)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -5536,6 +5718,32 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "AvatarClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-avatar\""
+                        },
+                        {
+                            "name": "label",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-avatar-label\""
+                        },
+                        {
+                            "name": "icon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-avatar-icon\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "avatargroup": {
@@ -5707,7 +5915,8 @@
             }
         }
     },
-    "avatargroup/style/AvatarGroupStyle": {
+    "avatargroupstyle": {
+        "description": "A set of Avatars can be displayed together using the AvatarGroup component.\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.",
@@ -5764,6 +5973,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "AvatarGroupClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-avatar-group\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "badge": {
@@ -5951,7 +6174,8 @@
             }
         }
     },
-    "badge/style/BadgeStyle": {
+    "badgestyle": {
+        "description": "Badge represents people using icons, labels and images.\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.",
@@ -6008,6 +6232,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "BadgeClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-badge\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "badgedirective": {
@@ -6260,7 +6498,8 @@
             }
         }
     },
-    "badgedirective/style/BadgeDirectiveStyle": {
+    "badgedirectivestyle": {
+        "description": "Badge directive is a small status indicator for another element.\n\n[Live Demo](https://primevue.org/badge)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -6317,9 +6556,24 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "BadgeDirectiveClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-badge\""
+                        }
+                    ]
+                }
+            }
         }
     },
-    "base/style/BaseStyle": {
+    "basestyle": {
+        "description": "[Live Demo](https://primevue.org/)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -6373,12 +6627,20 @@
                         }
                     ],
                     "methods": [],
-                    "extendedBy": "AccordionStyle,AccordionContentStyle,AccordionHeaderStyle,AccordionPanelStyle,AccordionTabStyle,AnimateOnScrollStyle,AutoCompleteStyle,AvatarStyle,AvatarGroupStyle,BadgeStyle,BadgeDirectiveStyle,BaseComponentStyle,BaseIconStyle,BlockUIStyle,BreadcrumbStyle,ButtonStyle,ButtonGroupStyle,CardStyle,CarouselStyle,CascadeSelectStyle,ChartStyle,CheckboxStyle,ChipStyle,ColorPickerStyle,ColumnStyle,ColumnGroupStyle,ConfirmDialogStyle,ConfirmPopupStyle,ContextMenuStyle,DataTableStyle,DataViewStyle,DatePickerStyle,DeferredContentStyle,DialogStyle,DividerStyle,DockStyle,DrawerStyle,DynamicDialogStyle,EditorStyle,FieldsetStyle,FileUploadStyle,FloatLabelStyle,FocusTrapStyle,GalleriaStyle,IconFieldStyle,ImageStyle,InlineMessageStyle,InplaceStyle,InputChipsStyle,InputGroupStyle,InputGroupAddonStyle,InputIconStyle,InputMaskStyle,InputNumberStyle,InputOtpStyle,InputTextStyle,KnobStyle,ListboxStyle,MegaMenuStyle,MenuStyle,MenubarStyle,MessageStyle,MeterGroupStyle,MultiSelectStyle,OrderListStyle,OrganizationChartStyle,PaginatorStyle,PanelStyle,PanelMenuStyle,PasswordStyle,PickListStyle,PopoverStyle,PortalStyle,ProgressBarStyle,ProgressSpinnerStyle,RadioButtonStyle,RatingStyle,AccordionStyle,RowStyle,ScrollPanelStyle,ScrollTopStyle,SelectStyle,SelectButtonStyle,SkeletonStyle,SliderStyle,SpeedDialStyle,SplitButtonStyle,SplitterStyle,SplitterPanelStyle,StepperStyle,StepperPanelStyle,StepsStyle,StyleClassStyle,TabStyle,TabListStyle,TabMenuStyle,TabPanelStyle,TabPanelsStyle,TabsStyle,TabViewStyle,TagStyle,TerminalStyle,TextareaStyle,TieredMenuStyle,TimelineStyle,ToastStyle,ToggleButtonStyle,ToggleSwitchStyle,ToolbarStyle,TooltipStyle,TreeStyle,TreeSelectStyle,TreeTableStyle,VirtualScrollerStyle"
+                    "extendedBy": "AccordionStyle,AccordionContentStyle,AccordionHeaderStyle,AccordionPanelStyle,AccordionTabStyle,AnimateOnScrollStyle,AutoCompleteStyle,AvatarStyle,AvatarGroupStyle,BadgeStyle,BadgeDirectiveStyle,BaseComponentStyle,BaseIconStyle,BlockUIStyle,BreadcrumbStyle,ButtonStyle,ButtonGroupStyle,CardStyle,CarouselStyle,CascadeSelectStyle,ChartStyle,CheckboxStyle,ChipStyle,ColorPickerStyle,ColumnStyle,ColumnGroupStyle,ConfirmDialogStyle,ConfirmPopupStyle,ContextMenuStyle,DataTableStyle,DataViewStyle,DatePickerStyle,DeferredContentStyle,DialogStyle,DividerStyle,DockStyle,DrawerStyle,DynamicDialogStyle,EditorStyle,FieldsetStyle,FileUploadStyle,FloatLabelStyle,FocusTrapStyle,GalleriaStyle,IconFieldStyle,ImageStyle,InlineMessageStyle,InplaceStyle,InputChipsStyle,InputGroupStyle,InputGroupAddonStyle,InputIconStyle,InputMaskStyle,InputNumberStyle,InputOtpStyle,InputTextStyle,KnobStyle,ListboxStyle,MegaMenuStyle,MenuStyle,MenubarStyle,MessageStyle,MeterGroupStyle,MultiSelectStyle,OrderListStyle,OrganizationChartStyle,PaginatorStyle,PanelStyle,PanelMenuStyle,PasswordStyle,PickListStyle,PopoverStyle,PortalStyle,ProgressBarStyle,ProgressSpinnerStyle,RadioButtonStyle,RatingStyle,RippleStyle,RowStyle,ScrollPanelStyle,ScrollTopStyle,SelectStyle,SelectButtonStyle,SkeletonStyle,SliderStyle,SpeedDialStyle,SplitButtonStyle,SplitterStyle,SplitterPanelStyle,StepperStyle,StepperPanelStyle,StepsStyle,StyleClassStyle,TabStyle,TabListStyle,TabMenuStyle,TabPanelStyle,TabPanelsStyle,TabsStyle,TabViewStyle,TagStyle,TerminalStyle,TextareaStyle,TieredMenuStyle,TimelineStyle,ToastStyle,ToggleButtonStyle,ToggleSwitchStyle,ToolbarStyle,TooltipStyle,TreeStyle,TreeSelectStyle,TreeTableStyle,VirtualScrollerStyle"
+                }
+            }
+        },
+        "enumerations": {
+            "values": {
+                "BaseClasses": {
+                    "members": []
                 }
             }
         }
     },
-    "basecomponent/BaseComponent": {
+    "basecomponent": {
+        "description": "[Live Demo](https://primevue.org/)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -6475,7 +6737,8 @@
             }
         }
     },
-    "basecomponent/style/BaseComponentStyle": {
+    "basecomponentstyle": {
+        "description": "[Live Demo](https://primevue.org/)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -6532,9 +6795,17 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "BaseComponentClasses": {
+                    "members": []
+                }
+            }
         }
     },
-    "basedirective/BaseDirective": {
+    "basedirective": {
+        "description": "[Live Demo](https://primevue.org/)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -6707,7 +6978,8 @@
             }
         }
     },
-    "baseicon/style/BaseIconStyle": {
+    "baseiconstyle": {
+        "description": "[Live Demo](https://primevue.org/)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -6764,6 +7036,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "BaseIconClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-icon\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "blockui": {
@@ -7011,7 +7297,8 @@
             }
         }
     },
-    "blockui/style/BlockUIStyle": {
+    "blockuistyle": {
+        "description": "BlockUI represents people using icons, labels and images.\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.",
@@ -7068,6 +7355,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "BlockUIClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-blockui\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "breadcrumb": {
@@ -7424,7 +7725,8 @@
             }
         }
     },
-    "breadcrumb/style/BreadcrumbStyle": {
+    "breadcrumbstyle": {
+        "description": "Breadcrumb provides contextual information about page hierarchy.\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.",
@@ -7481,6 +7783,62 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "BreadcrumbClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-breadcrumb\""
+                        },
+                        {
+                            "name": "list",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-breadcrumb-list\""
+                        },
+                        {
+                            "name": "homeItem",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-breadcrumb-home-item\""
+                        },
+                        {
+                            "name": "separator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-breadcrumb-separator\""
+                        },
+                        {
+                            "name": "item",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-breadcrumb-item\""
+                        },
+                        {
+                            "name": "itemLink",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-breadcrumb-item-link\""
+                        },
+                        {
+                            "name": "itemIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-breadcrumb-item-icon\""
+                        },
+                        {
+                            "name": "itemLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-breadcrumb-item-label\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "button": {
@@ -7878,7 +8236,8 @@
             }
         }
     },
-    "button/style/ButtonStyle": {
+    "buttonstyle": {
+        "description": "Button is an extension to standard button element with icons and theming.\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.",
@@ -7935,6 +8294,38 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ButtonClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-button\""
+                        },
+                        {
+                            "name": "loadingIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-button-loading-icon\""
+                        },
+                        {
+                            "name": "icon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-button-icon\""
+                        },
+                        {
+                            "name": "label",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-button-label\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "buttongroup": {
@@ -8090,7 +8481,8 @@
             }
         }
     },
-    "buttongroup/style/ButtonGroupStyle": {
+    "buttongroupstyle": {
+        "description": "A set of Buttons can be displayed together using the ButtonGroup component.\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.",
@@ -8147,6 +8539,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ButtonGroupClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-buttongroup\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "calendar": {
@@ -8378,6 +8784,14 @@
                             "default": "",
                             "description": "Used to pass attributes to the dropdown's DOM element."
                         },
+                        {
+                            "name": "dropdownIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "DatePickerPassThroughOptionType",
+                            "default": "",
+                            "description": "Used to pass attributes to the dropdown icon's DOM element."
+                        },
                         {
                             "name": "panel",
                             "optional": true,
@@ -9934,7 +10348,8 @@
             }
         }
     },
-    "calendar/style/CalendarStyle": {
+    "calendarstyle": {
+        "description": "Calendar also known as DatePicker, is a form component to work with dates.\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.",
@@ -9991,6 +10406,13 @@
                     "extendedTypes": "DatePickerStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "CalendarClasses": {
+                    "members": []
+                }
+            }
         }
     },
     "card": {
@@ -10234,7 +10656,8 @@
             }
         }
     },
-    "card/style/CardStyle": {
+    "cardstyle": {
+        "description": "Card is a flexible container component.\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.",
@@ -10291,6 +10714,62 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "CardClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-card\""
+                        },
+                        {
+                            "name": "header",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-card-header\""
+                        },
+                        {
+                            "name": "body",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-card-body\""
+                        },
+                        {
+                            "name": "caption",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-card-caption\""
+                        },
+                        {
+                            "name": "title",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-card-title\""
+                        },
+                        {
+                            "name": "subtitle",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-card-subtitle\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-card-content\""
+                        },
+                        {
+                            "name": "footer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-card-footer\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "carousel": {
@@ -10924,7 +11403,8 @@
             }
         }
     },
-    "carousel/style/CarouselStyle": {
+    "carouselstyle": {
+        "description": "Carousel is a content slider featuring various customization options.\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.",
@@ -10981,6 +11461,98 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "CarouselClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-carousel\""
+                        },
+                        {
+                            "name": "header",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-carousel-header\""
+                        },
+                        {
+                            "name": "contentContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-carousel-content-container\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-carousel-content\""
+                        },
+                        {
+                            "name": "pcPreviousButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-carousel-prev-button\""
+                        },
+                        {
+                            "name": "viewport",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-carousel-viewport\""
+                        },
+                        {
+                            "name": "itemList",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-carousel-item-list\""
+                        },
+                        {
+                            "name": "itemClone",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-carousel-item-clone\""
+                        },
+                        {
+                            "name": "item",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-carousel-item\""
+                        },
+                        {
+                            "name": "pcNextButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-carousel-next-button\""
+                        },
+                        {
+                            "name": "indicatorList",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-carousel-indicator-list\""
+                        },
+                        {
+                            "name": "indicator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-carousel-indicator\""
+                        },
+                        {
+                            "name": "indicatorButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-carousel-indicator-button\""
+                        },
+                        {
+                            "name": "footer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-carousel-footer\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "cascadeselect": {
@@ -11962,7 +12534,8 @@
             }
         }
     },
-    "cascadeselect/style/CascadeSelectStyle": {
+    "cascadeselectstyle": {
+        "description": "CascadeSelect is a form component to select a value from a nested structure of options.\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.",
@@ -12019,6 +12592,92 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "CascadeSelectClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-cascadeselect\""
+                        },
+                        {
+                            "name": "label",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-cascadeselect-label\""
+                        },
+                        {
+                            "name": "dropdown",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-cascadeselect-dropdown\""
+                        },
+                        {
+                            "name": "loadingIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-cascadeselect-loading-icon\""
+                        },
+                        {
+                            "name": "dropdownIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-cascadeselect-dropdown-icon\""
+                        },
+                        {
+                            "name": "overlay",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-cascadeselect-overlay\""
+                        },
+                        {
+                            "name": "listContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-cascadeselect-list-container\""
+                        },
+                        {
+                            "name": "list",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-cascadeselect-list\""
+                        },
+                        {
+                            "name": "item",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-cascadeselect-item\""
+                        },
+                        {
+                            "name": "itemContent",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-cascadeselect-item-content\""
+                        },
+                        {
+                            "name": "itemText",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-cascadeselect-item-text\""
+                        },
+                        {
+                            "name": "groupIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-cascadeselect-group-icon\""
+                        },
+                        {
+                            "name": "itemList",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-cascadeselect-item-list\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "chart": {
@@ -12329,7 +12988,8 @@
             }
         }
     },
-    "chart/style/ChartStyle": {
+    "chartstyle": {
+        "description": "Chart groups a collection of contents in tabs.\n\n[Live Demo](https://www.primevue.org/chart/)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -12386,6 +13046,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ChartClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-chart\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "checkbox": {
@@ -12837,7 +13511,8 @@
             }
         }
     },
-    "checkbox/style/CheckboxStyle": {
+    "checkboxstyle": {
+        "description": "Checkbox is an extension to standard checkbox element with theming.\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.",
@@ -12894,6 +13569,38 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "CheckboxClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-checkbox\""
+                        },
+                        {
+                            "name": "box",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-checkbox-box\""
+                        },
+                        {
+                            "name": "input",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-checkbox-input\""
+                        },
+                        {
+                            "name": "icon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-checkbox-icon\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "chip": {
@@ -13195,7 +13902,8 @@
             }
         }
     },
-    "chip/style/ChipStyle": {
+    "chipstyle": {
+        "description": "Chip represents people using icons, labels and images.\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.",
@@ -13252,6 +13960,44 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ChipClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-chip\""
+                        },
+                        {
+                            "name": "image",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-chip-image\""
+                        },
+                        {
+                            "name": "icon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-chip-icon\""
+                        },
+                        {
+                            "name": "label",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-chip-label\""
+                        },
+                        {
+                            "name": "removeIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-chip-remove-icon\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "chips": {
@@ -13795,7 +14541,8 @@
             }
         }
     },
-    "chips/style/ChipsStyle": {
+    "chipsstyle": {
+        "description": "Chips groups a collection of contents in tabs.\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.",
@@ -13852,6 +14599,13 @@
                     "extendedTypes": "InputChipsStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ChipsClasses": {
+                    "members": []
+                }
+            }
         }
     },
     "colorpicker": {
@@ -14255,7 +15009,8 @@
             }
         }
     },
-    "colorpicker/style/ColorPickerStyle": {
+    "colorpickerstyle": {
+        "description": "ColorPicker groups a collection of contents in tabs.\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.",
@@ -14312,6 +15067,62 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ColorPickerClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-colorpicker\""
+                        },
+                        {
+                            "name": "preview",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-colorpicker-preview\""
+                        },
+                        {
+                            "name": "panel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-colorpicker-panel\""
+                        },
+                        {
+                            "name": "colorSelector",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-colorpicker-color-selector\""
+                        },
+                        {
+                            "name": "colorBackground",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-colorpicker-color-background\""
+                        },
+                        {
+                            "name": "colorHandle",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-colorpicker-color-handle\""
+                        },
+                        {
+                            "name": "hue",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-colorpicker-hue\""
+                        },
+                        {
+                            "name": "hueHandle",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-colorpicker-hue-handle\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "column": {
@@ -15769,7 +16580,8 @@
             }
         }
     },
-    "column/style/ColumnStyle": {
+    "columnstyle": {
+        "description": "Column component defines various options to specify corresponding features.\nIt is a helper component for DataTable and TreeTable.\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.",
@@ -15826,6 +16638,13 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ColumnClasses": {
+                    "members": []
+                }
+            }
         }
     },
     "columngroup": {
@@ -16029,7 +16848,8 @@
             }
         }
     },
-    "columngroup/style/ColumnGroupStyle": {
+    "columngroupstyle": {
+        "description": "Columns can be grouped at header and footer sections by defining a ColumnGroup component.\nIt is a helper component for DataTable.\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.",
@@ -16086,6 +16906,13 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ColumnGroupClasses": {
+                    "members": []
+                }
+            }
         }
     },
     "config/PrimeVue": {
@@ -18401,7 +19228,8 @@
             }
         }
     },
-    "confirmdialog/style/ConfirmDialogStyle": {
+    "confirmdialogstyle": {
+        "description": "ConfirmDialog uses a Dialog UI with confirmDialog method or <ConfirmDialog> tag.\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.",
@@ -18458,6 +19286,44 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ConfirmDialogClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-confirmdialog\""
+                        },
+                        {
+                            "name": "icon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-confirmdialog-icon\""
+                        },
+                        {
+                            "name": "message",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-confirmdialog-message\""
+                        },
+                        {
+                            "name": "pcRejectButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-confirmdialog-reject-button\""
+                        },
+                        {
+                            "name": "pcAcceptButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-confirmdialog-accept-button\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "confirmpopup": {
@@ -18795,7 +19661,8 @@
             }
         }
     },
-    "confirmpopup/style/ConfirmPopupStyle": {
+    "confirmpopupstyle": {
+        "description": "ConfirmPopup displays a confirmation overlay displayed relatively to its target.\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.",
@@ -18852,6 +19719,56 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ConfirmPopupClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-confirmpopup\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-confirmpopup-content\""
+                        },
+                        {
+                            "name": "icon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-confirmpopup-icon\""
+                        },
+                        {
+                            "name": "message",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-confirmpopup-message\""
+                        },
+                        {
+                            "name": "footer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-confirmpopup-footer\""
+                        },
+                        {
+                            "name": "pcRejectButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-confirmpopup-reject-button\""
+                        },
+                        {
+                            "name": "pcAcceptButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-confirmpopup-accept-button\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "contextmenu": {
@@ -19482,7 +20399,8 @@
             }
         }
     },
-    "contextmenu/style/ContextMenuStyle": {
+    "contextmenustyle": {
+        "description": "ContextMenu displays an overlay menu on right click of its target. Note that components like DataTable has special integration with ContextMenu.\nRefer to documentation of the individual documentation of the with context menu support.\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.",
@@ -19539,6 +20457,74 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ContextMenuClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-contextmenu\""
+                        },
+                        {
+                            "name": "rootList",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-contextmenu-root-list\""
+                        },
+                        {
+                            "name": "item",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-contextmenu-item\""
+                        },
+                        {
+                            "name": "itemContent",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-contextmenu-item-content\""
+                        },
+                        {
+                            "name": "itemLink",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-contextmenu-item-link\""
+                        },
+                        {
+                            "name": "itemIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-contextmenu-item-icon\""
+                        },
+                        {
+                            "name": "itemLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-contextmenu-item-label\""
+                        },
+                        {
+                            "name": "submenuIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-contextmenu-submenu-icon\""
+                        },
+                        {
+                            "name": "submenu",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-contextmenu-submenu\""
+                        },
+                        {
+                            "name": "separator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-contextmenu-separator\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "datatable": {
@@ -20961,12 +21947,12 @@
                             "description": "Used to pass attributes to the root's DOM element."
                         },
                         {
-                            "name": "overlay",
+                            "name": "mask",
                             "optional": true,
                             "readonly": false,
                             "type": "DataTablePassThroughOptionType",
                             "default": "",
-                            "description": "Used to pass attributes to the overlay's DOM element."
+                            "description": "Used to pass attributes to the mask's DOM element."
                         },
                         {
                             "name": "loadingIcon",
@@ -22672,7 +23658,8 @@
             }
         }
     },
-    "datatable/style/DataTableStyle": {
+    "datatablestyle": {
+        "description": "DataTable displays data in tabular format.\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.",
@@ -22729,6 +23716,302 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "DataTableClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable\""
+                        },
+                        {
+                            "name": "mask",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-mask\""
+                        },
+                        {
+                            "name": "loadingIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-loading-icon\""
+                        },
+                        {
+                            "name": "header",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-header\""
+                        },
+                        {
+                            "name": "pcPaginator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-paginator-[position]\""
+                        },
+                        {
+                            "name": "tableContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-table-container\""
+                        },
+                        {
+                            "name": "table",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-table\""
+                        },
+                        {
+                            "name": "thead",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-thead\""
+                        },
+                        {
+                            "name": "columnResizer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-column-resizer\""
+                        },
+                        {
+                            "name": "columnHeaderContent",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-column-header-content\""
+                        },
+                        {
+                            "name": "columnTitle",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-column-title\""
+                        },
+                        {
+                            "name": "sortIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-sort-icon\""
+                        },
+                        {
+                            "name": "sortBadge",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-sort-badge\""
+                        },
+                        {
+                            "name": "filter",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-filter\""
+                        },
+                        {
+                            "name": "filterElementContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-filter-element-container\""
+                        },
+                        {
+                            "name": "pcColumnFilterButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-column-filter-button\""
+                        },
+                        {
+                            "name": "pcColumnFilterClearButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-column-filter-clear-button\""
+                        },
+                        {
+                            "name": "filterOverlay",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-filter-overlay\""
+                        },
+                        {
+                            "name": "filterConstraintList",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-filter-constraint-list\""
+                        },
+                        {
+                            "name": "filterConstraint",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-filter-constraint\""
+                        },
+                        {
+                            "name": "filterConstraintSeparator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-filter-constraint-separator\""
+                        },
+                        {
+                            "name": "filterOperator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-filter-operator\""
+                        },
+                        {
+                            "name": "pcFilterOperatorDropdown",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-filter-operator-dropdown\""
+                        },
+                        {
+                            "name": "filterRuleList",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-filter-rule-list\""
+                        },
+                        {
+                            "name": "filterRule",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-filter-rule\""
+                        },
+                        {
+                            "name": "pcFilterConstraintDropdown",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-filter-constraint-dropdown\""
+                        },
+                        {
+                            "name": "pcFilterRemoveRuleButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-filter-remove-rule-button\""
+                        },
+                        {
+                            "name": "pcFilterAddButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-column-filter-add-button\""
+                        },
+                        {
+                            "name": "filterButtonbar",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-filter-buttonbar\""
+                        },
+                        {
+                            "name": "pcFilterClearButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-filter-clear-button\""
+                        },
+                        {
+                            "name": "pcFilterApplyButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-filter-apply-button\""
+                        },
+                        {
+                            "name": "tbody",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-tbody\""
+                        },
+                        {
+                            "name": "rowGroupHeader",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-row-group-header\""
+                        },
+                        {
+                            "name": "rowToggleButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-row-toggle-button\""
+                        },
+                        {
+                            "name": "rowToggleIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-row-toggle-icon\""
+                        },
+                        {
+                            "name": "rowExpansion",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-row-expansion\""
+                        },
+                        {
+                            "name": "rowGroupFooter",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-row-group-footer\""
+                        },
+                        {
+                            "name": "emptyMessage",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-empty-message\""
+                        },
+                        {
+                            "name": "reorderableRowHandle",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-reorderable-row-handle\""
+                        },
+                        {
+                            "name": "pcRowEditorInit",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-row-editor-init\""
+                        },
+                        {
+                            "name": "pcRowEditorSave",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-row-editor-save\""
+                        },
+                        {
+                            "name": "pcRowEditorCancel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-row-editor-cancel\""
+                        },
+                        {
+                            "name": "tfoot",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-tfoot\""
+                        },
+                        {
+                            "name": "virtualScrollerSpacer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-virtualscroller-spacer\""
+                        },
+                        {
+                            "name": "footer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-footer\""
+                        },
+                        {
+                            "name": "columnResizeIndicator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-column-resize-indicator\""
+                        },
+                        {
+                            "name": "rowReorderIndicatorUp",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-row-reorder-indicator-up\""
+                        },
+                        {
+                            "name": "rowReorderIndicatorDown",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datatable-row-reorder-indicator-down\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "dataview": {
@@ -23258,7 +24541,8 @@
             }
         }
     },
-    "dataview/style/DataViewStyle": {
+    "dataviewstyle": {
+        "description": "DataView displays data in grid or list layout with pagination and sorting features.\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.",
@@ -23315,6 +24599,50 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "DataViewClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dataview\""
+                        },
+                        {
+                            "name": "header",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dataview-header\""
+                        },
+                        {
+                            "name": "pcPaginator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dataview-paginator-[position]\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dataview-content\""
+                        },
+                        {
+                            "name": "emptyMessage",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dataview-empty-message\""
+                        },
+                        {
+                            "name": "footer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dataview-footer\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "datepicker": {
@@ -23546,6 +24874,14 @@
                             "default": "",
                             "description": "Used to pass attributes to the dropdown's DOM element."
                         },
+                        {
+                            "name": "dropdownIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "DatePickerPassThroughOptionType",
+                            "default": "",
+                            "description": "Used to pass attributes to the dropdown icon's DOM element."
+                        },
                         {
                             "name": "panel",
                             "optional": true,
@@ -25120,7 +26456,8 @@
             }
         }
     },
-    "datepicker/style/DatePickerStyle": {
+    "datepickerstyle": {
+        "description": "DatePicker is a form component to work with dates.\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.",
@@ -25178,6 +26515,242 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "DatePickerClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker\""
+                        },
+                        {
+                            "name": "pcInput",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-input\""
+                        },
+                        {
+                            "name": "dropdown",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-dropdown\""
+                        },
+                        {
+                            "name": "inputIconContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-input-icon-container\""
+                        },
+                        {
+                            "name": "inputIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-input-icon\""
+                        },
+                        {
+                            "name": "panel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-panel p-component\""
+                        },
+                        {
+                            "name": "calendarContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-calendar-container\""
+                        },
+                        {
+                            "name": "calendar",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-calendar\""
+                        },
+                        {
+                            "name": "header",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-header\""
+                        },
+                        {
+                            "name": "pcPreviousButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-prev-button\""
+                        },
+                        {
+                            "name": "title",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-title\""
+                        },
+                        {
+                            "name": "viewMonth",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-view-month\""
+                        },
+                        {
+                            "name": "viewYear",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-view-year\""
+                        },
+                        {
+                            "name": "decade",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-decade\""
+                        },
+                        {
+                            "name": "pcNextButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-next-button\""
+                        },
+                        {
+                            "name": "dayView",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-day-view\""
+                        },
+                        {
+                            "name": "weekHeader",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-weekheader\""
+                        },
+                        {
+                            "name": "weekNumber",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-weeknumber\""
+                        },
+                        {
+                            "name": "weekLabelContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-disabled\""
+                        },
+                        {
+                            "name": "weekDayCell",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-weekday-cell\""
+                        },
+                        {
+                            "name": "weekDay",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-date-picker-weekday\""
+                        },
+                        {
+                            "name": "dayCell",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-day-cell\""
+                        },
+                        {
+                            "name": "day",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-day\""
+                        },
+                        {
+                            "name": "monthView",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-month-view\""
+                        },
+                        {
+                            "name": "month",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-month\""
+                        },
+                        {
+                            "name": "yearView",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-year-view\""
+                        },
+                        {
+                            "name": "year",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-year\""
+                        },
+                        {
+                            "name": "timePicker",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-time-picker\""
+                        },
+                        {
+                            "name": "hourPicker",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-hour-picker\""
+                        },
+                        {
+                            "name": "pcIncrementButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-increment-button\""
+                        },
+                        {
+                            "name": "pcDecrementButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-decrement-button\""
+                        },
+                        {
+                            "name": "separator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-separator\""
+                        },
+                        {
+                            "name": "minutePicker",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-minute-picker\""
+                        },
+                        {
+                            "name": "secondPicker",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-second-picker\""
+                        },
+                        {
+                            "name": "ampmPicker",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-ampm-picker\""
+                        },
+                        {
+                            "name": "buttonbar",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-buttonbar\""
+                        },
+                        {
+                            "name": "pcTodayButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-today-button\""
+                        },
+                        {
+                            "name": "pcClearButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-datepicker-clear-button\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "deferredcontent": {
@@ -25379,7 +26952,8 @@
             }
         }
     },
-    "deferredcontent/style/DeferredContentStyle": {
+    "deferredcontentstyle": {
+        "description": "DeferredContent postpones the loading the content that is initially not in the viewport until it becomes visible on scroll.\n\n[Live Demo](https://www.primevue.org/deferredcontent/)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -25436,6 +27010,13 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "DeferredContentClasses": {
+                    "members": []
+                }
+            }
         }
     },
     "dialog": {
@@ -26098,7 +27679,8 @@
             }
         }
     },
-    "dialog/style/DialogStyle": {
+    "dialogstyle": {
+        "description": "Dialog is a container to display content in an overlay window.\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.",
@@ -26155,6 +27737,68 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "DialogClasses": {
+                    "members": [
+                        {
+                            "name": "mask",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dialog-mask\""
+                        },
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dialog\""
+                        },
+                        {
+                            "name": "header",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dialog-header\""
+                        },
+                        {
+                            "name": "title",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dialog-title\""
+                        },
+                        {
+                            "name": "headerActions",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dialog-header-actions\""
+                        },
+                        {
+                            "name": "pcMaximizeButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dialog-maximize-button\""
+                        },
+                        {
+                            "name": "pcCloseButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dialog-close-button\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dialog-content\""
+                        },
+                        {
+                            "name": "footer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dialog-footer\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "dialogservice-usedialog": {
@@ -26393,7 +28037,8 @@
             }
         }
     },
-    "divider/style/DividerStyle": {
+    "dividerstyle": {
+        "description": "Divider is used to separate contents.\n\n[Live Demo](https://primevue.org/divider)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -26450,6 +28095,26 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "DividerClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-divider\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-divider-content\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "dock": {
@@ -26957,7 +28622,8 @@
             }
         }
     },
-    "dock/style/DockStyle": {
+    "dockstyle": {
+        "description": "Dock is a navigation component consisting of menuitems.\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.",
@@ -27014,6 +28680,56 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "DockClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dock\""
+                        },
+                        {
+                            "name": "listContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dock-list-container\""
+                        },
+                        {
+                            "name": "list",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dock-list\""
+                        },
+                        {
+                            "name": "item",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dock-item\""
+                        },
+                        {
+                            "name": "itemContent",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dock-item-content\""
+                        },
+                        {
+                            "name": "itemLink",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dock-item-link\""
+                        },
+                        {
+                            "name": "itemIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-dock-item-icon\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "drawer": {
@@ -27444,7 +29160,8 @@
             }
         }
     },
-    "drawer/style/DrawerStyle": {
+    "drawerstyle": {
+        "description": "Drawer is a panel component displayed as an overlay at the edges of the screen.\n\n[Live Demo](https://primevue.org/drawer)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -27502,6 +29219,50 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "DrawerClasses": {
+                    "members": [
+                        {
+                            "name": "mask",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-drawer-mask\""
+                        },
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-drawer\""
+                        },
+                        {
+                            "name": "header",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-drawer-header\""
+                        },
+                        {
+                            "name": "title",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-drawer-title\""
+                        },
+                        {
+                            "name": "pcCloseButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-drawer-close-button\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-drawer-content\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "dropdown": {
@@ -28695,7 +30456,8 @@
             }
         }
     },
-    "dropdown/style/DropdownStyle": {
+    "dropdownstyle": {
+        "description": "Dropdown also known as Select, is used to choose an item from a collection of options.\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.",
@@ -28752,6 +30514,13 @@
                     "extendedTypes": "SelectStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "DropdownClasses": {
+                    "members": []
+                }
+            }
         }
     },
     "dynamicdialog": {
@@ -28801,7 +30570,8 @@
             }
         }
     },
-    "dynamicdialog/style/DynamicDialogStyle": {
+    "dynamicdialogstyle": {
+        "description": "DynamicDialogs can be created dynamically with any component as the content using a DialogService.\n\n[Live Demo](https://primevue.org/dynamicdialog)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -28858,6 +30628,13 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "DynamicDialogClasses": {
+                    "members": []
+                }
+            }
         }
     },
     "dynamicdialogoptions": {
@@ -29544,7 +31321,8 @@
             }
         }
     },
-    "editor/style/EditorStyle": {
+    "editorstyle": {
+        "description": "Editor groups a collection of contents in tabs.\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.",
@@ -29601,6 +31379,32 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "EditorClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-editor\""
+                        },
+                        {
+                            "name": "toolbar",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-editor-toolbar\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-editor-content\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "fieldset": {
@@ -29973,7 +31777,8 @@
             }
         }
     },
-    "fieldset/style/FieldsetStyle": {
+    "fieldsetstyle": {
+        "description": "Fieldset is a grouping component with the optional content toggle feature.\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.",
@@ -30030,6 +31835,50 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "FieldsetClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fieldset p-component\""
+                        },
+                        {
+                            "name": "legend",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fieldset-legend\""
+                        },
+                        {
+                            "name": "legendLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fieldset-legend-label\""
+                        },
+                        {
+                            "name": "toggleIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fieldset-toggle-icon\""
+                        },
+                        {
+                            "name": "contentContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fieldset-content-container\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fieldset-content\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "fileupload": {
@@ -30990,7 +32839,8 @@
             }
         }
     },
-    "fileupload/style/FileUploadStyle": {
+    "fileuploadstyle": {
+        "description": "FileUpload is an advanced uploader with dragdrop support, multi file uploads, auto uploading, progress tracking and validations.\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.",
@@ -31047,6 +32897,104 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "FileUploadClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fileupload\""
+                        },
+                        {
+                            "name": "header",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fileupload-header\""
+                        },
+                        {
+                            "name": "pcChooseButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fileupload-choose-button\""
+                        },
+                        {
+                            "name": "pcUploadButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fileupload-upload-button\""
+                        },
+                        {
+                            "name": "pcCancelButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fileupload-cancel-button\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fileupload-content\""
+                        },
+                        {
+                            "name": "fileList",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fileupload-file-list\""
+                        },
+                        {
+                            "name": "file",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fileupload-file\""
+                        },
+                        {
+                            "name": "fileThumbnail",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fileupload-file-thumbnail\""
+                        },
+                        {
+                            "name": "fileInfo",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fileupload-file-info\""
+                        },
+                        {
+                            "name": "fileName",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fileupload-file-name\""
+                        },
+                        {
+                            "name": "fileSize",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fileupload-file-size\""
+                        },
+                        {
+                            "name": "pcFileBadge",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fileupload-file-badge\""
+                        },
+                        {
+                            "name": "fileActions",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fileupload-file-actions\""
+                        },
+                        {
+                            "name": "pcFileRemoveButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-fileupload-file-remove-button\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "floatlabel": {
@@ -31222,7 +33170,8 @@
             }
         }
     },
-    "floatlabel/style/FloatLabelStyle": {
+    "floatlabelstyle": {
+        "description": "FloatLabel appears on top of the input field when focused.\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.",
@@ -31279,6 +33228,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "FloatLabelClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-float-label\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "focustrap": {
@@ -31415,7 +33378,8 @@
             }
         }
     },
-    "focustrap/style/FocusTrapStyle": {
+    "focustrapstyle": {
+        "description": "Focus Trap keeps focus within a certain DOM element while tabbing.\n\n[Live Demo](https://primevue.org/focustrap)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -31472,6 +33436,13 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "FocusTrapClasses": {
+                    "members": []
+                }
+            }
         }
     },
     "galleria": {
@@ -32365,7 +34336,8 @@
             }
         }
     },
-    "galleria/style/GalleriaStyle": {
+    "galleriastyle": {
+        "description": "Galleria is an advanced content gallery component.\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.",
@@ -32422,6 +34394,182 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "GalleriaClasses": {
+                    "members": [
+                        {
+                            "name": "mask",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-mask\""
+                        },
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria\""
+                        },
+                        {
+                            "name": "closeButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-close-button\""
+                        },
+                        {
+                            "name": "closeIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-close-icon\""
+                        },
+                        {
+                            "name": "header",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-header\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-content\""
+                        },
+                        {
+                            "name": "footer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-footer\""
+                        },
+                        {
+                            "name": "itemsContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-items-container\""
+                        },
+                        {
+                            "name": "items",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-items\""
+                        },
+                        {
+                            "name": "previousItemButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-prev-button\""
+                        },
+                        {
+                            "name": "previousItemIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-prev-icon\""
+                        },
+                        {
+                            "name": "item",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-item\""
+                        },
+                        {
+                            "name": "nextItemButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-next-button\""
+                        },
+                        {
+                            "name": "nextItemIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-next-icon\""
+                        },
+                        {
+                            "name": "caption",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-caption\""
+                        },
+                        {
+                            "name": "indicatorList",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-indicator-list\""
+                        },
+                        {
+                            "name": "indicator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-indicator\""
+                        },
+                        {
+                            "name": "indicatorButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-indicator-button\""
+                        },
+                        {
+                            "name": "thumbnails",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-thumbnails\""
+                        },
+                        {
+                            "name": "thumbnailContent",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-thumbnails-content\""
+                        },
+                        {
+                            "name": "previousThumbnailButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-thumbnail-prev-button\""
+                        },
+                        {
+                            "name": "previousThumbnailIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-thumbnail-prev-icon\""
+                        },
+                        {
+                            "name": "thumbnailsViewport",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-thumbnails-viewport\""
+                        },
+                        {
+                            "name": "thumbnailItems",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-thumbnail-items\""
+                        },
+                        {
+                            "name": "thumbnailItem",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-thumbnail-item\""
+                        },
+                        {
+                            "name": "thumbnail",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-thumbnail\""
+                        },
+                        {
+                            "name": "nextThumbnailButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-thumbnail-next-button\""
+                        },
+                        {
+                            "name": "nextThumbnailIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-galleria-thumbnail-next-icon\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "iconfield": {
@@ -32593,7 +34741,8 @@
             }
         }
     },
-    "iconfield/style/IconField": {
+    "iconfieldstyle": {
+        "description": "IconField wraps an input and an icon.\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.",
@@ -32650,6 +34799,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "IconFieldClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-iconfield\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "icons/angledoubledown": {},
@@ -33253,7 +35416,8 @@
             }
         }
     },
-    "image/style/ImageStyle": {
+    "imagestyle": {
+        "description": "Displays an image with preview and tranformation options. For multiple image, see Galleria.\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.",
@@ -33310,6 +35474,80 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ImageClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-image\""
+                        },
+                        {
+                            "name": "previewMask",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-image-preview-mask\""
+                        },
+                        {
+                            "name": "previewIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-image-preview-icon\""
+                        },
+                        {
+                            "name": "mask",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-image-mask\""
+                        },
+                        {
+                            "name": "toolbar",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-image-toolbar\""
+                        },
+                        {
+                            "name": "rotateRightButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-image-rotate-right-button\""
+                        },
+                        {
+                            "name": "rotateLeftButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-image-rotate-left-button\""
+                        },
+                        {
+                            "name": "zoomOutButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-image-zoom-out-button\""
+                        },
+                        {
+                            "name": "zoomInButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-image-zoom-in-button\""
+                        },
+                        {
+                            "name": "closeButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-image-close-button\""
+                        },
+                        {
+                            "name": "original",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-image-original\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "inlinemessage": {
@@ -33542,7 +35780,8 @@
             }
         }
     },
-    "inlinemessage/style/InlineMessageStyle": {
+    "inlinemessagestyle": {
+        "description": "InlineMessage component is useful in cases where a single message needs to be displayed related to an element such as forms. It has one property, severity of the message.\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.",
@@ -33599,6 +35838,32 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "InlineMessageClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inline-message\""
+                        },
+                        {
+                            "name": "icon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inline-message-icon\""
+                        },
+                        {
+                            "name": "text",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inline-message-text\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "inplace": {
@@ -33918,7 +36183,8 @@
             }
         }
     },
-    "inplace/style/InplaceStyle": {
+    "inplacestyle": {
+        "description": "Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.\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.",
@@ -33975,6 +36241,32 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "InplaceClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inplace\""
+                        },
+                        {
+                            "name": "display",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inplace-display\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inplace-content\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "inputchips": {
@@ -34532,7 +36824,8 @@
             }
         }
     },
-    "inputchips/style/InputChipsStyle": {
+    "inputchipsstyle": {
+        "description": "InputChips groups a collection of contents in tabs.\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.",
@@ -34590,6 +36883,50 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "InputChipsClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputchips\""
+                        },
+                        {
+                            "name": "input",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputchips-input\""
+                        },
+                        {
+                            "name": "chip",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputchips-chip\""
+                        },
+                        {
+                            "name": "pcChipLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputchips-chip-label\""
+                        },
+                        {
+                            "name": "chipIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputchips-chip-icon\""
+                        },
+                        {
+                            "name": "inputItem",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputchips-input-item\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "inputgroup": {
@@ -34760,7 +37097,8 @@
             }
         }
     },
-    "inputgroup/style/InputGroupStyle": {
+    "inputgroupstyle": {
+        "description": "InputGroup displays text, icon, buttons and other content can be grouped next to an input.\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.",
@@ -34817,6 +37155,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "InputGroupClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputgroup\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "inputgroupaddon": {
@@ -34987,7 +37339,8 @@
             }
         }
     },
-    "inputgroupaddon/style/InputGroupAddonStyle": {
+    "inputgroupaddonstyle": {
+        "description": "InputGroupAddon displays text, icon, buttons and other content can be grouped next to an input.\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.",
@@ -35044,6 +37397,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "InputGroupAddonClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputgroup-addon\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "inputicon": {
@@ -35207,7 +37574,8 @@
             }
         }
     },
-    "inputicon/style/InputIconStyle": {
+    "inputiconstyle": {
+        "description": "InputIcon displays an icon.\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.",
@@ -35264,6 +37632,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "InputIconClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputicon\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "inputmask": {
@@ -35440,6 +37822,14 @@
                             "default": "",
                             "description": "Mask pattern."
                         },
+                        {
+                            "name": "placeholder",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Placeholder text for the input."
+                        },
                         {
                             "name": "autoClear",
                             "optional": true,
@@ -35618,7 +38008,8 @@
             }
         }
     },
-    "inputmask/style/InputMaskStyle": {
+    "inputmaskstyle": {
+        "description": "InputMask component is used to enter input in a certain format such as numeric, date, currency, email and phone.\n\n[Live Demo](https://www.primevue.org/inputmask/)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -35675,6 +38066,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "InputMaskClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputmask\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "inputnumber": {
@@ -35854,6 +38259,14 @@
                             "default": "",
                             "description": "Used to pass attributes to the increment button's DOM element."
                         },
+                        {
+                            "name": "incrementIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "InputNumberPassThroughOptionType<T>",
+                            "default": "",
+                            "description": "Used to pass attributes to the increment icon's DOM element."
+                        },
                         {
                             "name": "decrementButton",
                             "optional": true,
@@ -35862,6 +38275,14 @@
                             "default": "",
                             "description": "Used to pass attributes to the decrement button's DOM element."
                         },
+                        {
+                            "name": "decrementIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "InputNumberPassThroughOptionType<T>",
+                            "default": "",
+                            "description": "Used to pass attributes to the decrement icon's DOM element."
+                        },
                         {
                             "name": "hooks",
                             "optional": true,
@@ -36009,8 +38430,16 @@
                             "readonly": false,
                             "type": "string",
                             "default": "",
-                            "description": "Style class of the increment button.",
-                            "deprecated": "since v3.27.0. Use 'incrementbuttonicon' slot."
+                            "description": "Style class of the increment icon.",
+                            "deprecated": "since v4.0. Use 'incrementIcon'."
+                        },
+                        {
+                            "name": "incrementIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Style class of the increment icon."
                         },
                         {
                             "name": "decrementButtonIcon",
@@ -36018,8 +38447,16 @@
                             "readonly": false,
                             "type": "string",
                             "default": "",
-                            "description": "Style class of the decrement button.",
-                            "deprecated": "since v3.27.0. Use 'decrementbuttonicon' slot."
+                            "description": "Style class of the decrement icon.",
+                            "deprecated": "since v4.0. Use 'decrementIcon'."
+                        },
+                        {
+                            "name": "decrementIcon",
+                            "optional": true,
+                            "readonly": false,
+                            "type": "string",
+                            "default": "",
+                            "description": "Style class of the decrement icon."
                         },
                         {
                             "name": "locale",
@@ -36297,13 +38734,27 @@
                             "name": "incrementbuttonicon",
                             "parameters": [],
                             "returnType": "VNode<RendererNode, RendererElement, Object>[]",
-                            "description": "Custom increment button icon template."
+                            "description": "",
+                            "deprecated": "since v4.0. Use 'incrementicon' slot.\nCustom increment icon template."
+                        },
+                        {
+                            "name": "incrementicon",
+                            "parameters": [],
+                            "returnType": "VNode<RendererNode, RendererElement, Object>[]",
+                            "description": "Custom increment icon template."
                         },
                         {
                             "name": "decrementbuttonicon",
                             "parameters": [],
                             "returnType": "VNode<RendererNode, RendererElement, Object>[]",
-                            "description": "Custom decrement button icon template."
+                            "description": "",
+                            "deprecated": "since v4.0. Use 'decrementicon' slot.\nCustom decrement icon template."
+                        },
+                        {
+                            "name": "decrementicon",
+                            "parameters": [],
+                            "returnType": "VNode<RendererNode, RendererElement, Object>[]",
+                            "description": "Custom decrement icon template."
                         }
                     ]
                 },
@@ -36380,7 +38831,8 @@
             }
         }
     },
-    "inputnumber/style/InputNumberStyle": {
+    "inputnumberstyle": {
+        "description": "InputNumber is an input component to provide numerical input.\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.",
@@ -36437,6 +38889,44 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "InputNumberClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputnumber\""
+                        },
+                        {
+                            "name": "pcInput",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputnumber-input\""
+                        },
+                        {
+                            "name": "buttonGroup",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputnumber-button-group\""
+                        },
+                        {
+                            "name": "incrementButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputnumber-increment-button\""
+                        },
+                        {
+                            "name": "decrementButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputnumber-decrement-button\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "inputotp": {
@@ -36842,7 +39332,8 @@
             }
         }
     },
-    "inputotp/style/InputOtpStyle": {
+    "inputotpstyle": {
+        "description": "InputOtp is used to enter one time passwords.\n\n[Live Demo](https://www.primevue.org/inputotp/)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -36899,6 +39390,26 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "InputOtpClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputotp\""
+                        },
+                        {
+                            "name": "pcInput",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputotp-input\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "inputswitch": {
@@ -37250,7 +39761,8 @@
             }
         }
     },
-    "inputswitch/style/InputSwitchStyle": {
+    "inputswitchstyle": {
+        "description": "InputSwitch is used to select a boolean value.\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.",
@@ -37307,241 +39819,17 @@
                     "extendedTypes": "ToggleSwitchStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "InputSwitchClasses": {
+                    "members": []
+                }
+            }
         }
     },
     "inputtext": {
         "description": "InputText renders a text field to enter data.\n\n[Live Demo](https://www.primevue.org/inputtext/)",
-        "components": {
-            "default": {
-                "description": "InputText renders a text field to enter data.",
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": []
-                }
-            }
-        },
-        "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": {
-                "InputTextPassThroughMethodOptions": {
-                    "description": "Custom passthrough(pt) option method.",
-                    "relatedProp": "",
-                    "props": [
-                        {
-                            "name": "instance",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "default": "",
-                            "description": "Defines instance."
-                        },
-                        {
-                            "name": "props",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "InputTextProps",
-                            "default": "",
-                            "description": "Defines valid properties."
-                        },
-                        {
-                            "name": "context",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "InputTextContext",
-                            "default": "",
-                            "description": "Defines current options."
-                        },
-                        {
-                            "name": "parent",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "T",
-                            "default": "",
-                            "description": "Defines parent instance."
-                        },
-                        {
-                            "name": "global",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "undefined | object",
-                            "default": "",
-                            "description": "Defines passthrough(pt) options in global config."
-                        }
-                    ],
-                    "methods": []
-                },
-                "InputTextPassThroughOptions": {
-                    "description": "Custom passthrough(pt) options.",
-                    "relatedProp": "InputTextProps.pt",
-                    "props": [
-                        {
-                            "name": "root",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "InputTextPassThroughOptionType<T>",
-                            "default": "",
-                            "description": "Used to pass attributes to the root's DOM element."
-                        },
-                        {
-                            "name": "hooks",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "ComponentHooks",
-                            "default": "",
-                            "description": "Used to manage all lifecycle hooks."
-                        }
-                    ],
-                    "methods": []
-                },
-                "InputTextPassThroughAttributes": {
-                    "description": "Custom passthrough attributes for each DOM elements",
-                    "relatedProp": "",
-                    "props": [
-                        {
-                            "name": "[key: string]",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any"
-                        }
-                    ],
-                    "methods": []
-                },
-                "InputTextContext": {
-                    "description": "Defines current options in InputText component.",
-                    "relatedProp": "",
-                    "props": [
-                        {
-                            "name": "filled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Current filled state of the component as a boolean."
-                        },
-                        {
-                            "name": "disabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Current disabled state of the component as a boolean."
-                        }
-                    ],
-                    "methods": []
-                },
-                "InputTextProps": {
-                    "description": "Defines valid properties in InputText component.",
-                    "relatedProp": "",
-                    "props": [
-                        {
-                            "name": "modelValue",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "Nullable<string>",
-                            "default": "",
-                            "description": "Value of the component."
-                        },
-                        {
-                            "name": "size",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "\"small\" | \"large\"",
-                            "default": "",
-                            "description": "Defines the size of the component."
-                        },
-                        {
-                            "name": "invalid",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When present, it specifies that the component should have invalid state style."
-                        },
-                        {
-                            "name": "variant",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "\"filled\" | \"outlined\"",
-                            "default": "outlined",
-                            "description": "Specifies the input variant of the component."
-                        },
-                        {
-                            "name": "dt",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "default": "",
-                            "description": "It generates scoped CSS variables using design tokens for the component."
-                        },
-                        {
-                            "name": "pt",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "PassThrough<InputTextPassThroughOptions<any>>",
-                            "default": "",
-                            "description": "Used to pass attributes to DOM elements inside the component."
-                        },
-                        {
-                            "name": "ptOptions",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "PassThroughOptions",
-                            "default": "",
-                            "description": "Used to configure passthrough(pt) options of the component."
-                        },
-                        {
-                            "name": "unstyled",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, it removes component related styles in the core."
-                        }
-                    ],
-                    "methods": [],
-                    "extendedTypes": "InputHTMLAttributes"
-                },
-                "InputTextSlots": {
-                    "description": "Defines valid slots in InputText component.",
-                    "relatedProp": "",
-                    "props": [],
-                    "methods": []
-                },
-                "InputTextEmits": {
-                    "description": "Defines valid emits in InputText component.",
-                    "relatedProp": "",
-                    "props": [],
-                    "methods": [
-                        {
-                            "name": "update:modelValue",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "optional": false,
-                                    "type": "undefined | string",
-                                    "description": "New value."
-                                }
-                            ],
-                            "returnType": "void",
-                            "description": "Emitted when the value changes."
-                        }
-                    ]
-                }
-            }
-        },
-        "types": {
-            "description": "Defines the custom types used by the module.",
-            "values": {
-                "InputTextPassThroughOptionType": {
-                    "values": "InputTextPassThroughAttributes | (options: InputTextPassThroughMethodOptions) => undefined | string | null | undefined"
-                }
-            }
-        }
-    },
-    "inputtext/style/InputTextStyle": {
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -37598,6 +39886,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "InputTextClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputtext p-component\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "knob": {
@@ -37992,7 +40294,8 @@
             }
         }
     },
-    "knob/style/KnobStyle": {
+    "knobstyle": {
+        "description": "Knob is a form component to define number inputs with a dial.\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.",
@@ -38049,6 +40352,38 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "KnobClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-knob\""
+                        },
+                        {
+                            "name": "range",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-knob-range\""
+                        },
+                        {
+                            "name": "value",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-knob-value\""
+                        },
+                        {
+                            "name": "text",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-knob-text\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "listbox": {
@@ -38951,7 +41286,8 @@
             }
         }
     },
-    "listbox/style/ListboxStyle": {
+    "listboxstyle": {
+        "description": "ListBox is used to select one or more values from a list of items.\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.",
@@ -39008,6 +41344,62 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ListboxClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-listbox\""
+                        },
+                        {
+                            "name": "header",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-listbox-header\""
+                        },
+                        {
+                            "name": "pcFilter",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-listbox-filter\""
+                        },
+                        {
+                            "name": "listContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-listbox-list-container\""
+                        },
+                        {
+                            "name": "list",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-listbox-list\""
+                        },
+                        {
+                            "name": "optionGroup",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-listbox-option-group\""
+                        },
+                        {
+                            "name": "option",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-listbox-option\""
+                        },
+                        {
+                            "name": "emptyMessage",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-listbox-empty-message\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "megamenu": {
@@ -39643,7 +42035,8 @@
             }
         }
     },
-    "megamenu/style/MegaMenuStyle": {
+    "megamenustyle": {
+        "description": "MegaMenu is navigation component that displays submenus together.\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.",
@@ -39700,6 +42093,116 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "MegaMenuClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-megamenu\""
+                        },
+                        {
+                            "name": "start",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-megamenu-start\""
+                        },
+                        {
+                            "name": "button",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-megamenu-button\""
+                        },
+                        {
+                            "name": "rootList",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-megamenu-root-list\""
+                        },
+                        {
+                            "name": "submenuItem",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-megamenu-submenu-item\""
+                        },
+                        {
+                            "name": "item",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-megamenu-item\""
+                        },
+                        {
+                            "name": "itemContent",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-megamenu-item-content\""
+                        },
+                        {
+                            "name": "itemLink",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-megamenu-item-link\""
+                        },
+                        {
+                            "name": "itemIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-megamenu-item-icon\""
+                        },
+                        {
+                            "name": "itemLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-megamenu-item-label\""
+                        },
+                        {
+                            "name": "submenuIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-megamenu-submenu-icon\""
+                        },
+                        {
+                            "name": "panel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-megamenu-panel\""
+                        },
+                        {
+                            "name": "grid",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-megamenu-grid\""
+                        },
+                        {
+                            "name": "submenu",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-megamenu-submenu\""
+                        },
+                        {
+                            "name": "submenuItemLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-megamenu-submenu-item-label\""
+                        },
+                        {
+                            "name": "separator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-megamenu-separator\""
+                        },
+                        {
+                            "name": "end",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-megamenu-end\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "menu": {
@@ -40290,7 +42793,8 @@
             }
         }
     },
-    "menu/style/MenuStyle": {
+    "menustyle": {
+        "description": "Menu is a navigation / command component that supports dynamic and static positioning.\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.",
@@ -40347,6 +42851,80 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "MenuClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menu\""
+                        },
+                        {
+                            "name": "start",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menu-start\""
+                        },
+                        {
+                            "name": "list",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menu-list\""
+                        },
+                        {
+                            "name": "submenuItem",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menu-submenu-item\""
+                        },
+                        {
+                            "name": "separator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menu-separator\""
+                        },
+                        {
+                            "name": "end",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menu-end\""
+                        },
+                        {
+                            "name": "item",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menu-item\""
+                        },
+                        {
+                            "name": "itemContent",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menu-item-content\""
+                        },
+                        {
+                            "name": "itemLink",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menu-item-link\""
+                        },
+                        {
+                            "name": "itemIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menu-item-icon\""
+                        },
+                        {
+                            "name": "itemLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menu-item-label\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "menubar": {
@@ -40944,7 +43522,8 @@
             }
         }
     },
-    "menubar/style/MenubarStyle": {
+    "menubarstyle": {
+        "description": "Menubar is a horizontal menu component.\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.",
@@ -41001,6 +43580,92 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "MenubarClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menubar\""
+                        },
+                        {
+                            "name": "start",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menubar-start\""
+                        },
+                        {
+                            "name": "button",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menubar-button\""
+                        },
+                        {
+                            "name": "rootList",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menubar-root-list\""
+                        },
+                        {
+                            "name": "item",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menubar-item\""
+                        },
+                        {
+                            "name": "itemContent",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menubar-item-content\""
+                        },
+                        {
+                            "name": "itemLink",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menubar-item-link\""
+                        },
+                        {
+                            "name": "itemIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menubar-item-icon\""
+                        },
+                        {
+                            "name": "itemLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menubar-item-label\""
+                        },
+                        {
+                            "name": "submenuIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menubar-submenu-icon\""
+                        },
+                        {
+                            "name": "submenu",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menubar-submenu\""
+                        },
+                        {
+                            "name": "separator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menubar-separator\""
+                        },
+                        {
+                            "name": "end",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menubar-end\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "menuitem": {
@@ -41520,7 +44185,8 @@
             }
         }
     },
-    "message/style/MessageStyle": {
+    "messagestyle": {
+        "description": "Message groups a collection of contents in tabs.\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.",
@@ -41577,6 +44243,50 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "MessageClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-message\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-message-content\""
+                        },
+                        {
+                            "name": "icon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-message-icon\""
+                        },
+                        {
+                            "name": "text",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-message-text\""
+                        },
+                        {
+                            "name": "closeButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-message-close-button\""
+                        },
+                        {
+                            "name": "closeIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-message-close-icon\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "metergroup": {
@@ -41974,7 +44684,8 @@
             }
         }
     },
-    "metergroup/style/MeterGroupStyle": {
+    "metergroupstyle": {
+        "description": "MeterGroup is a group of process status indicators.\n\n[Live Demo](https://primevue.org/metergroup)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -42031,6 +44742,62 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "MeterGroupClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-metergroup\""
+                        },
+                        {
+                            "name": "meters",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-metergroup-meters\""
+                        },
+                        {
+                            "name": "meter",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-metergroup-meter\""
+                        },
+                        {
+                            "name": "labelList",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-metergroup-label-list\""
+                        },
+                        {
+                            "name": "label",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-metergroup-label\""
+                        },
+                        {
+                            "name": "labelIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-metergroup-label-icon\""
+                        },
+                        {
+                            "name": "labelMarker",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-metergroup-label-marker\""
+                        },
+                        {
+                            "name": "labelText",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-metergroup-label-text\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "multiselect": {
@@ -43381,7 +46148,8 @@
             }
         }
     },
-    "multiselect/style/MultiSelectStyle": {
+    "multiselectstyle": {
+        "description": "MultiSelect is used to select multiple items from a collection.\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.",
@@ -43438,6 +46206,122 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "MultiSelectClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect\""
+                        },
+                        {
+                            "name": "labelContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect-label-container\""
+                        },
+                        {
+                            "name": "label",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect-label\""
+                        },
+                        {
+                            "name": "chip",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect-chip\""
+                        },
+                        {
+                            "name": "pcChipLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect-chip-label\""
+                        },
+                        {
+                            "name": "chipIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect-chip-icon\""
+                        },
+                        {
+                            "name": "dropdown",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect-dropdown\""
+                        },
+                        {
+                            "name": "loadingIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect-loading-icon\""
+                        },
+                        {
+                            "name": "dropdownIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect-dropdown-icon\""
+                        },
+                        {
+                            "name": "overlay",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect-overlay\""
+                        },
+                        {
+                            "name": "header",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect-header\""
+                        },
+                        {
+                            "name": "pcFilterContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect-filter-container\""
+                        },
+                        {
+                            "name": "pcFilter",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect-filter\""
+                        },
+                        {
+                            "name": "listContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect-list-container\""
+                        },
+                        {
+                            "name": "list",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect-list\""
+                        },
+                        {
+                            "name": "optionGroup",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect-option-group\""
+                        },
+                        {
+                            "name": "option",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect-option\""
+                        },
+                        {
+                            "name": "emptyMessage",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-multiselect-empty-message\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "orderlist": {
@@ -44038,7 +46922,8 @@
             }
         }
     },
-    "orderlist/style/OrderListStyle": {
+    "orderliststyle": {
+        "description": "OrderList is used to managed the order of a collection.\n\n[Live Demo](https://primevue.org/orderlist)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -44095,6 +46980,26 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "OrderListClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-orderlist\""
+                        },
+                        {
+                            "name": "controls",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-orderlist-controls\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "organizationchart": {
@@ -44702,7 +47607,8 @@
             }
         }
     },
-    "organizationchart/style/OrganizationChartStyle": {
+    "organizationchartstyle": {
+        "description": "OrganizationChart visualizes hierarchical organization data.\n\n[Live Demo](https://primevue.org/organizationchart)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -44759,6 +47665,74 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "OrganizationChartClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-organizationchart p-component\""
+                        },
+                        {
+                            "name": "table",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-organizationchart-table\""
+                        },
+                        {
+                            "name": "node",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-organizationchart-node\""
+                        },
+                        {
+                            "name": "nodeToggleButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-organizationchart-node-toggle-button\""
+                        },
+                        {
+                            "name": "nodeToggleButtonIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-organizationchart-node-toggle-button-icon\""
+                        },
+                        {
+                            "name": "connectors",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-organizationchart-connectors\""
+                        },
+                        {
+                            "name": "connectorDown",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-organizationchart-connector-down\""
+                        },
+                        {
+                            "name": "connectorLeft",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-organizationchart-connector-left\""
+                        },
+                        {
+                            "name": "connectorRight",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-organizationchart-connector-right\""
+                        },
+                        {
+                            "name": "nodeChildren",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-organizationchart-node-children\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "overlaypanel": {
@@ -45096,7 +48070,8 @@
             }
         }
     },
-    "overlaypanel/style/OverlayPanelStyle": {
+    "overlaypanelstyle": {
+        "description": "OverlayPanel is a container component positioned as connected to its target.\n\n[Live Demo](https://primevue.org/popover)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -45826,7 +48801,8 @@
             }
         }
     },
-    "paginator/style/PaginatorStyle": {
+    "paginatorstyle": {
+        "description": "Paginator is a generic component to display content in paged format.\n\n[Live Demo](https://primevue.org/paginator)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -45883,6 +48859,116 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "PaginatorClasses": {
+                    "members": [
+                        {
+                            "name": "paginator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-paginator\""
+                        },
+                        {
+                            "name": "contentStart",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-paginator-content-start\""
+                        },
+                        {
+                            "name": "contentEnd",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-paginator-content-end\""
+                        },
+                        {
+                            "name": "first",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-paginator-first\""
+                        },
+                        {
+                            "name": "firstIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-paginator-first-icon\""
+                        },
+                        {
+                            "name": "prev",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-paginator-prev\""
+                        },
+                        {
+                            "name": "prevIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-paginator-prev-icon\""
+                        },
+                        {
+                            "name": "next",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-paginator-next\""
+                        },
+                        {
+                            "name": "nextIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-paginator-next-icon\""
+                        },
+                        {
+                            "name": "last",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-paginator-last\""
+                        },
+                        {
+                            "name": "lastIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-paginator-last-icon\""
+                        },
+                        {
+                            "name": "pages",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-paginator-pages\""
+                        },
+                        {
+                            "name": "page",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-paginator-page\""
+                        },
+                        {
+                            "name": "current",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-paginator-current\""
+                        },
+                        {
+                            "name": "pcRowPerPageDropdown",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-paginator-rpp-dropdown\""
+                        },
+                        {
+                            "name": "pcJumpToPageDropdown",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-paginator-jtp-dropdown\""
+                        },
+                        {
+                            "name": "pcJumpToPageInput",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-paginator-jtp-input\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "panel": {
@@ -46301,7 +49387,8 @@
             }
         }
     },
-    "panel/style/PanelStyle": {
+    "panelstyle": {
+        "description": "Panel is a container with the optional content toggle feature.\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.",
@@ -46358,6 +49445,62 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "PanelClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panel\""
+                        },
+                        {
+                            "name": "header",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panel-header\""
+                        },
+                        {
+                            "name": "title",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panel-title\""
+                        },
+                        {
+                            "name": "headerActions",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panel-header-actions\""
+                        },
+                        {
+                            "name": "pcToggleButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panel-toggle-button\""
+                        },
+                        {
+                            "name": "contentContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panel-content-container\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panel-content\""
+                        },
+                        {
+                            "name": "footer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panel-footer\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "panelmenu": {
@@ -47005,7 +50148,8 @@
             }
         }
     },
-    "panelmenu/style/PanelMenuStyle": {
+    "panelmenustyle": {
+        "description": "PanelMenu is a hybrid of Accordion and Tree components.\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.",
@@ -47062,6 +50206,122 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "PanelMenuClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panelmenu\""
+                        },
+                        {
+                            "name": "panel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panelmenu-panel\""
+                        },
+                        {
+                            "name": "header",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panelmenu-header\""
+                        },
+                        {
+                            "name": "headerContent",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panelmenu-header-content\""
+                        },
+                        {
+                            "name": "headerLink",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panelmenu-header-link\""
+                        },
+                        {
+                            "name": "headerIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panelmenu-header-icon\""
+                        },
+                        {
+                            "name": "headerLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panelmenu-header-label\""
+                        },
+                        {
+                            "name": "contentContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panelmenu-content-container\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panelmenu-content\""
+                        },
+                        {
+                            "name": "rootList",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panelmenu-root-list\""
+                        },
+                        {
+                            "name": "item",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panelmenu-item\""
+                        },
+                        {
+                            "name": "itemContent",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panelmenu-item-content\""
+                        },
+                        {
+                            "name": "itemLink",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panelmenu-item-link\""
+                        },
+                        {
+                            "name": "itemIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panelmenu-item-icon\""
+                        },
+                        {
+                            "name": "itemLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panelmenu-item-label\""
+                        },
+                        {
+                            "name": "submenuIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panelmenu-submenu-icon\""
+                        },
+                        {
+                            "name": "submenu",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-panelmenu-submenu\""
+                        },
+                        {
+                            "name": "separator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-menuitem-separator\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "passthrough": {
@@ -47829,7 +51089,8 @@
             }
         }
     },
-    "password/style/PasswordStyle": {
+    "passwordstyle": {
+        "description": "Password displays strength indicator for password fields.\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.",
@@ -47886,6 +51147,62 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "PasswordClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-password\""
+                        },
+                        {
+                            "name": "ptInput",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-password-input\""
+                        },
+                        {
+                            "name": "maskIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-password-toggle-mask-icon p-password-mask-icon\""
+                        },
+                        {
+                            "name": "unmaskIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-password-toggle-mask-icon p-password-unmask-icon\""
+                        },
+                        {
+                            "name": "overlay",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-password-overlay\""
+                        },
+                        {
+                            "name": "meter",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-password-meter\""
+                        },
+                        {
+                            "name": "meterLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-password-meter-label\""
+                        },
+                        {
+                            "name": "meterText",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-password-meter-text\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "picklist": {
@@ -48935,7 +52252,8 @@
             }
         }
     },
-    "picklist/style/PickListStyle": {
+    "pickliststyle": {
+        "description": "PickList is used to reorder items between different lists.\n\n[Live Demo](https://primevue.org/picklist)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -48992,6 +52310,50 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "PickListClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-picklist\""
+                        },
+                        {
+                            "name": "sourceControls",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-picklist-source-controls\""
+                        },
+                        {
+                            "name": "sourceListContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-picklist-source-list-container\""
+                        },
+                        {
+                            "name": "transferControls",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-picklist-transfer-controls\""
+                        },
+                        {
+                            "name": "targetListContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-picklist-target-list-container\""
+                        },
+                        {
+                            "name": "targetControls",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-picklist-target-controls\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "popover": {
@@ -49347,7 +52709,8 @@
             }
         }
     },
-    "popover/style/PopoverStyle": {
+    "popoverstyle": {
+        "description": "Popover is a container component positioned as connected to its target.\n\n[Live Demo](https://primevue.org/popover)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -49405,6 +52768,26 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "PopoverClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-popover\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-popover-content\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "portal/Portal": {
@@ -49460,7 +52843,8 @@
             }
         }
     },
-    "portal/style/PortalStyle": {
+    "portalstyle": {
+        "description": "[Live Demo](https://primevue.org/)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -49517,6 +52901,13 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "PortalClasses": {
+                    "members": []
+                }
+            }
         }
     },
     "progressbar": {
@@ -49728,7 +53119,8 @@
             }
         }
     },
-    "progressbar/style/ProgressBarStyle": {
+    "progressbarstyle": {
+        "description": "ProgressBar is a process status indicator.\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.",
@@ -49785,6 +53177,38 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ProgressBarClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-progressbar\""
+                        },
+                        {
+                            "name": "indeterminateContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-progressbar-indeterminate-container\""
+                        },
+                        {
+                            "name": "value",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-progressbar-value\""
+                        },
+                        {
+                            "name": "label",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-progressbar-label\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "progressspinner": {
@@ -49989,7 +53413,8 @@
             }
         }
     },
-    "progressspinner/style/ProgressSpinnerStyle": {
+    "progressspinnerstyle": {
+        "description": "ProgressSpinner is a process status indicator.\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.",
@@ -50046,6 +53471,32 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ProgressSpinnerClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-progressspinner\""
+                        },
+                        {
+                            "name": "spin",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-progressspinner-spin\""
+                        },
+                        {
+                            "name": "circle",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-progressspinner-circle\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "radiobutton": {
@@ -50450,7 +53901,8 @@
             }
         }
     },
-    "radiobutton/style/RadioButtonStyle": {
+    "radiobuttonstyle": {
+        "description": "RadioButton is an extension to standard radio button element with theming.\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.",
@@ -50507,6 +53959,38 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "RadioButtonClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-radiobutton\""
+                        },
+                        {
+                            "name": "box",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-radiobutton-box\""
+                        },
+                        {
+                            "name": "input",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-radiobutton-input\""
+                        },
+                        {
+                            "name": "icon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-radiobutton-icon\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "rating": {
@@ -50934,7 +54418,8 @@
             }
         }
     },
-    "rating/style/RatingStyle": {
+    "ratingstyle": {
+        "description": "Rating component is a star based selection input.\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.",
@@ -50991,6 +54476,38 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "RatingClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-rating\""
+                        },
+                        {
+                            "name": "option",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-rating-option\""
+                        },
+                        {
+                            "name": "onIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-rating-on-icon\""
+                        },
+                        {
+                            "name": "offIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-rating-off-icon\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "ripple": {
@@ -51103,14 +54620,15 @@
             }
         }
     },
-    "ripple/style/RippleStyle": {
+    "ripplestyle": {
+        "description": "Ripple directive adds ripple effect to the host element.\n\n[Live Demo](https://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": {
-                "AccordionStyle": {
+                "RippleStyle": {
                     "relatedProp": "",
                     "props": [
                         {
@@ -51160,6 +54678,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "RippleClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-ink\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "row": {
@@ -51323,7 +54855,8 @@
             }
         }
     },
-    "row/style/RowStyle": {
+    "rowstyle": {
+        "description": "Row component is a helper component used to create grouping structures in DataTable.\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.",
@@ -51380,6 +54913,13 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "RowClasses": {
+                    "members": []
+                }
+            }
         }
     },
     "scrollpanel": {
@@ -51638,7 +55178,8 @@
             }
         }
     },
-    "scrollpanel/style/ScrollPanelStyle": {
+    "scrollpanelstyle": {
+        "description": "ScrollPanel is a cross browser, lightweight and themable alternative to native browser scrollbar.\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.",
@@ -51695,6 +55236,44 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ScrollPanelClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-scrollpanel\""
+                        },
+                        {
+                            "name": "contentContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-scrollpanel-content-container\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-scrollpanel-content\""
+                        },
+                        {
+                            "name": "barX",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-scrollpanel-bar-x\""
+                        },
+                        {
+                            "name": "barY",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-scrollpanel-bar-y\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "scrolltop": {
@@ -51972,7 +55551,8 @@
             }
         }
     },
-    "scrolltop/style/ScrollTopStyle": {
+    "scrolltopstyle": {
+        "description": "ScrollTop gets displayed after a certain scroll position and used to navigates to the top of the page quickly.\n\n[Live Demo](https://www.primevue.org/scrolltop/)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -52029,6 +55609,26 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ScrollTopClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-scrolltop\""
+                        },
+                        {
+                            "name": "icon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-scrolltop-icon\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "select": {
@@ -53240,7 +56840,8 @@
             }
         }
     },
-    "select/style/SelectStyle": {
+    "selectstyle": {
+        "description": "Select also known as Select, is used to choose an item from a collection of options.\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.",
@@ -53298,6 +56899,122 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "SelectClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select\""
+                        },
+                        {
+                            "name": "label",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-label\""
+                        },
+                        {
+                            "name": "clearIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-clear-icon\""
+                        },
+                        {
+                            "name": "dropdown",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-dropdown\""
+                        },
+                        {
+                            "name": "loadingicon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-loading-icon\""
+                        },
+                        {
+                            "name": "dropdownIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-dropdown-icon\""
+                        },
+                        {
+                            "name": "overlay",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-overlay\""
+                        },
+                        {
+                            "name": "header",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-header\""
+                        },
+                        {
+                            "name": "pcFilter",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-filter\""
+                        },
+                        {
+                            "name": "listContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-list-container\""
+                        },
+                        {
+                            "name": "list",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-list\""
+                        },
+                        {
+                            "name": "optionGroup",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-option-group\""
+                        },
+                        {
+                            "name": "optionGroupLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-option-group-label\""
+                        },
+                        {
+                            "name": "option",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-option\""
+                        },
+                        {
+                            "name": "optionLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-option-label\""
+                        },
+                        {
+                            "name": "optionCheckIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-option-check-icon\""
+                        },
+                        {
+                            "name": "optionBlankIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-option-blank-icon\""
+                        },
+                        {
+                            "name": "emptyMessage",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-select-empty-message\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "selectbutton": {
@@ -53718,7 +57435,8 @@
             }
         }
     },
-    "selectbutton/style/SelectButtonStyle": {
+    "selectbuttonstyle": {
+        "description": "SelectButton is used to choose single or multiple items from a list using buttons.\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.",
@@ -53775,6 +57493,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "SelectButtonClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-selectbutton p-component\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "sidebar": {
@@ -54187,7 +57919,8 @@
             }
         }
     },
-    "sidebar/style/SidebarStyle": {
+    "sidebarstyle": {
+        "description": "Sidebar is a panel component displayed as an overlay at the edges of the screen.\n\n[Live Demo](https://primevue.org/drawer)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -54244,6 +57977,13 @@
                     "extendedTypes": "DrawerStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "SidebarClasses": {
+                    "members": []
+                }
+            }
         }
     },
     "skeleton": {
@@ -54456,7 +58196,8 @@
             }
         }
     },
-    "skeleton/style/SkeletonStyle": {
+    "skeletonstyle": {
+        "description": "Skeleton is a placeholder to display instead of the actual content.\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.",
@@ -54513,6 +58254,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "SkeletonClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-skeleton\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "slider": {
@@ -54852,7 +58607,8 @@
             }
         }
     },
-    "slider/style/SliderStyle": {
+    "sliderstyle": {
+        "description": "Slider is a component to provide input with a drag handle.\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.",
@@ -54909,6 +58665,32 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "SliderClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-slider\""
+                        },
+                        {
+                            "name": "range",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-slider-range\""
+                        },
+                        {
+                            "name": "handle",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-slider-handle\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "speeddial": {
@@ -55529,7 +59311,8 @@
             }
         }
     },
-    "speeddial/style/SpeedDialStyle": {
+    "speeddialstyle": {
+        "description": "When pressed, a floating action button can display multiple primary actions that can be performed on a page.\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.",
@@ -55586,6 +59369,56 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "SpeedDialClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-speeddial\""
+                        },
+                        {
+                            "name": "pcButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-speeddial-button\""
+                        },
+                        {
+                            "name": "list",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-speeddial-list\""
+                        },
+                        {
+                            "name": "item",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-speeddial-item\""
+                        },
+                        {
+                            "name": "action",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-speeddial-action\""
+                        },
+                        {
+                            "name": "actionIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-speeddial-action-icon\""
+                        },
+                        {
+                            "name": "mask",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-speeddial-mask\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "splitbutton": {
@@ -56075,7 +59908,8 @@
             }
         }
     },
-    "splitbutton/style/SplitButtonStyle": {
+    "splitbuttonstyle": {
+        "description": "SplitButton groups a set of commands in an overlay with a default command.\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.",
@@ -56132,6 +59966,32 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "SplitButtonClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-splitbutton\""
+                        },
+                        {
+                            "name": "pcButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-splitbutton-button\""
+                        },
+                        {
+                            "name": "pcDropdown",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-splitbutton-dropdown\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "splitter": {
@@ -56514,7 +60374,8 @@
             }
         }
     },
-    "splitter/style/SplitterStyle": {
+    "splitterstyle": {
+        "description": "Splitter is utilized to separate and resize panels.\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.",
@@ -56571,6 +60432,32 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "SplitterClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-splitter\""
+                        },
+                        {
+                            "name": "gutter",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-splitter-gutter\""
+                        },
+                        {
+                            "name": "gutterHandle",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-splitter-gutter-handle\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "splitterpanel": {
@@ -56781,7 +60668,8 @@
             }
         }
     },
-    "splitterpanel/style/SplitterPanelStyle": {
+    "splitterpanelstyle": {
+        "description": "SplitterPanel is a helper component for Splitter component.\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.",
@@ -56838,6 +60726,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "SplitterPanelClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-splitter-panel\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "stepper": {
@@ -57143,7 +61045,8 @@
             }
         }
     },
-    "stepper/style/StepperStyle": {
+    "stepperstyle": {
+        "description": "Stepper is a component that streamlines a wizard-like workflow, organizing content into coherent steps and visually guiding users through a numbered progression in a multi-step process.\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.",
@@ -57200,6 +61103,80 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "StepperClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-stepper\""
+                        },
+                        {
+                            "name": "list",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-stepper-list\""
+                        },
+                        {
+                            "name": "stepperItem",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-stepper-item\""
+                        },
+                        {
+                            "name": "stepperItemHeader",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-stepper-item-header\""
+                        },
+                        {
+                            "name": "stepperItemNumber",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-stepper-item-number\""
+                        },
+                        {
+                            "name": "stepperItemTitle",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-stepper-item-title\""
+                        },
+                        {
+                            "name": "stepperSeparator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-stepper-separator\""
+                        },
+                        {
+                            "name": "stepperPanelContentContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-stepper-panel-content-container\""
+                        },
+                        {
+                            "name": "stepperPanelContent",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-stepper-panel-content\""
+                        },
+                        {
+                            "name": "panels",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-stepper-panels\""
+                        },
+                        {
+                            "name": "panel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-stepper-panel\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "stepperpanel": {
@@ -57543,7 +61520,8 @@
             }
         }
     },
-    "stepperpanel/style/StepperPanelStyle": {
+    "stepperpanelstyle": {
+        "description": "StepperPanel is a helper component for Stepper component.\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.",
@@ -57600,6 +61578,13 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "StepperPanelClasses": {
+                    "members": []
+                }
+            }
         }
     },
     "steps": {
@@ -57937,7 +61922,8 @@
             }
         }
     },
-    "steps/style/StepsStyle": {
+    "stepsstyle": {
+        "description": "Steps components is an indicator for the steps in a wizard workflow. Example below uses nested routes with Steps.\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.",
@@ -57994,6 +61980,50 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "StepsClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-steps\""
+                        },
+                        {
+                            "name": "list",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-steps-list\""
+                        },
+                        {
+                            "name": "item",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-steps-item\""
+                        },
+                        {
+                            "name": "itemLink",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-steps-item-link\""
+                        },
+                        {
+                            "name": "itemNumber",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-steps-item-number\""
+                        },
+                        {
+                            "name": "itemLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-steps-item-label\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "styleclass": {
@@ -58159,7 +62189,8 @@
             }
         }
     },
-    "styleclass/style/StyleClassStyle": {
+    "styleclassstyle": {
+        "description": "StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element.\n\n[Live Demo](https://primevue.org/styleclass)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -58216,6 +62247,13 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "StyleClassClasses": {
+                    "members": []
+                }
+            }
         }
     },
     "styled/PrimeVueStyled": {},
@@ -58433,7 +62471,8 @@
             }
         }
     },
-    "tab/style/TabStyle": {
+    "tabstyle": {
+        "description": "Tab is a helper component for Tabs component.\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.",
@@ -58490,6 +62529,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "TabClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tab\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "tablist": {
@@ -58704,7 +62757,8 @@
             }
         }
     },
-    "tablist/style/TabListStyle": {
+    "tabliststyle": {
+        "description": "TabList is a helper component for Tabs component.\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.",
@@ -58761,6 +62815,50 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "TabListClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tablist\""
+                        },
+                        {
+                            "name": "content",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tablist-content\""
+                        },
+                        {
+                            "name": "tabs",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tablist-tab-list\""
+                        },
+                        {
+                            "name": "inkbar",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tablist-active-bar\""
+                        },
+                        {
+                            "name": "previousButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tablist-prev-button p-tablist-nav-button\""
+                        },
+                        {
+                            "name": "nextButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tablist-next-button p-tablist-nav-button\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "tabmenu": {
@@ -59163,7 +63261,8 @@
             }
         }
     },
-    "tabmenu/style/TabMenuStyle": {
+    "tabmenustyle": {
+        "description": "TabMenu is a navigation component that displays items as tab headers. Example below uses nested routes with TabMenu.\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.",
@@ -59220,6 +63319,56 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "TabMenuClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabmenu p-component\""
+                        },
+                        {
+                            "name": "tablist",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabmenu-tablist\""
+                        },
+                        {
+                            "name": "item",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabmenu-item\""
+                        },
+                        {
+                            "name": "itemLink",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabmenu-item-link\""
+                        },
+                        {
+                            "name": "itemIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabmenu-item-icon\""
+                        },
+                        {
+                            "name": "itemLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabmenu-item-label\""
+                        },
+                        {
+                            "name": "inkbar",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabmenu-ink-bar\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "tabpanel": {
@@ -59588,7 +63737,8 @@
             }
         }
     },
-    "tabpanel/style/TabPanelStyle": {
+    "tabpanelstyle": {
+        "description": "TabPanel is a helper component for Tabs component.\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.",
@@ -59645,6 +63795,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "TabPanelClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabpanel\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "tabpanels": {
@@ -59827,7 +63991,8 @@
             }
         }
     },
-    "tabpanels/style/TabPanelsStyle": {
+    "tabpanelsstyle": {
+        "description": "TabPanels is a helper component for Tabs component.\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.",
@@ -59884,283 +64049,24 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "TabPanelsClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabpanels\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "tabs": {
         "description": "Tabs facilitates seamless switching between different views.\n\n[Live Demo](https://www.primevue.org/tabs/)",
-        "components": {
-            "default": {
-                "description": "Tabs facilitates seamless switching between different views.",
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": []
-                }
-            }
-        },
-        "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": {
-                "TabsPassThroughMethodOptions": {
-                    "description": "Custom passthrough(pt) option method.",
-                    "relatedProp": "",
-                    "props": [
-                        {
-                            "name": "instance",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "default": "",
-                            "description": "Defines instance."
-                        },
-                        {
-                            "name": "props",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "TabsProps",
-                            "default": "",
-                            "description": "Defines valid properties."
-                        },
-                        {
-                            "name": "state",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "TabsState",
-                            "default": "",
-                            "description": "Defines current inline state."
-                        },
-                        {
-                            "name": "attrs",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "default": "",
-                            "description": "Defines valid attributes."
-                        },
-                        {
-                            "name": "parent",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "default": "",
-                            "description": "Defines parent options."
-                        },
-                        {
-                            "name": "global",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "undefined | object",
-                            "default": "",
-                            "description": "Defines passthrough(pt) options in global config."
-                        }
-                    ],
-                    "methods": []
-                },
-                "TabsPassThroughOptions": {
-                    "description": "Custom passthrough(pt) options.",
-                    "relatedProp": "TabsProps.pt",
-                    "props": [
-                        {
-                            "name": "root",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TabsPassThroughOptionType",
-                            "default": "",
-                            "description": "Used to pass attributes to the root's DOM element."
-                        },
-                        {
-                            "name": "hooks",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "ComponentHooks",
-                            "default": "",
-                            "description": "Used to manage all lifecycle hooks."
-                        }
-                    ],
-                    "methods": []
-                },
-                "TabsPassThroughAttributes": {
-                    "description": "Custom passthrough attributes for each DOM elements",
-                    "relatedProp": "",
-                    "props": [
-                        {
-                            "name": "[key: string]",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any"
-                        }
-                    ],
-                    "methods": []
-                },
-                "TabsState": {
-                    "description": "Defines current inline state in Tabs component.",
-                    "relatedProp": "",
-                    "props": [
-                        {
-                            "name": "d_value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "",
-                            "description": "Current active value state."
-                        },
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Unique id for the Tabs component."
-                        }
-                    ],
-                    "methods": []
-                },
-                "TabsProps": {
-                    "description": "Defines valid properties in Tabs component.",
-                    "relatedProp": "",
-                    "props": [
-                        {
-                            "name": "value",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Value of the active tab."
-                        },
-                        {
-                            "name": "lazy",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, hidden tabs are not rendered at all. Defaults to false that hides tabs with css."
-                        },
-                        {
-                            "name": "scrollable",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When specified, enables horizontal and/or vertical scrolling."
-                        },
-                        {
-                            "name": "showNavigators",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Whether to display navigation buttons in container when scrollable is enabled."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "selectOnFocus",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, the focused tab is activated."
-                        },
-                        {
-                            "name": "dt",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "default": "",
-                            "description": "It generates scoped CSS variables using design tokens for the component."
-                        },
-                        {
-                            "name": "pt",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "PassThrough<TabsPassThroughOptions>",
-                            "default": "",
-                            "description": "Used to pass attributes to DOM elements inside the component."
-                        },
-                        {
-                            "name": "ptOptions",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "PassThroughOptions",
-                            "default": "",
-                            "description": "Used to configure passthrough(pt) options of the component."
-                        },
-                        {
-                            "name": "unstyled",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, it removes component related styles in the core."
-                        }
-                    ],
-                    "methods": []
-                },
-                "TabsSlots": {
-                    "description": "Defines valid slots in Tabs slots.",
-                    "relatedProp": "",
-                    "props": [],
-                    "methods": [
-                        {
-                            "name": "default",
-                            "parameters": [],
-                            "returnType": "VNode<RendererNode, RendererElement, Object>[]",
-                            "description": "Default slot to detect TabPanel components."
-                        },
-                        {
-                            "name": "previousicon",
-                            "parameters": [],
-                            "returnType": "VNode<RendererNode, RendererElement, Object>[]",
-                            "description": "Previous button icon template for the scrollable component."
-                        },
-                        {
-                            "name": "nexticon",
-                            "parameters": [],
-                            "returnType": "VNode<RendererNode, RendererElement, Object>[]",
-                            "description": "Next button icon template for the scrollable component."
-                        }
-                    ]
-                },
-                "TabsEmits": {
-                    "description": "Defines valid emits in Tabs component.",
-                    "relatedProp": "",
-                    "props": [],
-                    "methods": [
-                        {
-                            "name": "update:value",
-                            "parameters": [
-                                {
-                                    "name": "value",
-                                    "optional": false,
-                                    "type": "number",
-                                    "description": "Current value."
-                                }
-                            ],
-                            "returnType": "void",
-                            "description": "Emitted when the value changes."
-                        }
-                    ]
-                }
-            }
-        },
-        "types": {
-            "description": "Defines the custom types used by the module.",
-            "values": {
-                "TabsPassThroughOptionType": {
-                    "values": "TabsPassThroughAttributes | (options: TabsPassThroughMethodOptions) => undefined | string | null | undefined"
-                }
-            }
-        }
-    },
-    "tabs/style/TabsStyle": {
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -60217,490 +64123,24 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "TabsClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabs\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "tabview": {
         "description": "",
-        "components": {
-            "default": {
-                "description": "",
-                "methods": {
-                    "description": "Defines methods that can be accessed by the component's reference.",
-                    "values": []
-                }
-            }
-        },
-        "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": {
-                "TabViewPassThroughMethodOptions": {
-                    "description": "Custom passthrough(pt) option method.",
-                    "relatedProp": "",
-                    "props": [
-                        {
-                            "name": "instance",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "default": "",
-                            "description": "Defines instance."
-                        },
-                        {
-                            "name": "props",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "TabViewProps",
-                            "default": "",
-                            "description": "Defines valid properties."
-                        },
-                        {
-                            "name": "state",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "TabViewState",
-                            "default": "",
-                            "description": "Defines current inline state."
-                        },
-                        {
-                            "name": "attrs",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "default": "",
-                            "description": "Defines valid attributes."
-                        },
-                        {
-                            "name": "parent",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any",
-                            "default": "",
-                            "description": "Defines parent options."
-                        },
-                        {
-                            "name": "global",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "undefined | object",
-                            "default": "",
-                            "description": "Defines passthrough(pt) options in global config."
-                        }
-                    ],
-                    "methods": []
-                },
-                "TabViewChangeEvent": {
-                    "description": "Custom tab change event.",
-                    "relatedProp": "TabViewEmits['tab-change']",
-                    "props": [
-                        {
-                            "name": "originalEvent",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Event",
-                            "default": "",
-                            "description": "Browser event"
-                        },
-                        {
-                            "name": "index",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "",
-                            "description": "Index of the selected tab"
-                        }
-                    ],
-                    "methods": [],
-                    "extendedBy": "TabViewClickEvent"
-                },
-                "TabViewClickEvent": {
-                    "description": "Custom tab change event.",
-                    "relatedProp": "TabViewEmits['tab-click']",
-                    "props": [
-                        {
-                            "name": "originalEvent",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "Event",
-                            "default": "",
-                            "description": "Browser event"
-                        },
-                        {
-                            "name": "index",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "",
-                            "description": "Index of the selected tab"
-                        }
-                    ],
-                    "methods": [],
-                    "extendedTypes": "TabViewChangeEvent"
-                },
-                "TabViewPassThroughOptions": {
-                    "description": "Custom passthrough(pt) options.",
-                    "relatedProp": "TabViewProps.pt",
-                    "props": [
-                        {
-                            "name": "root",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TabViewPassThroughOptionType",
-                            "default": "",
-                            "description": "Used to pass attributes to the root's DOM element."
-                        },
-                        {
-                            "name": "navContainer",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TabViewPassThroughOptionType",
-                            "default": "",
-                            "description": "Used to pass attributes to the nav container's DOM element."
-                        },
-                        {
-                            "name": "navContent",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TabViewPassThroughOptionType",
-                            "default": "",
-                            "description": "Used to pass attributes to the nav content's DOM element."
-                        },
-                        {
-                            "name": "nav",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TabViewPassThroughOptionType",
-                            "default": "",
-                            "description": "Used to pass attributes to the list's DOM element."
-                        },
-                        {
-                            "name": "inkbar",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TabViewPassThroughOptionType",
-                            "default": "",
-                            "description": "Used to pass attributes to the inkbar's DOM element."
-                        },
-                        {
-                            "name": "previousButton",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TabViewPassThroughOptionType",
-                            "default": "",
-                            "description": "Used to pass attributes to the previous button's DOM element."
-                        },
-                        {
-                            "name": "previousIcon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TabViewPassThroughOptionType",
-                            "default": "",
-                            "description": "Used to pass attributes to the previous button icon's DOM element."
-                        },
-                        {
-                            "name": "nextButton",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TabViewPassThroughOptionType",
-                            "default": "",
-                            "description": "Used to pass attributes to the next button's DOM element."
-                        },
-                        {
-                            "name": "nextIcon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TabViewPassThroughOptionType",
-                            "default": "",
-                            "description": "Used to pass attributes to the next button icon's DOM element."
-                        },
-                        {
-                            "name": "panelContainer",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TabViewPassThroughOptionType",
-                            "default": "",
-                            "description": "Used to pass attributes to the panel's DOM element."
-                        },
-                        {
-                            "name": "tab",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TabPanelPassThroughOptionType",
-                            "default": "",
-                            "description": "Used to pass attributes to TabPanel helper components.",
-                            "deprecated": "since v3.30.1. Use 'tabpanel' property instead."
-                        },
-                        {
-                            "name": "tabpanel",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "TabPanelPassThroughOptionType",
-                            "default": "",
-                            "description": "Used to pass attributes to TabPanel helper components."
-                        },
-                        {
-                            "name": "hooks",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "ComponentHooks",
-                            "default": "",
-                            "description": "Used to manage all lifecycle hooks."
-                        }
-                    ],
-                    "methods": []
-                },
-                "TabViewPassThroughAttributes": {
-                    "description": "Custom passthrough attributes for each DOM elements",
-                    "relatedProp": "",
-                    "props": [
-                        {
-                            "name": "[key: string]",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "any"
-                        }
-                    ],
-                    "methods": []
-                },
-                "TabViewState": {
-                    "description": "Defines current inline state in TabView component.",
-                    "relatedProp": "",
-                    "props": [
-                        {
-                            "name": "d_activeIndex",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "",
-                            "description": "Current active index state."
-                        },
-                        {
-                            "name": "id",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Unique id for the TabView component."
-                        },
-                        {
-                            "name": "isPrevButtonDisabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "true",
-                            "description": "Current state of previous button."
-                        },
-                        {
-                            "name": "isNextButtonDisabled",
-                            "optional": false,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "Current state of the next button."
-                        }
-                    ],
-                    "methods": []
-                },
-                "TabViewProps": {
-                    "description": "Defines valid properties in TabView component.",
-                    "relatedProp": "",
-                    "props": [
-                        {
-                            "name": "activeIndex",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the active tab."
-                        },
-                        {
-                            "name": "lazy",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, hidden tabs are not rendered at all. Defaults to false that hides tabs with css."
-                        },
-                        {
-                            "name": "scrollable",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled displays buttons at each side of the tab headers to scroll the tab list."
-                        },
-                        {
-                            "name": "tabindex",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "number",
-                            "default": "0",
-                            "description": "Index of the element in tabbing order."
-                        },
-                        {
-                            "name": "selectOnFocus",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, the focused tab is activated."
-                        },
-                        {
-                            "name": "previousButtonProps",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "ButtonHTMLAttributes",
-                            "default": "",
-                            "description": "Used to pass all properties of the HTMLButtonElement to the previous button.",
-                            "deprecated": "since v3.26.0. Use 'pt' property instead."
-                        },
-                        {
-                            "name": "nextButtonProps",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "ButtonHTMLAttributes",
-                            "default": "",
-                            "description": "Used to pass all properties of the HTMLButtonElement to the next button.",
-                            "deprecated": "since v3.26.0. Use 'pt' property instead."
-                        },
-                        {
-                            "name": "prevIcon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Previous icon of the scrollable tabview.",
-                            "deprecated": "since v3.27.0. Use 'previousicon' slot."
-                        },
-                        {
-                            "name": "nextIcon",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "string",
-                            "default": "",
-                            "description": "Next icon of the scrollable tabview.",
-                            "deprecated": "since v3.27.0. Use 'next' slot."
-                        },
-                        {
-                            "name": "dt",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "any",
-                            "default": "",
-                            "description": "It generates scoped CSS variables using design tokens for the component."
-                        },
-                        {
-                            "name": "pt",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "PassThrough<TabViewPassThroughOptions>",
-                            "default": "",
-                            "description": "Used to pass attributes to DOM elements inside the component."
-                        },
-                        {
-                            "name": "ptOptions",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "PassThroughOptions",
-                            "default": "",
-                            "description": "Used to configure passthrough(pt) options of the component."
-                        },
-                        {
-                            "name": "unstyled",
-                            "optional": true,
-                            "readonly": false,
-                            "type": "boolean",
-                            "default": "false",
-                            "description": "When enabled, it removes component related styles in the core."
-                        }
-                    ],
-                    "methods": []
-                },
-                "TabViewSlots": {
-                    "description": "Defines valid slots in TabView slots.",
-                    "relatedProp": "",
-                    "props": [],
-                    "methods": [
-                        {
-                            "name": "default",
-                            "parameters": [],
-                            "returnType": "VNode<RendererNode, RendererElement, Object>[]",
-                            "description": "Default slot to detect TabPanel components."
-                        },
-                        {
-                            "name": "previousicon",
-                            "parameters": [],
-                            "returnType": "VNode<RendererNode, RendererElement, Object>[]",
-                            "description": "Previous button icon template for the scrollable component."
-                        },
-                        {
-                            "name": "nexticon",
-                            "parameters": [],
-                            "returnType": "VNode<RendererNode, RendererElement, Object>[]",
-                            "description": "Next button icon template for the scrollable component."
-                        }
-                    ]
-                },
-                "TabViewEmits": {
-                    "description": "Defines valid emits in TabView component.",
-                    "relatedProp": "",
-                    "props": [],
-                    "methods": [
-                        {
-                            "name": "update:activeIndex",
-                            "parameters": [
-                                {
-                                    "name": "index",
-                                    "optional": false,
-                                    "type": "number",
-                                    "description": "Current activeIndex."
-                                }
-                            ],
-                            "returnType": "void",
-                            "description": "Emitted when the activeIndex changes."
-                        },
-                        {
-                            "name": "tab-change",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "optional": false,
-                                    "type": "TabViewChangeEvent",
-                                    "description": "Custom tab change event."
-                                }
-                            ],
-                            "returnType": "void",
-                            "description": "Callback to invoke when an active tab is changed."
-                        },
-                        {
-                            "name": "tab-click",
-                            "parameters": [
-                                {
-                                    "name": "event",
-                                    "optional": false,
-                                    "type": "TabViewClickEvent",
-                                    "description": "Custom tab click event."
-                                }
-                            ],
-                            "returnType": "void",
-                            "description": "Callback to invoke when an active tab is clicked."
-                        }
-                    ]
-                }
-            }
-        },
-        "types": {
-            "description": "Defines the custom types used by the module.",
-            "values": {
-                "TabViewPassThroughOptionType": {
-                    "values": "TabViewPassThroughAttributes | (options: TabViewPassThroughMethodOptions) => undefined | string | null | undefined"
-                }
-            }
-        }
-    },
-    "tabview/style/TabViewStyle": {
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -60757,6 +64197,86 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "TabViewClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabview\""
+                        },
+                        {
+                            "name": "navContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabview-tablist-container\""
+                        },
+                        {
+                            "name": "previousButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabview-prev-button\""
+                        },
+                        {
+                            "name": "navContent",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabview-tablist-scroll-container\""
+                        },
+                        {
+                            "name": "nav",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabview-tablist\""
+                        },
+                        {
+                            "name": "tabHeader",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabview-tablist-item\""
+                        },
+                        {
+                            "name": "tabHeaderAction",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabview-tab-header\""
+                        },
+                        {
+                            "name": "tabHeaderTitle",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabview-tab-title\""
+                        },
+                        {
+                            "name": "tabContent",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabview-panel\""
+                        },
+                        {
+                            "name": "inkbar",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabview-ink-bar\""
+                        },
+                        {
+                            "name": "nextButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabview-next-button\""
+                        },
+                        {
+                            "name": "panelContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tabview-panels\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "tag": {
@@ -60983,7 +64503,8 @@
             }
         }
     },
-    "tag/style/TagStyle": {
+    "tagstyle": {
+        "description": "Tag component is used to categorize content.\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.",
@@ -61040,6 +64561,32 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "TagClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tag\""
+                        },
+                        {
+                            "name": "icon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tag-icon\""
+                        },
+                        {
+                            "name": "label",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tag-label\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "terminal": {
@@ -61315,7 +64862,8 @@
             }
         }
     },
-    "terminal/style/TerminalStyle": {
+    "terminalstyle": {
+        "description": "Terminal is a text based user interface.\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.",
@@ -61372,6 +64920,68 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "TerminalClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-terminal p-component\""
+                        },
+                        {
+                            "name": "welcomeMessage",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-terminal-welcome-message\""
+                        },
+                        {
+                            "name": "commandList",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-terminal-command-list\""
+                        },
+                        {
+                            "name": "command",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-terminal-command\""
+                        },
+                        {
+                            "name": "commandValue",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-terminal-command-value\""
+                        },
+                        {
+                            "name": "commandResponse",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-terminal-command-response\""
+                        },
+                        {
+                            "name": "prompt",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-terminal-prompt\""
+                        },
+                        {
+                            "name": "promptLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-terminal-prompt-label\""
+                        },
+                        {
+                            "name": "promptValue",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-terminal-prompt-value\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "terminalservice": {
@@ -61676,7 +65286,8 @@
             }
         }
     },
-    "textarea/style/TextareaStyle": {
+    "textareastyle": {
+        "description": "Textarea is a multi-line text input element.\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.",
@@ -61733,6 +65344,20 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "TextareaClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-inputtextarea\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "themes": {},
@@ -62352,7 +65977,8 @@
             }
         }
     },
-    "tieredmenu/style/TieredMenuStyle": {
+    "tieredmenustyle": {
+        "description": "TieredMenu displays submenus in nested overlays.\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.",
@@ -62409,6 +66035,86 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "TieredMenuClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tieredmenu\""
+                        },
+                        {
+                            "name": "start",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tieredmenu-start\""
+                        },
+                        {
+                            "name": "rootList",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tieredmenu-root-list\""
+                        },
+                        {
+                            "name": "item",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tieredmenu-item\""
+                        },
+                        {
+                            "name": "itemContent",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tieredmenu-item-content\""
+                        },
+                        {
+                            "name": "itemLink",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tieredmenu-item-link\""
+                        },
+                        {
+                            "name": "itemIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tieredmenu-item-icon\""
+                        },
+                        {
+                            "name": "itemLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tieredmenu-item-label\""
+                        },
+                        {
+                            "name": "submenuIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tieredmenu-submenu-icon\""
+                        },
+                        {
+                            "name": "submenu",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tieredmenu-submenu\""
+                        },
+                        {
+                            "name": "separator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tieredmenu-separator\""
+                        },
+                        {
+                            "name": "end",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tieredmenu-end\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "timeline": {
@@ -62728,7 +66434,8 @@
             }
         }
     },
-    "timeline/style/TimelineStyle": {
+    "timelinestyle": {
+        "description": "Timeline visualizes a series of chained events.\n\n[Live Demo](https://primevue.org/timeline)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -62785,6 +66492,56 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "TimelineClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-timeline\""
+                        },
+                        {
+                            "name": "event",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-timeline-event\""
+                        },
+                        {
+                            "name": "eventOpposite",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-timeline-event-opposite\""
+                        },
+                        {
+                            "name": "eventSeparator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-timeline-event-separator\""
+                        },
+                        {
+                            "name": "eventMarker",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-timeline-event-marker\""
+                        },
+                        {
+                            "name": "eventConnector",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-timeline-event-connector\""
+                        },
+                        {
+                            "name": "eventContent",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-timeline-event-content\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "toast": {
@@ -63344,7 +67101,8 @@
             }
         }
     },
-    "toast/style/ToastStyle": {
+    "toaststyle": {
+        "description": "Toast is used to display messages in an overlay.\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.",
@@ -63401,6 +67159,68 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ToastClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-toast\""
+                        },
+                        {
+                            "name": "message",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-toast-message\""
+                        },
+                        {
+                            "name": "messageContent",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-toast-message-content\""
+                        },
+                        {
+                            "name": "messageIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-toast-message-icon\""
+                        },
+                        {
+                            "name": "messageText",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-toast-message-text\""
+                        },
+                        {
+                            "name": "summary",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-toast-summary\""
+                        },
+                        {
+                            "name": "detail",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-toast-detail\""
+                        },
+                        {
+                            "name": "closeButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-toast-close-button\""
+                        },
+                        {
+                            "name": "closeIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-toast-close-icon\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "toastservice-usetoast": {
@@ -63845,7 +67665,8 @@
             }
         }
     },
-    "togglebutton/style/ToggleButtonStyle": {
+    "togglebuttonstyle": {
+        "description": "ToggleButton is used to select a boolean value using a button.\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.",
@@ -63902,6 +67723,32 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ToggleButtonClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-togglebutton\""
+                        },
+                        {
+                            "name": "icon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-togglebutton-icon\""
+                        },
+                        {
+                            "name": "label",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-togglebutton-label\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "toggleswitch": {
@@ -64268,7 +68115,8 @@
             }
         }
     },
-    "toggleswitch/style/ToggleSwitchStyle": {
+    "toggleswitchstyle": {
+        "description": "ToggleSwitch is used to select a boolean value.\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.",
@@ -64326,6 +68174,32 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ToggleSwitchClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-toggleswitch\""
+                        },
+                        {
+                            "name": "input",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-toggleswitch-input\""
+                        },
+                        {
+                            "name": "slider",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-toggleswitch-slider\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "toolbar": {
@@ -64541,7 +68415,8 @@
             }
         }
     },
-    "toolbar/style/ToolbarStyle": {
+    "toolbarstyle": {
+        "description": "Toolbar is a grouping component for buttons and other content.\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.",
@@ -64598,6 +68473,38 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "ToolbarClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-toolbar\""
+                        },
+                        {
+                            "name": "start",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-toolbar-start\""
+                        },
+                        {
+                            "name": "center",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-toolbar-center\""
+                        },
+                        {
+                            "name": "end",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-toolbar-end\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "tooltip": {
@@ -64930,7 +68837,8 @@
             }
         }
     },
-    "tooltip/style/TooltipStyle": {
+    "tooltipstyle": {
+        "description": "Tooltip directive provides advisory information for a component.\n\n[Live Demo](https://primevue.org/tooltip)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -64987,6 +68895,32 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "TooltipClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tooltip\""
+                        },
+                        {
+                            "name": "arrow",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tooltip-arrow\""
+                        },
+                        {
+                            "name": "text",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tooltip-text\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "tree": {
@@ -65749,7 +69683,8 @@
             }
         }
     },
-    "tree/style/TreeStyle": {
+    "treestyle": {
+        "description": "Tree is used to display hierarchical data.\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.",
@@ -65806,6 +69741,104 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "TreeClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tree\""
+                        },
+                        {
+                            "name": "mask",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tree-mask\""
+                        },
+                        {
+                            "name": "loadingIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tree-loading-icon\""
+                        },
+                        {
+                            "name": "pcFilterInput",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tree-filter-input\""
+                        },
+                        {
+                            "name": "wrapper",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tree-root\""
+                        },
+                        {
+                            "name": "rootChildren",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tree-root-children\""
+                        },
+                        {
+                            "name": "node",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tree-node\""
+                        },
+                        {
+                            "name": "nodeContent",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tree-node-content\""
+                        },
+                        {
+                            "name": "nodeToggleButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tree-node-toggle-button\""
+                        },
+                        {
+                            "name": "nodeToggleIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tree-node-toggle-icon\""
+                        },
+                        {
+                            "name": "nodeTogglerIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tree-node-toggler-icon\""
+                        },
+                        {
+                            "name": "nodeCheckbox",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tree-node-checkbox\""
+                        },
+                        {
+                            "name": "nodeIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tree-node-icon\""
+                        },
+                        {
+                            "name": "nodeLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tree-node-label\""
+                        },
+                        {
+                            "name": "nodeChildren",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-tree-node-children\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "treenode": {
@@ -66629,7 +70662,8 @@
             }
         }
     },
-    "treeselect/style/TreeSelectStyle": {
+    "treeselectstyle": {
+        "description": "TreeSelect is a form component to choose from hierarchical data.\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.",
@@ -66686,6 +70720,74 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "TreeSelectClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treeselect\""
+                        },
+                        {
+                            "name": "labelContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treeselect-label-container\""
+                        },
+                        {
+                            "name": "label",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treeselect-label\""
+                        },
+                        {
+                            "name": "chip",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treeselect-chip\""
+                        },
+                        {
+                            "name": "pcChipLabel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treeselect-chip-label\""
+                        },
+                        {
+                            "name": "dropdown",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treeselect-dropdown\""
+                        },
+                        {
+                            "name": "dropdownIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treeselect-dropdown-icon\""
+                        },
+                        {
+                            "name": "panel",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treeselect-overlay\""
+                        },
+                        {
+                            "name": "treeContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treeselect-tree-container\""
+                        },
+                        {
+                            "name": "emptyMessage",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treeselect-empty-message\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "treetable": {
@@ -68172,7 +72274,8 @@
             }
         }
     },
-    "treetable/style/TreeTableStyle": {
+    "treetablestyle": {
+        "description": "TreeTable is used to display hierarchical data in tabular format.\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.",
@@ -68229,6 +72332,140 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "TreeTableClasses": {
+                    "members": [
+                        {
+                            "name": "root",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable\""
+                        },
+                        {
+                            "name": "loading",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-loading\""
+                        },
+                        {
+                            "name": "mask",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-mask\""
+                        },
+                        {
+                            "name": "loadingIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-loading-icon\""
+                        },
+                        {
+                            "name": "header",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-header\""
+                        },
+                        {
+                            "name": "paginator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-paginator-[position]\""
+                        },
+                        {
+                            "name": "tableContainer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-table-container\""
+                        },
+                        {
+                            "name": "table",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-table\""
+                        },
+                        {
+                            "name": "thead",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-thead\""
+                        },
+                        {
+                            "name": "columnResizer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-column-resizer\""
+                        },
+                        {
+                            "name": "columnTitle",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-column-title\""
+                        },
+                        {
+                            "name": "sortIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-sort-icon\""
+                        },
+                        {
+                            "name": "sortBadge",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-sort-badge\""
+                        },
+                        {
+                            "name": "tbody",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-tbody\""
+                        },
+                        {
+                            "name": "nodeToggleButton",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-node-toggle-button\""
+                        },
+                        {
+                            "name": "nodeToggleIcon",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-node-toggle-icon\""
+                        },
+                        {
+                            "name": "pcNodeCheckbox",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-node-checkbox\""
+                        },
+                        {
+                            "name": "emptyMessage",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-empty-message\""
+                        },
+                        {
+                            "name": "tfoot",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-tfoot\""
+                        },
+                        {
+                            "name": "footer",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-footer\""
+                        },
+                        {
+                            "name": "columnResizeIndicator",
+                            "optional": false,
+                            "readonly": false,
+                            "value": "\"p-treetable-column-resize-indicator\""
+                        }
+                    ]
+                }
+            }
         }
     },
     "ts-helpers": {
@@ -69335,7 +73572,8 @@
             }
         }
     },
-    "virtualscroller/style/VirtualScrollerStyle": {
+    "virtualscrollerstyle": {
+        "description": "VirtualScroller is a performant approach to handle huge data efficiently.\n\n[Live Demo](https://www.primevue.org/virtualscroller/)",
         "interfaces": {
             "description": "Defines the custom interfaces used by the module.",
             "eventDescription": "Defines the custom events used by the component's emit.",
@@ -69392,6 +73630,13 @@
                     "extendedTypes": "BaseStyle"
                 }
             }
+        },
+        "enumerations": {
+            "values": {
+                "VirtualScrollerClasses": {
+                    "members": []
+                }
+            }
         }
     }
 }
\ No newline at end of file
diff --git a/doc/inlinemessage/SeverityDoc.vue b/doc/inlinemessage/SeverityDoc.vue
index e5a7a6127..86e3b3ad0 100644
--- a/doc/inlinemessage/SeverityDoc.vue
+++ b/doc/inlinemessage/SeverityDoc.vue
@@ -5,7 +5,7 @@
     <div class="card flex flex-wrap align-items-center justify-content-center gap-3">
         <InlineMessage severity="success">Success Message</InlineMessage>
         <InlineMessage severity="info">Info Message</InlineMessage>
-        <InlineMessage severity="warn">Warning Message</InlineMessage>
+        <InlineMessage severity="warn">Warn Message</InlineMessage>
         <InlineMessage severity="error">Error Message</InlineMessage>
         <InlineMessage severity="secondary">Secondary Message</InlineMessage>
         <InlineMessage severity="contrast">Contrast Message</InlineMessage>
@@ -21,7 +21,7 @@ export default {
                 basic: `
 <InlineMessage severity="success">Success Message</InlineMessage>
 <InlineMessage severity="info">Info Message</InlineMessage>
-<InlineMessage severity="warn">Warning Message</InlineMessage>
+<InlineMessage severity="warn">Warn Message</InlineMessage>
 <InlineMessage severity="error">Error Message</InlineMessage>
 <InlineMessage severity="secondary">Secondary Message</InlineMessage>
 <InlineMessage severity="contrast">Contrast Message</InlineMessage>
@@ -31,7 +31,7 @@ export default {
     <div class="card flex flex-wrap align-items-center justify-content-center gap-3">
         <InlineMessage severity="success">Success Message</InlineMessage>
         <InlineMessage severity="info">Info Message</InlineMessage>
-        <InlineMessage severity="warn">Warning Message</InlineMessage>
+        <InlineMessage severity="warn">Warn Message</InlineMessage>
         <InlineMessage severity="error">Error Message</InlineMessage>
         <InlineMessage severity="secondary">Secondary Message</InlineMessage>
         <InlineMessage severity="contrast">Contrast Message</InlineMessage>
@@ -46,7 +46,7 @@ export default {
     <div class="card flex flex-wrap align-items-center justify-content-center gap-3">
         <InlineMessage severity="success">Success Message</InlineMessage>
         <InlineMessage severity="info">Info Message</InlineMessage>
-        <InlineMessage severity="warn">Warning Message</InlineMessage>
+        <InlineMessage severity="warn">Warn Message</InlineMessage>
         <InlineMessage severity="error">Error Message</InlineMessage>
         <InlineMessage severity="secondary">Secondary Message</InlineMessage>
         <InlineMessage severity="contrast">Contrast Message</InlineMessage>
diff --git a/doc/inlinemessage/theming/StyledDoc.vue b/doc/inlinemessage/theming/StyledDoc.vue
index d84456a39..3d0c3d9d7 100644
--- a/doc/inlinemessage/theming/StyledDoc.vue
+++ b/doc/inlinemessage/theming/StyledDoc.vue
@@ -21,7 +21,7 @@
                 </tr>
                 <tr>
                     <td>p-inline-message-warn</td>
-                    <td>Container element when displaying warning messages.</td>
+                    <td>Container element when displaying warn messages.</td>
                 </tr>
                 <tr>
                     <td>p-inline-message-error</td>
diff --git a/doc/message/DynamicDoc.vue b/doc/message/DynamicDoc.vue
index 13d41d015..5da14028c 100644
--- a/doc/message/DynamicDoc.vue
+++ b/doc/message/DynamicDoc.vue
@@ -50,7 +50,7 @@ export default {
             this.messages = [
                 { severity: 'info', content: 'Dynamic Info Message', id: this.count++ },
                 { severity: 'success', content: 'Dynamic Success Message', id: this.count++ },
-                { severity: 'warn', content: 'Dynamic Warning Message', id: this.count++ }
+                { severity: 'warn', content: 'Dynamic Warn Message', id: this.count++ }
             ];
         },
         clearMessages() {
@@ -82,7 +82,7 @@ const addMessages = () => {
     messages.value = [
         { severity: 'info', content: 'Dynamic Info Message', id: count.value++ },
         { severity: 'success', content: 'Dynamic Success Message', id: count.value++ },
-        { severity: 'warn', content: 'Dynamic Warning Message', id: count.value++ }
+        { severity: 'warn', content: 'Dynamic Warn Message', id: count.value++ }
     ];
 };
 
@@ -99,7 +99,7 @@ const clearMessages = () => {
             this.messages = [
                 { severity: 'info', content: 'Dynamic Info Message', id: this.count++ },
                 { severity: 'success', content: 'Dynamic Success Message', id: this.count++ },
-                { severity: 'warn', content: 'Dynamic Warning Message', id: this.count++ }
+                { severity: 'warn', content: 'Dynamic Warn Message', id: this.count++ }
             ];
         },
         clearMessages() {
diff --git a/doc/message/SeverityDoc.vue b/doc/message/SeverityDoc.vue
index fd556b3f2..34e890d96 100644
--- a/doc/message/SeverityDoc.vue
+++ b/doc/message/SeverityDoc.vue
@@ -5,7 +5,7 @@
     <div class="card">
         <Message severity="success">Success Message</Message>
         <Message severity="info">Info Message</Message>
-        <Message severity="warn">Warning Message</Message>
+        <Message severity="warn">Warn Message</Message>
         <Message severity="error">Error Message</Message>
         <Message severity="secondary">Secondary Message</Message>
         <Message severity="contrast">Contrast Message</Message>
@@ -21,7 +21,7 @@ export default {
                 basic: `
 <Message severity="success">Success Message</Message>
 <Message severity="info">Info Message</Message>
-<Message severity="warn">Warning Message</Message>
+<Message severity="warn">Warn Message</Message>
 <Message severity="error">Error Message</Message>
 <Message severity="secondary">Secondary Message</Message>
 <Message severity="contrast">Contrast Message</Message>
@@ -31,7 +31,7 @@ export default {
     <div class="card">
         <Message severity="success">Success Message</Message>
         <Message severity="info">Info Message</Message>
-        <Message severity="warn">Warning Message</Message>
+        <Message severity="warn">Warn Message</Message>
         <Message severity="error">Error Message</Message>
         <Message severity="secondary">Secondary Message</Message>
         <Message severity="contrast">Contrast Message</Message>
@@ -46,7 +46,7 @@ export default {
     <div class="card">
         <Message severity="success">Success Message</Message>
         <Message severity="info">Info Message</Message>
-        <Message severity="warn">Warning Message</Message>
+        <Message severity="warn">Warn Message</Message>
         <Message severity="error">Error Message</Message>
         <Message severity="secondary">Secondary Message</Message>
         <Message severity="contrast">Contrast Message</Message>
diff --git a/doc/message/StickyDoc.vue b/doc/message/StickyDoc.vue
index 475ef0734..cbb34f33b 100644
--- a/doc/message/StickyDoc.vue
+++ b/doc/message/StickyDoc.vue
@@ -6,7 +6,7 @@
         <Button label="Turn off Sticky" @click="sticky = false" />
         <Message severity="success" :sticky="sticky" :life="1000">Success Message</Message>
         <Message severity="info" :sticky="sticky" :life="2000">Info Message</Message>
-        <Message severity="warn" :sticky="sticky" :life="3000">Warning Message</Message>
+        <Message severity="warn" :sticky="sticky" :life="3000">Warn Message</Message>
         <Message severity="error" :sticky="sticky" :life="4000">Error Message</Message>
     </div>
     <DocSectionCode :code="code" />
@@ -22,7 +22,7 @@ export default {
 <Button label="Turn off Sticky" @click="sticky = false" />
 <Message severity="success" :sticky="sticky" :life="1000">Success Message</Message>
 <Message severity="info" :sticky="sticky" :life="2000">Info Message</Message>
-<Message severity="warn" :sticky="sticky" :life="3000">Warning Message</Message>
+<Message severity="warn" :sticky="sticky" :life="3000">Warn Message</Message>
 <Message severity="error" :sticky="sticky" :life="4000">Error Message</Message>
 `,
                 options: `
@@ -31,7 +31,7 @@ export default {
         <Button label="Turn off Sticky" @click="sticky = false" />
         <Message severity="success" :sticky="sticky" :life="1000">Success Message</Message>
         <Message severity="info" :sticky="sticky" :life="2000">Info Message</Message>
-        <Message severity="warn" :sticky="sticky" :life="3000">Warning Message</Message>
+        <Message severity="warn" :sticky="sticky" :life="3000">Warn Message</Message>
         <Message severity="error" :sticky="sticky" :life="4000">Error Message</Message>
     </div>
 </template>
@@ -52,7 +52,7 @@ export default {
         <Button label="Turn off Sticky" @click="sticky.value = false" />
         <Message severity="success" :sticky="sticky" :life="1000">Success Message</Message>
         <Message severity="info" :sticky="sticky" :life="2000">Info Message</Message>
-        <Message severity="warn" :sticky="sticky" :life="3000">Warning Message</Message>
+        <Message severity="warn" :sticky="sticky" :life="3000">Warn Message</Message>
         <Message severity="error" :sticky="sticky" :life="4000">Error Message</Message>
     </div>
 </template>
diff --git a/doc/message/theming/StyledDoc.vue b/doc/message/theming/StyledDoc.vue
index b59fd891c..260a730d4 100644
--- a/doc/message/theming/StyledDoc.vue
+++ b/doc/message/theming/StyledDoc.vue
@@ -21,7 +21,7 @@
                 </tr>
                 <tr>
                     <td>p-message-warn</td>
-                    <td>Container element when displaying warning messages.</td>
+                    <td>Container element when displaying warn messages.</td>
                 </tr>
                 <tr>
                     <td>p-message-error</td>
diff --git a/doc/tag/IconDoc.vue b/doc/tag/IconDoc.vue
index 53c1eb415..384468162 100644
--- a/doc/tag/IconDoc.vue
+++ b/doc/tag/IconDoc.vue
@@ -7,7 +7,7 @@
         <Tag icon="pi pi-search" severity="secondary" value="Secondary"></Tag>
         <Tag icon="pi pi-check" severity="success" value="Success"></Tag>
         <Tag icon="pi pi-info-circle" severity="info" value="Info"></Tag>
-        <Tag icon="pi pi-exclamation-triangle" severity="warn" value="Warning"></Tag>
+        <Tag icon="pi pi-exclamation-triangle" severity="warn" value="Warn"></Tag>
         <Tag icon="pi pi-times" severity="danger" value="Danger"></Tag>
         <Tag icon="pi pi-cog" severity="contrast" value="Contrast"></Tag>
     </div>
@@ -24,7 +24,7 @@ export default {
 <Tag icon="pi pi-search" severity="secondary" value="Secondary"></Tag>
 <Tag icon="pi pi-check" severity="success" value="Success"></Tag>
 <Tag icon="pi pi-info-circle" severity="info" value="Info"></Tag>
-<Tag icon="pi pi-exclamation-triangle" severity="warn" value="Warning"></Tag>
+<Tag icon="pi pi-exclamation-triangle" severity="warn" value="Warn"></Tag>
 <Tag icon="pi pi-times" severity="danger" value="Danger"></Tag>
 <Tag icon="pi pi-cog" severity="contrast" value="Contrast"></Tag>
 `,
@@ -35,7 +35,7 @@ export default {
         <Tag icon="pi pi-search" severity="secondary" value="Secondary"></Tag>
         <Tag icon="pi pi-check" severity="success" value="Success"></Tag>
         <Tag icon="pi pi-info-circle" severity="info" value="Info"></Tag>
-        <Tag icon="pi pi-exclamation-triangle" severity="warn" value="Warning"></Tag>
+        <Tag icon="pi pi-exclamation-triangle" severity="warn" value="Warn"></Tag>
         <Tag icon="pi pi-times" severity="danger" value="Danger"></Tag>
         <Tag icon="pi pi-cog" severity="contrast" value="Contrast"></Tag>
     </div>
@@ -52,7 +52,7 @@ export default {
         <Tag icon="pi pi-check" severity="success" value="Success"></Tag>
         <Tag icon="pi pi-search" severity="secondary" value="Secondary"></Tag>
         <Tag icon="pi pi-info-circle" severity="info" value="Info"></Tag>
-        <Tag icon="pi pi-exclamation-triangle" severity="warn" value="Warning"></Tag>
+        <Tag icon="pi pi-exclamation-triangle" severity="warn" value="Warn"></Tag>
         <Tag icon="pi pi-times" severity="danger" value="Danger"></Tag>
         <Tag icon="pi pi-cog" severity="contrast" value="Contrast"></Tag>
     </div>
diff --git a/doc/tag/PillDoc.vue b/doc/tag/PillDoc.vue
index 87096b442..3878b6f81 100644
--- a/doc/tag/PillDoc.vue
+++ b/doc/tag/PillDoc.vue
@@ -7,7 +7,7 @@
         <Tag severity="secondary" value="Secondary" rounded></Tag>
         <Tag severity="success" value="Success" rounded></Tag>
         <Tag severity="info" value="Info" rounded></Tag>
-        <Tag severity="warn" value="Warning" rounded></Tag>
+        <Tag severity="warn" value="Warn" rounded></Tag>
         <Tag severity="danger" value="Danger" rounded></Tag>
         <Tag severity="contrast" value="Contrast" rounded></Tag>
     </div>
@@ -24,7 +24,7 @@ export default {
 <Tag severity="secondary" value="Secondary" rounded></Tag>
 <Tag severity="success" value="Success" rounded></Tag>
 <Tag severity="info" value="Info" rounded></Tag>
-<Tag severity="warn" value="Warning" rounded></Tag>
+<Tag severity="warn" value="Warn" rounded></Tag>
 <Tag severity="danger" value="Danger" rounded></Tag>
 <Tag severity="contrast" value="Contrast" rounded></Tag>
 `,
@@ -35,7 +35,7 @@ export default {
         <Tag severity="secondary" value="Secondary" rounded></Tag>
         <Tag severity="success" value="Success" rounded></Tag>
         <Tag severity="info" value="Info" rounded></Tag>
-        <Tag severity="warn" value="Warning" rounded></Tag>
+        <Tag severity="warn" value="Warn" rounded></Tag>
         <Tag severity="danger" value="Danger" rounded></Tag>
         <Tag severity="contrast" value="Contrast" rounded></Tag>
     </div>
@@ -52,7 +52,7 @@ export default {
         <Tag severity="success" value="Success" rounded></Tag>
         <Tag severity="secondary" value="Secondary" rounded></Tag>
         <Tag severity="info" value="Info" rounded></Tag>
-        <Tag severity="warn" value="Warning" rounded></Tag>
+        <Tag severity="warn" value="Warn" rounded></Tag>
         <Tag severity="danger" value="Danger" rounded></Tag>
         <Tag severity="contrast" value="Contrast" rounded></Tag>
     </div>
diff --git a/doc/tag/SeverityDoc.vue b/doc/tag/SeverityDoc.vue
index c12334cbe..816441dc4 100644
--- a/doc/tag/SeverityDoc.vue
+++ b/doc/tag/SeverityDoc.vue
@@ -7,7 +7,7 @@
         <Tag severity="secondary" value="Secondary"></Tag>
         <Tag severity="success" value="Success"></Tag>
         <Tag severity="info" value="Info"></Tag>
-        <Tag severity="warn" value="Warning"></Tag>
+        <Tag severity="warn" value="Warn"></Tag>
         <Tag severity="danger" value="Danger"></Tag>
         <Tag severity="contrast" value="Contrast"></Tag>
     </div>
@@ -24,7 +24,7 @@ export default {
 <Tag severity="secondary" value="Secondary"></Tag>
 <Tag severity="success" value="Success"></Tag>
 <Tag severity="info" value="Info"></Tag>
-<Tag severity="warn" value="Warning"></Tag>
+<Tag severity="warn" value="Warn"></Tag>
 <Tag severity="danger" value="Danger"></Tag>
 <Tag severity="contrast" value="Contrast"></Tag>
 `,
@@ -35,7 +35,7 @@ export default {
         <Tag severity="secondary" value="Secondary"></Tag>
         <Tag severity="success" value="Success"></Tag>
         <Tag severity="info" value="Info"></Tag>
-        <Tag severity="warn" value="Warning"></Tag>
+        <Tag severity="warn" value="Warn"></Tag>
         <Tag severity="danger" value="Danger"></Tag>
         <Tag severity="contrast" value="Contrast"></Tag>
     </div>
@@ -52,7 +52,7 @@ export default {
         <Tag severity="secondary" value="Secondary"></Tag>
         <Tag severity="success" value="Success"></Tag>
         <Tag severity="info" value="Info"></Tag>
-        <Tag severity="warn" value="Warning"></Tag>
+        <Tag severity="warn" value="Warn"></Tag>
         <Tag severity="danger" value="Danger"></Tag>
         <Tag severity="contrast" value="Contrast"></Tag>
     </div>
diff --git a/doc/toast/MultipleDoc.vue b/doc/toast/MultipleDoc.vue
index c566076df..22b3ecfa9 100644
--- a/doc/toast/MultipleDoc.vue
+++ b/doc/toast/MultipleDoc.vue
@@ -31,7 +31,7 @@ export default {
         showMultiple() {
             this.$toast.add({ severity: 'success', summary: 'Success', detail: 'Message Content', life: 3000 });
             this.$toast.add({ severity: 'info', summary: 'Info', detail: 'Message Content', life: 3050 });
-            this.$toast.add({ severity: 'warn', summary: 'Warning', detail: 'Message Content', life: 3100 });
+            this.$toast.add({ severity: 'warn', summary: 'Warn', detail: 'Message Content', life: 3100 });
             this.$toast.add({ severity: 'error', summary: 'Error', detail: 'Message Content', life: 3150 });
         }
     }
@@ -53,7 +53,7 @@ const toast = useToast();
 const showMultiple = () => {
     toast.add({ severity: 'success', summary: 'Success', detail: 'Message Content', life: 3000 });
     toast.add({ severity: 'info', summary: 'Info', detail: 'Message Content', life: 3050 });
-    toast.add({ severity: 'warn', summary: 'Warning', detail: 'Message Content', life: 3100 });
+    toast.add({ severity: 'warn', summary: 'Warn', detail: 'Message Content', life: 3100 });
     toast.add({ severity: 'error', summary: 'Error', detail: 'Message Content', life: 3150 });
 };
 <\/script>
@@ -65,7 +65,7 @@ const showMultiple = () => {
         showMultiple() {
             this.$toast.add({ severity: 'success', summary: 'Success', detail: 'Message Content', life: 3000 });
             this.$toast.add({ severity: 'info', summary: 'Info', detail: 'Message Content', life: 3050 });
-            this.$toast.add({ severity: 'warn', summary: 'Warning', detail: 'Message Content', life: 3100 });
+            this.$toast.add({ severity: 'warn', summary: 'Warn', detail: 'Message Content', life: 3100 });
             this.$toast.add({ severity: 'error', summary: 'Error', detail: 'Message Content', life: 3150 });
         }
     }