@porsche-design-system/components-angular 3.30.0-rc.0 → 3.30.0-rc.2

package/index.d.ts

@@ -1,7 +1,8 @@
 export { componentsReady } from '@porsche-design-system/components-js';
 import * as i0 from '@angular/core';
-import { InjectionToken, OnChanges, ChangeDetectorRef, ElementRef, OnDestroy, EventEmitter, ModuleWithProviders } from '@angular/core';
+import { InjectionToken, OnChanges, ChangeDetectorRef, ElementRef, OnDestroy, EventEmitter, Renderer2, ModuleWithProviders } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
+import { ControlValueAccessor } from '@angular/forms';
 import * as _porsche_design_system_components_angular from '@porsche-design-system/components-angular';
 
 type Booleanish = boolean | "true" | "false";
@@ -508,6 +509,7 @@ declare const ICON_NAMES: readonly [
 ];
 type IconName = typeof ICON_NAMES[number];
 declare const FLAG_NAMES: readonly [
+    "ad",
     "ae",
     "am",
     "ar",
@@ -544,6 +546,7 @@ declare const FLAG_NAMES: readonly [
     "gb",
     "ge",
     "gh",
+    "gi",
     "gr",
     "gt",
     "hk",
@@ -566,12 +569,15 @@ declare const FLAG_NAMES: readonly [
     "kw",
     "kz",
     "lb",
+    "li",
     "lk",
     "lt",
     "lu",
     "lv",
     "ma",
+    "mc",
     "md",
+    "me",
     "mk",
     "mn",
     "mo",
@@ -608,12 +614,14 @@ declare const FLAG_NAMES: readonly [
     "tn",
     "tr",
     "tt",
+    "tw",
     "ua",
     "us",
     "uy",
     "uz",
     "ve",
     "vn",
+    "xx",
     "za"
 ];
 type FlagName = typeof FLAG_NAMES[number];
@@ -732,13 +740,17 @@ type MultiSelectUpdateEvent = {
     name: string;
     value: string[];
 };
+/** @deprecated */
 type MultiSelectUpdateEventDetail = MultiSelectUpdateEvent;
+type MultiSelectChangeEventDetail = MultiSelectUpdateEventDetail;
 type SelectState = FormState;
 type SelectDropdownDirection = SelectComponentsDropdownDirection;
+/** @deprecated */
 type SelectUpdateEventDetail = {
     name: string;
     value: string;
 };
+type SelectChangeEventDetail = SelectUpdateEventDetail;
 declare const SELECT_DROPDOWN_DIRECTIONS: readonly [
     "down",
     "up",
@@ -1117,6 +1129,11 @@ declare const FLEX_ITEM_FLEXS: readonly [
     "equal"
 ];
 type FlexItemFlex = (typeof FLEX_ITEM_FLEXS)[number];
+declare const BACKDROPS: readonly [
+    "blur",
+    "shading"
+];
+type Backdrop = (typeof BACKDROPS)[number];
 declare const FLYOUT_POSITIONS: readonly [
     "start",
     "end",
@@ -1135,6 +1152,7 @@ declare const FLYOUT_ARIA_ATTRIBUTES: readonly [
 type FlyoutAriaAttribute = (typeof FLYOUT_ARIA_ATTRIBUTES)[number];
 type FlyoutMotionVisibleEndEventDetail = TransitionEvent;
 type FlyoutMotionHiddenEndEventDetail = TransitionEvent;
+type FlyoutBackdrop = Backdrop;
 declare const GRID_DIRECTIONS: readonly [
     "row",
     "row-reverse",
@@ -1415,11 +1433,6 @@ declare const MARQUE_SIZES: readonly [
     "medium"
 ];
 type MarqueSize = (typeof MARQUE_SIZES)[number];
-declare const BACKDROPS: readonly [
-    "blur",
-    "shading"
-];
-type Backdrop = (typeof BACKDROPS)[number];
 declare const MODAL_ARIA_ATTRIBUTES: readonly [
     "aria-label",
     "role"
@@ -1480,7 +1493,9 @@ type PinCodeUpdateEvent = {
     value: string;
     isComplete: boolean;
 };
+/** @deprecated */
 type PinCodeUpdateEventDetail = PinCodeUpdateEvent;
+type PinCodeChangeEventDetail = PinCodeUpdateEventDetail;
 type PinCodeState = FormState;
 declare const POPOVER_DIRECTIONS: readonly [
     "top",
@@ -1494,6 +1509,9 @@ declare const POPOVER_ARIA_ATTRIBUTES: readonly [
 ];
 type PopoverAriaAttribute = (typeof POPOVER_ARIA_ATTRIBUTES)[number];
 type RadioButtonWrapperState = FormState;
+type RadioGroupState = FormState;
+type RadioGroupDirection = GroupDirection;
+type RadioGroupChangeEventDetail = Event;
 declare const SEGMENTED_CONTROL_BACKGROUND_COLORS: readonly [
     "background-surface",
     "background-default"
@@ -1503,7 +1521,9 @@ type SegmentedControlBackgroundColor = (typeof SEGMENTED_CONTROL_BACKGROUND_COLO
 type SegmentedControlUpdateEvent = {
     value: string | number;
 };
+/** @deprecated */
 type SegmentedControlUpdateEventDetail = SegmentedControlUpdateEvent;
+type SegmentedControlChangeEventDetail = SegmentedControlUpdateEventDetail;
 declare const SEGMENTED_CONTROL_COLUMNS: (string | number)[];
 type SegmentedControlColumns = (typeof SEGMENTED_CONTROL_COLUMNS)[number];
 type SegmentedControlItemIcon = LinkButtonIconName;
@@ -1725,183 +1745,728 @@ declare abstract class BaseComponentWithTheme extends BaseComponent implements O
     static ɵcmp: i0.ɵɵComponentDeclaration<BaseComponentWithTheme, "ng-component", never, {}, {}, never, never, true, never>;
 }
 
-declare class PTableBody extends BaseComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<PTableBody, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PTableBody, "p-table-body,[p-table-body]", never, {}, {}, never, ["*"], false, never>;
-}
-
-declare class PAccordion extends BaseComponentWithTheme {
+declare class PCheckbox extends BaseComponentWithTheme implements ControlValueAccessor {
+    private _renderer;
+    private _elementRef;
+    private _cdr;
+    checked?: boolean;
     compact?: boolean;
-    heading?: string;
-    headingTag?: AccordionHeadingTag;
-    open?: boolean;
-    size?: BreakpointCustomizable<AccordionSize>;
-    sticky?: boolean;
-    /** @deprecated */
-    tag?: AccordionTag;
+    disabled?: boolean;
+    form?: string;
+    hideLabel?: BreakpointCustomizable<boolean>;
+    indeterminate?: boolean;
+    label?: string;
+    loading?: boolean;
+    message?: string;
+    name?: string;
+    required?: boolean;
+    state?: CheckboxState;
     theme?: Theme;
+    value?: string;
+    blur: EventEmitter<CustomEvent<Event>>;
+    change: EventEmitter<CustomEvent<Event>>;
     /** @deprecated */
-    accordionChange: EventEmitter<CustomEvent<_porsche_design_system_components_angular.AccordionUpdateEvent>>;
-    update: EventEmitter<CustomEvent<_porsche_design_system_components_angular.AccordionUpdateEvent>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PAccordion, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PAccordion, "p-accordion,[p-accordion]", never, { "compact": { "alias": "compact"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "open": { "alias": "open"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "accordionChange": "accordionChange"; "update": "update"; }, never, ["*"], false, never>;
+    update: EventEmitter<CustomEvent<CheckboxUpdateEventDetail>>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _onChange: (value: any) => void;
+    _onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PCheckbox, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PCheckbox, "p-checkbox,[p-checkbox]", never, { "checked": { "alias": "checked"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "update": "update"; }, never, ["*"], false, never>;
 }
 
-declare class PBanner extends BaseComponentWithTheme {
+declare class PInputDate extends BaseComponentWithTheme implements ControlValueAccessor {
+    private _renderer;
+    private _elementRef;
+    private _cdr;
+    autoComplete?: string;
+    compact?: boolean;
     description?: string;
-    dismissButton?: boolean;
-    heading?: string;
-    headingTag?: BannerHeadingTag;
-    open: boolean;
-    /** @deprecated */
-    persistent?: boolean;
-    state?: BannerState;
-    theme?: Theme;
-    /** @deprecated */
-    width?: BannerWidth;
-    dismiss: EventEmitter<CustomEvent<void>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PBanner, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PBanner, "p-banner,[p-banner]", never, { "description": { "alias": "description"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "open": { "alias": "open"; "required": false; }; "persistent": { "alias": "persistent"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dismiss": "dismiss"; }, never, ["*"], false, never>;
-}
-
-declare class PButton extends BaseComponentWithTheme {
-    aria?: SelectedAriaAttributes<ButtonAriaAttribute>;
-    compact?: BreakpointCustomizable<boolean>;
     disabled?: boolean;
     form?: string;
     hideLabel?: BreakpointCustomizable<boolean>;
-    icon?: ButtonIcon;
-    iconSource?: string;
+    label?: string;
     loading?: boolean;
-    name?: string;
+    max?: string;
+    message?: string;
+    min?: string;
+    name: string;
+    readOnly?: boolean;
+    required?: boolean;
+    state?: InputDateState;
+    step?: number;
     theme?: Theme;
-    type?: ButtonType;
     value?: string;
-    variant?: ButtonVariant;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PButton, "p-button,[p-button]", never, { "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-
-declare class PButtonGroup extends BaseComponent {
-    direction?: BreakpointCustomizable<ButtonGroupDirection>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PButtonGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PButtonGroup, "p-button-group,[p-button-group]", never, { "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*"], false, never>;
+    blur: EventEmitter<CustomEvent<Event>>;
+    change: EventEmitter<CustomEvent<Event>>;
+    input: EventEmitter<CustomEvent<InputEvent>>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _onChange: (value: any) => void;
+    _onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PInputDate, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PInputDate, "p-input-date,[p-input-date]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
 }
 
-declare class PButtonPure extends BaseComponentWithTheme {
-    active?: boolean;
-    alignLabel?: BreakpointCustomizable<ButtonPureAlignLabel>;
-    aria?: SelectedAriaAttributes<ButtonPureAriaAttribute>;
+declare class PInputEmail extends BaseComponentWithTheme implements ControlValueAccessor {
+    private _renderer;
+    private _elementRef;
+    private _cdr;
+    autoComplete?: string;
+    compact?: boolean;
+    description?: string;
     disabled?: boolean;
     form?: string;
     hideLabel?: BreakpointCustomizable<boolean>;
-    icon?: ButtonPureIcon;
-    iconSource?: string;
+    indicator?: boolean;
+    label?: string;
     loading?: boolean;
-    name?: string;
-    size?: BreakpointCustomizable<ButtonPureSize>;
-    stretch?: BreakpointCustomizable<boolean>;
+    maxLength?: number;
+    message?: string;
+    minLength?: number;
+    multiple?: boolean;
+    name: string;
+    pattern?: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    required?: boolean;
+    state?: InputEmailState;
     theme?: Theme;
-    type?: ButtonPureType;
-    underline?: boolean;
     value?: string;
-    /** @deprecated */
-    weight?: ButtonPureWeight;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PButtonPure, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PButtonPure, "p-button-pure,[p-button-pure]", never, { "active": { "alias": "active"; "required": false; }; "alignLabel": { "alias": "alignLabel"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; "value": { "alias": "value"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
+    blur: EventEmitter<CustomEvent<Event>>;
+    change: EventEmitter<CustomEvent<Event>>;
+    input: EventEmitter<CustomEvent<InputEvent>>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _onChange: (value: any) => void;
+    _onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PInputEmail, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PInputEmail, "p-input-email,[p-input-email]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
 }
 
-declare class PButtonTile extends BaseComponent {
-    align?: ButtonTileAlign;
-    aria?: SelectedAriaAttributes<ButtonTileAriaAttribute>;
-    aspectRatio?: BreakpointCustomizable<ButtonTileAspectRatio>;
-    background?: ButtonTileBackground;
-    compact?: BreakpointCustomizable<boolean>;
-    description: string;
+declare class PInputNumber extends BaseComponentWithTheme implements ControlValueAccessor {
+    private _renderer;
+    private _elementRef;
+    private _cdr;
+    autoComplete?: string;
+    compact?: boolean;
+    controls?: boolean;
+    description?: string;
     disabled?: boolean;
-    gradient?: boolean;
-    icon?: ButtonTileIcon;
-    iconSource?: string;
-    label: string;
+    form?: string;
+    hideLabel?: BreakpointCustomizable<boolean>;
+    label?: string;
     loading?: boolean;
-    size?: BreakpointCustomizable<ButtonTileSize>;
-    type?: ButtonTileType;
-    weight?: BreakpointCustomizable<ButtonTileWeight>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PButtonTile, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PButtonTile, "p-button-tile,[p-button-tile]", never, { "align": { "alias": "align"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "gradient": { "alias": "gradient"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-
-declare class PCanvas extends BaseComponentWithTheme {
-    sidebarEndOpen?: boolean;
-    sidebarStartOpen?: boolean;
+    max?: number;
+    message?: string;
+    min?: number;
+    name: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    required?: boolean;
+    state?: InputNumberState;
+    step?: number;
     theme?: Theme;
-    sidebarEndDismiss: EventEmitter<CustomEvent<void>>;
-    sidebarStartUpdate: EventEmitter<CustomEvent<CanvasSidebarStartUpdateEventDetail>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PCanvas, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PCanvas, "p-canvas,[p-canvas]", never, { "sidebarEndOpen": { "alias": "sidebarEndOpen"; "required": false; }; "sidebarStartOpen": { "alias": "sidebarStartOpen"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "sidebarEndDismiss": "sidebarEndDismiss"; "sidebarStartUpdate": "sidebarStartUpdate"; }, never, ["*"], false, never>;
+    value?: string;
+    blur: EventEmitter<CustomEvent<Event>>;
+    change: EventEmitter<CustomEvent<Event>>;
+    input: EventEmitter<CustomEvent<InputEvent>>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _onChange: (value: any) => void;
+    _onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PInputNumber, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PInputNumber, "p-input-number,[p-input-number]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
 }
 
-declare class PCarousel extends BaseComponentWithTheme {
-    activeSlideIndex?: number;
-    alignControls?: CarouselAlignControls;
-    alignHeader?: CarouselAlignHeader;
-    aria?: SelectedAriaAttributes<CarouselAriaAttribute>;
+declare class PInputPassword extends BaseComponentWithTheme implements ControlValueAccessor {
+    private _renderer;
+    private _elementRef;
+    private _cdr;
+    autoComplete?: string;
+    compact?: boolean;
     description?: string;
-    /** @deprecated */
-    disablePagination?: BreakpointCustomizable<boolean>;
-    focusOnCenterSlide?: boolean;
-    gradientColor?: CarouselGradientColor;
-    heading?: string;
-    headingSize?: CarouselHeadingSize;
-    intl?: CarouselInternationalization;
-    pagination?: BreakpointCustomizable<boolean>;
-    rewind?: boolean;
-    skipLinkTarget?: string;
-    slidesPerPage?: BreakpointCustomizable<CarouselSlidesPerPage>;
+    disabled?: boolean;
+    form?: string;
+    hideLabel?: BreakpointCustomizable<boolean>;
+    label?: string;
+    loading?: boolean;
+    maxLength?: number;
+    message?: string;
+    minLength?: number;
+    name: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    required?: boolean;
+    state?: InputPasswordState;
     theme?: Theme;
-    trimSpace?: boolean;
-    width?: CarouselWidth;
-    /** @deprecated */
-    wrapContent?: boolean;
-    /** @deprecated */
-    carouselChange: EventEmitter<CustomEvent<_porsche_design_system_components_angular.CarouselUpdateEvent>>;
-    update: EventEmitter<CustomEvent<_porsche_design_system_components_angular.CarouselUpdateEvent>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PCarousel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PCarousel, "p-carousel,[p-carousel]", never, { "activeSlideIndex": { "alias": "activeSlideIndex"; "required": false; }; "alignControls": { "alias": "alignControls"; "required": false; }; "alignHeader": { "alias": "alignHeader"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disablePagination": { "alias": "disablePagination"; "required": false; }; "focusOnCenterSlide": { "alias": "focusOnCenterSlide"; "required": false; }; "gradientColor": { "alias": "gradientColor"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingSize": { "alias": "headingSize"; "required": false; }; "intl": { "alias": "intl"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "rewind": { "alias": "rewind"; "required": false; }; "skipLinkTarget": { "alias": "skipLinkTarget"; "required": false; }; "slidesPerPage": { "alias": "slidesPerPage"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "trimSpace": { "alias": "trimSpace"; "required": false; }; "width": { "alias": "width"; "required": false; }; "wrapContent": { "alias": "wrapContent"; "required": false; }; }, { "carouselChange": "carouselChange"; "update": "update"; }, never, ["*"], false, never>;
+    toggle?: boolean;
+    value?: string;
+    blur: EventEmitter<CustomEvent<Event>>;
+    change: EventEmitter<CustomEvent<Event>>;
+    input: EventEmitter<CustomEvent<InputEvent>>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _onChange: (value: any) => void;
+    _onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PInputPassword, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PInputPassword, "p-input-password,[p-input-password]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "toggle": { "alias": "toggle"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
 }
 
-declare class PCheckbox extends BaseComponentWithTheme {
-    checked?: boolean;
+declare class PInputSearch extends BaseComponentWithTheme implements ControlValueAccessor {
+    private _renderer;
+    private _elementRef;
+    private _cdr;
+    autoComplete?: string;
+    clear?: boolean;
     compact?: boolean;
+    description?: string;
     disabled?: boolean;
     form?: string;
     hideLabel?: BreakpointCustomizable<boolean>;
-    indeterminate?: boolean;
+    indicator?: boolean;
     label?: string;
     loading?: boolean;
     message?: string;
-    name?: string;
+    name: string;
+    placeholder?: string;
+    readOnly?: boolean;
     required?: boolean;
-    state?: CheckboxState;
+    state?: InputSearchState;
     theme?: Theme;
     value?: string;
     blur: EventEmitter<CustomEvent<Event>>;
     change: EventEmitter<CustomEvent<Event>>;
-    /** @deprecated */
-    update: EventEmitter<CustomEvent<CheckboxUpdateEventDetail>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PCheckbox, "p-checkbox,[p-checkbox]", never, { "checked": { "alias": "checked"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "update": "update"; }, never, ["*"], false, never>;
+    input: EventEmitter<CustomEvent<InputEvent>>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _onChange: (value: any) => void;
+    _onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PInputSearch, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PInputSearch, "p-input-search,[p-input-search]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "clear": { "alias": "clear"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
 }
 
-/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead. */
-declare class PCheckboxWrapper extends BaseComponentWithTheme {
+declare class PInputTel extends BaseComponentWithTheme implements ControlValueAccessor {
+    private _renderer;
+    private _elementRef;
+    private _cdr;
+    autoComplete?: string;
+    compact?: boolean;
+    description?: string;
+    disabled?: boolean;
+    form?: string;
     hideLabel?: BreakpointCustomizable<boolean>;
+    indicator?: boolean;
     label?: string;
     loading?: boolean;
+    maxLength?: number;
     message?: string;
-    state?: CheckboxWrapperState;
-    theme?: Theme;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PCheckboxWrapper, never>;
+    minLength?: number;
+    name: string;
+    pattern?: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    required?: boolean;
+    state?: InputTelState;
+    theme?: Theme;
+    value?: string;
+    blur: EventEmitter<CustomEvent<Event>>;
+    change: EventEmitter<CustomEvent<Event>>;
+    input: EventEmitter<CustomEvent<InputEvent>>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _onChange: (value: any) => void;
+    _onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PInputTel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PInputTel, "p-input-tel,[p-input-tel]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
+}
+
+declare class PInputText extends BaseComponentWithTheme implements ControlValueAccessor {
+    private _renderer;
+    private _elementRef;
+    private _cdr;
+    autoComplete?: string;
+    compact?: boolean;
+    counter?: boolean;
+    description?: string;
+    disabled?: boolean;
+    form?: string;
+    hideLabel?: BreakpointCustomizable<boolean>;
+    label?: string;
+    loading?: boolean;
+    maxLength?: number;
+    message?: string;
+    minLength?: number;
+    name: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    required?: boolean;
+    spellCheck?: boolean;
+    state?: InputTextState;
+    theme?: Theme;
+    value?: string;
+    blur: EventEmitter<CustomEvent<Event>>;
+    change: EventEmitter<CustomEvent<Event>>;
+    input: EventEmitter<CustomEvent<InputEvent>>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _onChange: (value: any) => void;
+    _onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PInputText, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PInputText, "p-input-text,[p-input-text]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
+}
+
+declare class PInputTime extends BaseComponentWithTheme implements ControlValueAccessor {
+    private _renderer;
+    private _elementRef;
+    private _cdr;
+    autoComplete?: string;
+    compact?: boolean;
+    description?: string;
+    disabled?: boolean;
+    form?: string;
+    hideLabel?: BreakpointCustomizable<boolean>;
+    label?: string;
+    loading?: boolean;
+    max?: string;
+    message?: string;
+    min?: string;
+    name: string;
+    readOnly?: boolean;
+    required?: boolean;
+    state?: InputTimeState;
+    step?: number;
+    theme?: Theme;
+    value?: string;
+    blur: EventEmitter<CustomEvent<Event>>;
+    change: EventEmitter<CustomEvent<Event>>;
+    input: EventEmitter<CustomEvent<InputEvent>>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _onChange: (value: any) => void;
+    _onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PInputTime, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PInputTime, "p-input-time,[p-input-time]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
+}
+
+declare class PInputUrl extends BaseComponentWithTheme implements ControlValueAccessor {
+    private _renderer;
+    private _elementRef;
+    private _cdr;
+    autoComplete?: string;
+    compact?: boolean;
+    description?: string;
+    disabled?: boolean;
+    form?: string;
+    hideLabel?: BreakpointCustomizable<boolean>;
+    indicator?: boolean;
+    label?: string;
+    loading?: boolean;
+    maxLength?: number;
+    message?: string;
+    minLength?: number;
+    name: string;
+    pattern?: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    required?: boolean;
+    state?: InputUrlState;
+    theme?: Theme;
+    value?: string;
+    blur: EventEmitter<CustomEvent<Event>>;
+    change: EventEmitter<CustomEvent<Event>>;
+    input: EventEmitter<CustomEvent<InputEvent>>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _onChange: (value: any) => void;
+    _onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PInputUrl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PInputUrl, "p-input-url,[p-input-url]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
+}
+
+declare class PMultiSelect extends BaseComponentWithTheme implements ControlValueAccessor {
+    private _renderer;
+    private _elementRef;
+    private _cdr;
+    compact?: boolean;
+    description?: string;
+    disabled?: boolean;
+    dropdownDirection?: MultiSelectDropdownDirection;
+    form?: string;
+    hideLabel?: BreakpointCustomizable<boolean>;
+    label?: string;
+    message?: string;
+    name: string;
+    required?: boolean;
+    state?: MultiSelectState;
+    theme?: Theme;
+    value?: string[];
+    blur: EventEmitter<CustomEvent<void>>;
+    change: EventEmitter<CustomEvent<_porsche_design_system_components_angular.MultiSelectUpdateEvent>>;
+    /** @deprecated */
+    update: EventEmitter<CustomEvent<_porsche_design_system_components_angular.MultiSelectUpdateEvent>>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _onChange: (value: any) => void;
+    _onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PMultiSelect, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PMultiSelect, "p-multi-select,[p-multi-select]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "update": "update"; }, never, ["*"], false, never>;
+}
+
+declare class PPinCode extends BaseComponentWithTheme implements ControlValueAccessor {
+    private _renderer;
+    private _elementRef;
+    private _cdr;
+    compact?: boolean;
+    description?: string;
+    disabled?: boolean;
+    form?: string;
+    hideLabel?: BreakpointCustomizable<boolean>;
+    label?: string;
+    length?: PinCodeLength;
+    loading?: boolean;
+    message?: string;
+    name?: string;
+    required?: boolean;
+    state?: PinCodeState;
+    theme?: Theme;
+    type?: PinCodeType;
+    value?: string;
+    blur: EventEmitter<CustomEvent<void>>;
+    change: EventEmitter<CustomEvent<_porsche_design_system_components_angular.PinCodeUpdateEvent>>;
+    /** @deprecated */
+    update: EventEmitter<CustomEvent<_porsche_design_system_components_angular.PinCodeUpdateEvent>>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _onChange: (value: any) => void;
+    _onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PPinCode, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PPinCode, "p-pin-code,[p-pin-code]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "length": { "alias": "length"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "update": "update"; }, never, ["*"], false, never>;
+}
+
+declare class PRadioGroup extends BaseComponentWithTheme implements ControlValueAccessor {
+    private _renderer;
+    private _elementRef;
+    private _cdr;
+    compact?: boolean;
+    description?: string;
+    direction?: BreakpointCustomizable<RadioGroupDirection>;
+    disabled?: boolean;
+    form?: string;
+    hideLabel?: BreakpointCustomizable<boolean>;
+    label?: string;
+    loading?: boolean;
+    message?: string;
+    name: string;
+    required?: boolean;
+    state?: RadioGroupState;
+    theme?: Theme;
+    value?: string;
+    blur: EventEmitter<CustomEvent<void>>;
+    change: EventEmitter<CustomEvent<Event>>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _onChange: (value: any) => void;
+    _onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PRadioGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PRadioGroup, "p-radio-group,[p-radio-group]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; }, never, ["*"], false, never>;
+}
+
+declare class PSegmentedControl extends BaseComponentWithTheme implements ControlValueAccessor {
+    private _renderer;
+    private _elementRef;
+    private _cdr;
+    /** @deprecated */
+    backgroundColor?: SegmentedControlBackgroundColor;
+    columns?: BreakpointCustomizable<SegmentedControlColumns>;
+    compact?: boolean;
+    disabled?: boolean;
+    form?: string;
+    name?: string;
+    theme?: Theme;
+    value?: string | number;
+    blur: EventEmitter<CustomEvent<void>>;
+    change: EventEmitter<CustomEvent<_porsche_design_system_components_angular.SegmentedControlUpdateEvent>>;
+    /** @deprecated */
+    segmentedControlChange: EventEmitter<CustomEvent<_porsche_design_system_components_angular.SegmentedControlUpdateEvent>>;
+    /** @deprecated */
+    update: EventEmitter<CustomEvent<_porsche_design_system_components_angular.SegmentedControlUpdateEvent>>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _onChange: (value: any) => void;
+    _onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PSegmentedControl, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PSegmentedControl, "p-segmented-control,[p-segmented-control]", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "name": { "alias": "name"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "segmentedControlChange": "segmentedControlChange"; "update": "update"; }, never, ["*"], false, never>;
+}
+
+declare class PSelect extends BaseComponentWithTheme implements ControlValueAccessor {
+    private _renderer;
+    private _elementRef;
+    private _cdr;
+    compact?: boolean;
+    description?: string;
+    disabled?: boolean;
+    dropdownDirection?: SelectDropdownDirection;
+    filter?: boolean;
+    form?: string;
+    hideLabel?: BreakpointCustomizable<boolean>;
+    label?: string;
+    message?: string;
+    name: string;
+    required?: boolean;
+    state?: SelectState;
+    theme?: Theme;
+    value?: string;
+    blur: EventEmitter<CustomEvent<void>>;
+    change: EventEmitter<CustomEvent<SelectUpdateEventDetail>>;
+    /** @deprecated */
+    update: EventEmitter<CustomEvent<SelectUpdateEventDetail>>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _onChange: (value: any) => void;
+    _onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PSelect, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PSelect, "p-select,[p-select]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "update": "update"; }, never, ["*"], false, never>;
+}
+
+declare class PTableBody extends BaseComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PTableBody, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PTableBody, "p-table-body,[p-table-body]", never, {}, {}, never, ["*"], false, never>;
+}
+
+declare class PTextarea extends BaseComponentWithTheme implements ControlValueAccessor {
+    private _renderer;
+    private _elementRef;
+    private _cdr;
+    autoComplete?: string;
+    counter?: boolean;
+    description?: string;
+    disabled?: boolean;
+    form?: string;
+    hideLabel?: BreakpointCustomizable<boolean>;
+    label?: string;
+    maxLength?: number;
+    message?: string;
+    minLength?: number;
+    name: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    required?: boolean;
+    resize?: TextareaResize;
+    rows?: number;
+    spellCheck?: boolean;
+    state?: TextareaState;
+    theme?: Theme;
+    value?: string;
+    wrap?: TextareaWrap;
+    blur: EventEmitter<CustomEvent<Event>>;
+    change: EventEmitter<CustomEvent<Event>>;
+    input: EventEmitter<CustomEvent<InputEvent>>;
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _cdr: ChangeDetectorRef);
+    _onChange: (value: any) => void;
+    _onTouched: () => void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PTextarea, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PTextarea, "p-textarea,[p-textarea]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "resize": { "alias": "resize"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
+}
+
+declare class PAccordion extends BaseComponentWithTheme {
+    compact?: boolean;
+    heading?: string;
+    headingTag?: AccordionHeadingTag;
+    open?: boolean;
+    size?: BreakpointCustomizable<AccordionSize>;
+    sticky?: boolean;
+    /** @deprecated */
+    tag?: AccordionTag;
+    theme?: Theme;
+    /** @deprecated */
+    accordionChange: EventEmitter<CustomEvent<_porsche_design_system_components_angular.AccordionUpdateEvent>>;
+    update: EventEmitter<CustomEvent<_porsche_design_system_components_angular.AccordionUpdateEvent>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PAccordion, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PAccordion, "p-accordion,[p-accordion]", never, { "compact": { "alias": "compact"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "open": { "alias": "open"; "required": false; }; "size": { "alias": "size"; "required": false; }; "sticky": { "alias": "sticky"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "accordionChange": "accordionChange"; "update": "update"; }, never, ["*"], false, never>;
+}
+
+declare class PBanner extends BaseComponentWithTheme {
+    description?: string;
+    dismissButton?: boolean;
+    heading?: string;
+    headingTag?: BannerHeadingTag;
+    open: boolean;
+    /** @deprecated */
+    persistent?: boolean;
+    state?: BannerState;
+    theme?: Theme;
+    /** @deprecated */
+    width?: BannerWidth;
+    dismiss: EventEmitter<CustomEvent<void>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PBanner, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PBanner, "p-banner,[p-banner]", never, { "description": { "alias": "description"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "open": { "alias": "open"; "required": false; }; "persistent": { "alias": "persistent"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "dismiss": "dismiss"; }, never, ["*"], false, never>;
+}
+
+declare class PButton extends BaseComponentWithTheme {
+    aria?: SelectedAriaAttributes<ButtonAriaAttribute>;
+    compact?: BreakpointCustomizable<boolean>;
+    disabled?: boolean;
+    form?: string;
+    hideLabel?: BreakpointCustomizable<boolean>;
+    icon?: ButtonIcon;
+    iconSource?: string;
+    loading?: boolean;
+    name?: string;
+    theme?: Theme;
+    type?: ButtonType;
+    value?: string;
+    variant?: ButtonVariant;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PButton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PButton, "p-button,[p-button]", never, { "aria": { "alias": "aria"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class PButtonGroup extends BaseComponent {
+    direction?: BreakpointCustomizable<ButtonGroupDirection>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PButtonGroup, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PButtonGroup, "p-button-group,[p-button-group]", never, { "direction": { "alias": "direction"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class PButtonPure extends BaseComponentWithTheme {
+    active?: boolean;
+    alignLabel?: BreakpointCustomizable<ButtonPureAlignLabel>;
+    aria?: SelectedAriaAttributes<ButtonPureAriaAttribute>;
+    disabled?: boolean;
+    form?: string;
+    hideLabel?: BreakpointCustomizable<boolean>;
+    icon?: ButtonPureIcon;
+    iconSource?: string;
+    loading?: boolean;
+    name?: string;
+    size?: BreakpointCustomizable<ButtonPureSize>;
+    stretch?: BreakpointCustomizable<boolean>;
+    theme?: Theme;
+    type?: ButtonPureType;
+    underline?: boolean;
+    value?: string;
+    /** @deprecated */
+    weight?: ButtonPureWeight;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PButtonPure, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PButtonPure, "p-button-pure,[p-button-pure]", never, { "active": { "alias": "active"; "required": false; }; "alignLabel": { "alias": "alignLabel"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "stretch": { "alias": "stretch"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; "underline": { "alias": "underline"; "required": false; }; "value": { "alias": "value"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class PButtonTile extends BaseComponent {
+    align?: ButtonTileAlign;
+    aria?: SelectedAriaAttributes<ButtonTileAriaAttribute>;
+    aspectRatio?: BreakpointCustomizable<ButtonTileAspectRatio>;
+    background?: ButtonTileBackground;
+    compact?: BreakpointCustomizable<boolean>;
+    description: string;
+    disabled?: boolean;
+    gradient?: boolean;
+    icon?: ButtonTileIcon;
+    iconSource?: string;
+    label: string;
+    loading?: boolean;
+    size?: BreakpointCustomizable<ButtonTileSize>;
+    type?: ButtonTileType;
+    weight?: BreakpointCustomizable<ButtonTileWeight>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PButtonTile, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PButtonTile, "p-button-tile,[p-button-tile]", never, { "align": { "alias": "align"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; }; "background": { "alias": "background"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "gradient": { "alias": "gradient"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "type": { "alias": "type"; "required": false; }; "weight": { "alias": "weight"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class PCanvas extends BaseComponentWithTheme {
+    sidebarEndOpen?: boolean;
+    sidebarStartOpen?: boolean;
+    theme?: Theme;
+    sidebarEndDismiss: EventEmitter<CustomEvent<void>>;
+    sidebarStartUpdate: EventEmitter<CustomEvent<CanvasSidebarStartUpdateEventDetail>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PCanvas, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PCanvas, "p-canvas,[p-canvas]", never, { "sidebarEndOpen": { "alias": "sidebarEndOpen"; "required": false; }; "sidebarStartOpen": { "alias": "sidebarStartOpen"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "sidebarEndDismiss": "sidebarEndDismiss"; "sidebarStartUpdate": "sidebarStartUpdate"; }, never, ["*"], false, never>;
+}
+
+declare class PCarousel extends BaseComponentWithTheme {
+    activeSlideIndex?: number;
+    alignControls?: CarouselAlignControls;
+    alignHeader?: CarouselAlignHeader;
+    aria?: SelectedAriaAttributes<CarouselAriaAttribute>;
+    description?: string;
+    /** @deprecated */
+    disablePagination?: BreakpointCustomizable<boolean>;
+    focusOnCenterSlide?: boolean;
+    gradientColor?: CarouselGradientColor;
+    heading?: string;
+    headingSize?: CarouselHeadingSize;
+    intl?: CarouselInternationalization;
+    pagination?: BreakpointCustomizable<boolean>;
+    rewind?: boolean;
+    skipLinkTarget?: string;
+    slidesPerPage?: BreakpointCustomizable<CarouselSlidesPerPage>;
+    theme?: Theme;
+    trimSpace?: boolean;
+    width?: CarouselWidth;
+    /** @deprecated */
+    wrapContent?: boolean;
+    /** @deprecated */
+    carouselChange: EventEmitter<CustomEvent<_porsche_design_system_components_angular.CarouselUpdateEvent>>;
+    update: EventEmitter<CustomEvent<_porsche_design_system_components_angular.CarouselUpdateEvent>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PCarousel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PCarousel, "p-carousel,[p-carousel]", never, { "activeSlideIndex": { "alias": "activeSlideIndex"; "required": false; }; "alignControls": { "alias": "alignControls"; "required": false; }; "alignHeader": { "alias": "alignHeader"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disablePagination": { "alias": "disablePagination"; "required": false; }; "focusOnCenterSlide": { "alias": "focusOnCenterSlide"; "required": false; }; "gradientColor": { "alias": "gradientColor"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingSize": { "alias": "headingSize"; "required": false; }; "intl": { "alias": "intl"; "required": false; }; "pagination": { "alias": "pagination"; "required": false; }; "rewind": { "alias": "rewind"; "required": false; }; "skipLinkTarget": { "alias": "skipLinkTarget"; "required": false; }; "slidesPerPage": { "alias": "slidesPerPage"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "trimSpace": { "alias": "trimSpace"; "required": false; }; "width": { "alias": "width"; "required": false; }; "wrapContent": { "alias": "wrapContent"; "required": false; }; }, { "carouselChange": "carouselChange"; "update": "update"; }, never, ["*"], false, never>;
+}
+
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead. */
+declare class PCheckboxWrapper extends BaseComponentWithTheme {
+    hideLabel?: BreakpointCustomizable<boolean>;
+    label?: string;
+    loading?: boolean;
+    message?: string;
+    state?: CheckboxWrapperState;
+    theme?: Theme;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PCheckboxWrapper, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PCheckboxWrapper, "p-checkbox-wrapper,[p-checkbox-wrapper]", never, { "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
@@ -2035,6 +2600,7 @@ declare class PFlexItem extends BaseComponent {
 
 declare class PFlyout extends BaseComponentWithTheme {
     aria?: SelectedAriaAttributes<FlyoutAriaAttribute>;
+    backdrop?: FlyoutBackdrop;
     disableBackdropClick?: boolean;
     footerBehavior?: FlyoutFooterBehavior;
     open: boolean;
@@ -2042,327 +2608,81 @@ declare class PFlyout extends BaseComponentWithTheme {
     theme?: Theme;
     dismiss: EventEmitter<CustomEvent<void>>;
     motionHiddenEnd: EventEmitter<CustomEvent<TransitionEvent>>;
-    motionVisibleEnd: EventEmitter<CustomEvent<TransitionEvent>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PFlyout, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PFlyout, "p-flyout,[p-flyout]", never, { "aria": { "alias": "aria"; "required": false; }; "disableBackdropClick": { "alias": "disableBackdropClick"; "required": false; }; "footerBehavior": { "alias": "footerBehavior"; "required": false; }; "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "dismiss": "dismiss"; "motionHiddenEnd": "motionHiddenEnd"; "motionVisibleEnd": "motionVisibleEnd"; }, never, ["*"], false, never>;
-}
-
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
-declare class PGrid extends BaseComponent {
-    direction?: BreakpointCustomizable<GridDirection>;
-    /** @deprecated */
-    gutter?: BreakpointCustomizable<GridGutter>;
-    wrap?: BreakpointCustomizable<GridWrap>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PGrid, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PGrid, "p-grid,[p-grid]", never, { "direction": { "alias": "direction"; "required": false; }; "gutter": { "alias": "gutter"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
-declare class PGridItem extends BaseComponent {
-    offset?: BreakpointCustomizable<GridItemOffset>;
-    size?: BreakpointCustomizable<GridItemSize>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PGridItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PGridItem, "p-grid-item,[p-grid-item]", never, { "offset": { "alias": "offset"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-
-declare class PHeading extends BaseComponentWithTheme {
-    align?: HeadingAlign;
-    color?: HeadingColor;
-    ellipsis?: boolean;
-    size?: BreakpointCustomizable<HeadingSize>;
-    tag?: HeadingTag;
-    theme?: Theme;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PHeading, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PHeading, "p-heading,[p-heading]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-heading" instead. */
-declare class PHeadline extends BaseComponentWithTheme {
-    align?: HeadlineAlign;
-    color?: HeadlineColor;
-    ellipsis?: boolean;
-    tag?: HeadlineTag;
-    theme?: Theme;
-    variant?: HeadlineVariant;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PHeadline, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PHeadline, "p-headline,[p-headline]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-
-declare class PIcon extends BaseComponentWithTheme {
-    aria?: SelectedAriaAttributes<IconAriaAttribute>;
-    color?: IconColor;
-    /** @deprecated */
-    lazy?: boolean;
-    name?: IconName;
-    size?: IconSize;
-    source?: string;
-    theme?: Theme;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PIcon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PIcon, "p-icon,[p-icon]", never, { "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "source": { "alias": "source"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
-}
-
-declare class PInlineNotification extends BaseComponentWithTheme {
-    actionIcon?: InlineNotificationActionIcon;
-    actionLabel?: string;
-    actionLoading?: boolean;
-    description?: string;
-    dismissButton?: boolean;
-    heading?: string;
-    headingTag?: InlineNotificationHeadingTag;
-    /** @deprecated */
-    persistent?: boolean;
-    state?: InlineNotificationState;
-    theme?: Theme;
-    action: EventEmitter<CustomEvent<void>>;
-    dismiss: EventEmitter<CustomEvent<void>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PInlineNotification, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PInlineNotification, "p-inline-notification,[p-inline-notification]", never, { "actionIcon": { "alias": "actionIcon"; "required": false; }; "actionLabel": { "alias": "actionLabel"; "required": false; }; "actionLoading": { "alias": "actionLoading"; "required": false; }; "description": { "alias": "description"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "persistent": { "alias": "persistent"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "action": "action"; "dismiss": "dismiss"; }, never, ["*"], false, never>;
-}
-
-declare class PInputDate extends BaseComponentWithTheme {
-    autoComplete?: string;
-    compact?: boolean;
-    description?: string;
-    disabled?: boolean;
-    form?: string;
-    hideLabel?: BreakpointCustomizable<boolean>;
-    label?: string;
-    loading?: boolean;
-    max?: string;
-    message?: string;
-    min?: string;
-    name: string;
-    readOnly?: boolean;
-    required?: boolean;
-    state?: InputDateState;
-    step?: number;
-    theme?: Theme;
-    value?: string;
-    blur: EventEmitter<CustomEvent<Event>>;
-    change: EventEmitter<CustomEvent<Event>>;
-    input: EventEmitter<CustomEvent<InputEvent>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PInputDate, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PInputDate, "p-input-date,[p-input-date]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
-}
-
-declare class PInputEmail extends BaseComponentWithTheme {
-    autoComplete?: string;
-    compact?: boolean;
-    description?: string;
-    disabled?: boolean;
-    form?: string;
-    hideLabel?: BreakpointCustomizable<boolean>;
-    indicator?: boolean;
-    label?: string;
-    loading?: boolean;
-    maxLength?: number;
-    message?: string;
-    minLength?: number;
-    multiple?: boolean;
-    name: string;
-    pattern?: string;
-    placeholder?: string;
-    readOnly?: boolean;
-    required?: boolean;
-    state?: InputEmailState;
-    theme?: Theme;
-    value?: string;
-    blur: EventEmitter<CustomEvent<Event>>;
-    change: EventEmitter<CustomEvent<Event>>;
-    input: EventEmitter<CustomEvent<InputEvent>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PInputEmail, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PInputEmail, "p-input-email,[p-input-email]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
-}
-
-declare class PInputNumber extends BaseComponentWithTheme {
-    autoComplete?: string;
-    compact?: boolean;
-    controls?: boolean;
-    description?: string;
-    disabled?: boolean;
-    form?: string;
-    hideLabel?: BreakpointCustomizable<boolean>;
-    label?: string;
-    loading?: boolean;
-    max?: number;
-    message?: string;
-    min?: number;
-    name: string;
-    placeholder?: string;
-    readOnly?: boolean;
-    required?: boolean;
-    state?: InputNumberState;
-    step?: number;
-    theme?: Theme;
-    value?: string;
-    blur: EventEmitter<CustomEvent<Event>>;
-    change: EventEmitter<CustomEvent<Event>>;
-    input: EventEmitter<CustomEvent<InputEvent>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PInputNumber, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PInputNumber, "p-input-number,[p-input-number]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "controls": { "alias": "controls"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
-}
-
-declare class PInputPassword extends BaseComponentWithTheme {
-    autoComplete?: string;
-    compact?: boolean;
-    description?: string;
-    disabled?: boolean;
-    form?: string;
-    hideLabel?: BreakpointCustomizable<boolean>;
-    label?: string;
-    loading?: boolean;
-    maxLength?: number;
-    message?: string;
-    minLength?: number;
-    name: string;
-    placeholder?: string;
-    readOnly?: boolean;
-    required?: boolean;
-    state?: InputPasswordState;
-    theme?: Theme;
-    toggle?: boolean;
-    value?: string;
-    blur: EventEmitter<CustomEvent<Event>>;
-    change: EventEmitter<CustomEvent<Event>>;
-    input: EventEmitter<CustomEvent<InputEvent>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PInputPassword, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PInputPassword, "p-input-password,[p-input-password]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "toggle": { "alias": "toggle"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
-}
-
-declare class PInputSearch extends BaseComponentWithTheme {
-    autoComplete?: string;
-    clear?: boolean;
-    compact?: boolean;
-    description?: string;
-    disabled?: boolean;
-    form?: string;
-    hideLabel?: BreakpointCustomizable<boolean>;
-    indicator?: boolean;
-    label?: string;
-    loading?: boolean;
-    message?: string;
-    name: string;
-    placeholder?: string;
-    readOnly?: boolean;
-    required?: boolean;
-    state?: InputSearchState;
-    theme?: Theme;
-    value?: string;
-    blur: EventEmitter<CustomEvent<Event>>;
-    change: EventEmitter<CustomEvent<Event>>;
-    input: EventEmitter<CustomEvent<InputEvent>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PInputSearch, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PInputSearch, "p-input-search,[p-input-search]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "clear": { "alias": "clear"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
+    motionVisibleEnd: EventEmitter<CustomEvent<TransitionEvent>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PFlyout, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PFlyout, "p-flyout,[p-flyout]", never, { "aria": { "alias": "aria"; "required": false; }; "backdrop": { "alias": "backdrop"; "required": false; }; "disableBackdropClick": { "alias": "disableBackdropClick"; "required": false; }; "footerBehavior": { "alias": "footerBehavior"; "required": false; }; "open": { "alias": "open"; "required": false; }; "position": { "alias": "position"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "dismiss": "dismiss"; "motionHiddenEnd": "motionHiddenEnd"; "motionVisibleEnd": "motionVisibleEnd"; }, never, ["*"], false, never>;
 }
 
-declare class PInputTel extends BaseComponentWithTheme {
-    autoComplete?: string;
-    compact?: boolean;
-    description?: string;
-    disabled?: boolean;
-    form?: string;
-    hideLabel?: BreakpointCustomizable<boolean>;
-    indicator?: boolean;
-    label?: string;
-    loading?: boolean;
-    maxLength?: number;
-    message?: string;
-    minLength?: number;
-    name: string;
-    pattern?: string;
-    placeholder?: string;
-    readOnly?: boolean;
-    required?: boolean;
-    state?: InputTelState;
+/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
+declare class PGrid extends BaseComponent {
+    direction?: BreakpointCustomizable<GridDirection>;
+    /** @deprecated */
+    gutter?: BreakpointCustomizable<GridGutter>;
+    wrap?: BreakpointCustomizable<GridWrap>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PGrid, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PGrid, "p-grid,[p-grid]", never, { "direction": { "alias": "direction"; "required": false; }; "gutter": { "alias": "gutter"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
+declare class PGridItem extends BaseComponent {
+    offset?: BreakpointCustomizable<GridItemOffset>;
+    size?: BreakpointCustomizable<GridItemSize>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PGridItem, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PGridItem, "p-grid-item,[p-grid-item]", never, { "offset": { "alias": "offset"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class PHeading extends BaseComponentWithTheme {
+    align?: HeadingAlign;
+    color?: HeadingColor;
+    ellipsis?: boolean;
+    size?: BreakpointCustomizable<HeadingSize>;
+    tag?: HeadingTag;
     theme?: Theme;
-    value?: string;
-    blur: EventEmitter<CustomEvent<Event>>;
-    change: EventEmitter<CustomEvent<Event>>;
-    input: EventEmitter<CustomEvent<InputEvent>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PInputTel, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PInputTel, "p-input-tel,[p-input-tel]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PHeading, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PHeading, "p-heading,[p-heading]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "size": { "alias": "size"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
-declare class PInputText extends BaseComponentWithTheme {
-    autoComplete?: string;
-    compact?: boolean;
-    counter?: boolean;
-    description?: string;
-    disabled?: boolean;
-    form?: string;
-    hideLabel?: BreakpointCustomizable<boolean>;
-    label?: string;
-    loading?: boolean;
-    maxLength?: number;
-    message?: string;
-    minLength?: number;
-    name: string;
-    placeholder?: string;
-    readOnly?: boolean;
-    required?: boolean;
-    spellCheck?: boolean;
-    state?: InputTextState;
+/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-heading" instead. */
+declare class PHeadline extends BaseComponentWithTheme {
+    align?: HeadlineAlign;
+    color?: HeadlineColor;
+    ellipsis?: boolean;
+    tag?: HeadlineTag;
     theme?: Theme;
-    value?: string;
-    blur: EventEmitter<CustomEvent<Event>>;
-    change: EventEmitter<CustomEvent<Event>>;
-    input: EventEmitter<CustomEvent<InputEvent>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PInputText, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PInputText, "p-input-text,[p-input-text]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
+    variant?: HeadlineVariant;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PHeadline, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PHeadline, "p-headline,[p-headline]", never, { "align": { "alias": "align"; "required": false; }; "color": { "alias": "color"; "required": false; }; "ellipsis": { "alias": "ellipsis"; "required": false; }; "tag": { "alias": "tag"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
-declare class PInputTime extends BaseComponentWithTheme {
-    autoComplete?: string;
-    compact?: boolean;
-    description?: string;
-    disabled?: boolean;
-    form?: string;
-    hideLabel?: BreakpointCustomizable<boolean>;
-    label?: string;
-    loading?: boolean;
-    max?: string;
-    message?: string;
-    min?: string;
-    name: string;
-    readOnly?: boolean;
-    required?: boolean;
-    state?: InputTimeState;
-    step?: number;
+declare class PIcon extends BaseComponentWithTheme {
+    aria?: SelectedAriaAttributes<IconAriaAttribute>;
+    color?: IconColor;
+    /** @deprecated */
+    lazy?: boolean;
+    name?: IconName;
+    size?: IconSize;
+    source?: string;
     theme?: Theme;
-    value?: string;
-    blur: EventEmitter<CustomEvent<Event>>;
-    change: EventEmitter<CustomEvent<Event>>;
-    input: EventEmitter<CustomEvent<InputEvent>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PInputTime, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PInputTime, "p-input-time,[p-input-time]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "max": { "alias": "max"; "required": false; }; "message": { "alias": "message"; "required": false; }; "min": { "alias": "min"; "required": false; }; "name": { "alias": "name"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "step": { "alias": "step"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PIcon, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PIcon, "p-icon,[p-icon]", never, { "aria": { "alias": "aria"; "required": false; }; "color": { "alias": "color"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "source": { "alias": "source"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
-declare class PInputUrl extends BaseComponentWithTheme {
-    autoComplete?: string;
-    compact?: boolean;
+declare class PInlineNotification extends BaseComponentWithTheme {
+    actionIcon?: InlineNotificationActionIcon;
+    actionLabel?: string;
+    actionLoading?: boolean;
     description?: string;
-    disabled?: boolean;
-    form?: string;
-    hideLabel?: BreakpointCustomizable<boolean>;
-    indicator?: boolean;
-    label?: string;
-    loading?: boolean;
-    maxLength?: number;
-    message?: string;
-    minLength?: number;
-    name: string;
-    pattern?: string;
-    placeholder?: string;
-    readOnly?: boolean;
-    required?: boolean;
-    state?: InputUrlState;
+    dismissButton?: boolean;
+    heading?: string;
+    headingTag?: InlineNotificationHeadingTag;
+    /** @deprecated */
+    persistent?: boolean;
+    state?: InlineNotificationState;
     theme?: Theme;
-    value?: string;
-    blur: EventEmitter<CustomEvent<Event>>;
-    change: EventEmitter<CustomEvent<Event>>;
-    input: EventEmitter<CustomEvent<InputEvent>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PInputUrl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PInputUrl, "p-input-url,[p-input-url]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "indicator": { "alias": "indicator"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
+    action: EventEmitter<CustomEvent<void>>;
+    dismiss: EventEmitter<CustomEvent<void>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PInlineNotification, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PInlineNotification, "p-inline-notification,[p-inline-notification]", never, { "actionIcon": { "alias": "actionIcon"; "required": false; }; "actionLabel": { "alias": "actionLabel"; "required": false; }; "actionLoading": { "alias": "actionLoading"; "required": false; }; "description": { "alias": "description"; "required": false; }; "dismissButton": { "alias": "dismissButton"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "headingTag": { "alias": "headingTag"; "required": false; }; "persistent": { "alias": "persistent"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, { "action": "action"; "dismiss": "dismiss"; }, never, ["*"], false, never>;
 }
 
 declare class PLink extends BaseComponentWithTheme {
@@ -2509,25 +2829,6 @@ declare class PModelSignature extends BaseComponentWithTheme {
     static ɵcmp: i0.ɵɵComponentDeclaration<PModelSignature, "p-model-signature,[p-model-signature]", never, { "color": { "alias": "color"; "required": false; }; "fetchPriority": { "alias": "fetchPriority"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "model": { "alias": "model"; "required": false; }; "safeZone": { "alias": "safeZone"; "required": false; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
-declare class PMultiSelect extends BaseComponentWithTheme {
-    compact?: boolean;
-    description?: string;
-    disabled?: boolean;
-    dropdownDirection?: MultiSelectDropdownDirection;
-    form?: string;
-    hideLabel?: BreakpointCustomizable<boolean>;
-    label?: string;
-    message?: string;
-    name: string;
-    required?: boolean;
-    state?: MultiSelectState;
-    theme?: Theme;
-    value?: string[];
-    update: EventEmitter<CustomEvent<_porsche_design_system_components_angular.MultiSelectUpdateEvent>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PMultiSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PMultiSelect, "p-multi-select,[p-multi-select]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
-}
-
 declare class PMultiSelectOption extends BaseComponent {
     disabled?: boolean;
     value: string;
@@ -2566,27 +2867,6 @@ declare class PPagination extends BaseComponentWithTheme {
     static ɵcmp: i0.ɵɵComponentDeclaration<PPagination, "p-pagination,[p-pagination]", never, { "activePage": { "alias": "activePage"; "required": false; }; "allyLabel": { "alias": "allyLabel"; "required": false; }; "allyLabelNext": { "alias": "allyLabelNext"; "required": false; }; "allyLabelPage": { "alias": "allyLabelPage"; "required": false; }; "allyLabelPrev": { "alias": "allyLabelPrev"; "required": false; }; "intl": { "alias": "intl"; "required": false; }; "itemsPerPage": { "alias": "itemsPerPage"; "required": false; }; "maxNumberOfPageLinks": { "alias": "maxNumberOfPageLinks"; "required": false; }; "showLastPage": { "alias": "showLastPage"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "totalItemsCount": { "alias": "totalItemsCount"; "required": false; }; }, { "pageChange": "pageChange"; "update": "update"; }, never, ["*"], false, never>;
 }
 
-declare class PPinCode extends BaseComponentWithTheme {
-    compact?: boolean;
-    description?: string;
-    disabled?: boolean;
-    form?: string;
-    hideLabel?: BreakpointCustomizable<boolean>;
-    label?: string;
-    length?: PinCodeLength;
-    loading?: boolean;
-    message?: string;
-    name?: string;
-    required?: boolean;
-    state?: PinCodeState;
-    theme?: Theme;
-    type?: PinCodeType;
-    value?: string;
-    update: EventEmitter<CustomEvent<_porsche_design_system_components_angular.PinCodeUpdateEvent>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PPinCode, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PPinCode, "p-pin-code,[p-pin-code]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "length": { "alias": "length"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
-}
-
 declare class PPopover extends BaseComponentWithTheme {
     aria?: SelectedAriaAttributes<PopoverAriaAttribute>;
     description?: string;
@@ -2596,6 +2876,7 @@ declare class PPopover extends BaseComponentWithTheme {
     static ɵcmp: i0.ɵɵComponentDeclaration<PPopover, "p-popover,[p-popover]", never, { "aria": { "alias": "aria"; "required": false; }; "description": { "alias": "description"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
+/** @deprecated since v3.30.0, will be removed with next major release. Please use `p-radio-group` instead. */
 declare class PRadioButtonWrapper extends BaseComponentWithTheme {
     hideLabel?: BreakpointCustomizable<boolean>;
     label?: string;
@@ -2607,6 +2888,15 @@ declare class PRadioButtonWrapper extends BaseComponentWithTheme {
     static ɵcmp: i0.ɵɵComponentDeclaration<PRadioButtonWrapper, "p-radio-button-wrapper,[p-radio-button-wrapper]", never, { "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "message": { "alias": "message"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
+declare class PRadioGroupOption extends BaseComponent {
+    disabled?: boolean;
+    label?: string;
+    loading?: boolean;
+    value?: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PRadioGroupOption, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PRadioGroupOption, "p-radio-group-option,[p-radio-group-option]", never, { "disabled": { "alias": "disabled"; "required": false; }; "label": { "alias": "label"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
 declare class PScroller extends BaseComponentWithTheme {
     alignScrollIndicator?: ScrollerAlignScrollIndicator;
     aria?: SelectedAriaAttributes<ScrollerAriaAttribute>;
@@ -2623,22 +2913,6 @@ declare class PScroller extends BaseComponentWithTheme {
     static ɵcmp: i0.ɵɵComponentDeclaration<PScroller, "p-scroller,[p-scroller]", never, { "alignScrollIndicator": { "alias": "alignScrollIndicator"; "required": false; }; "aria": { "alias": "aria"; "required": false; }; "gradientColor": { "alias": "gradientColor"; "required": false; }; "gradientColorScheme": { "alias": "gradientColorScheme"; "required": false; }; "scrollIndicatorPosition": { "alias": "scrollIndicatorPosition"; "required": false; }; "scrollToPosition": { "alias": "scrollToPosition"; "required": false; }; "scrollbar": { "alias": "scrollbar"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
-declare class PSegmentedControl extends BaseComponentWithTheme {
-    /** @deprecated */
-    backgroundColor?: SegmentedControlBackgroundColor;
-    columns?: BreakpointCustomizable<SegmentedControlColumns>;
-    disabled?: boolean;
-    form?: string;
-    name?: string;
-    theme?: Theme;
-    value?: string | number;
-    /** @deprecated */
-    segmentedControlChange: EventEmitter<CustomEvent<_porsche_design_system_components_angular.SegmentedControlUpdateEvent>>;
-    update: EventEmitter<CustomEvent<_porsche_design_system_components_angular.SegmentedControlUpdateEvent>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PSegmentedControl, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PSegmentedControl, "p-segmented-control,[p-segmented-control]", never, { "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "name": { "alias": "name"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "segmentedControlChange": "segmentedControlChange"; "update": "update"; }, never, ["*"], false, never>;
-}
-
 declare class PSegmentedControlItem extends BaseComponent {
     aria?: SelectedAriaAttributes<SegmentedControlItemAriaAttribute>;
     disabled?: boolean;
@@ -2650,26 +2924,6 @@ declare class PSegmentedControlItem extends BaseComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<PSegmentedControlItem, "p-segmented-control-item,[p-segmented-control-item]", never, { "aria": { "alias": "aria"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconSource": { "alias": "iconSource"; "required": false; }; "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
-declare class PSelect extends BaseComponentWithTheme {
-    compact?: boolean;
-    description?: string;
-    disabled?: boolean;
-    dropdownDirection?: SelectDropdownDirection;
-    filter?: boolean;
-    form?: string;
-    hideLabel?: BreakpointCustomizable<boolean>;
-    label?: string;
-    message?: string;
-    name: string;
-    required?: boolean;
-    state?: SelectState;
-    theme?: Theme;
-    value?: string;
-    update: EventEmitter<CustomEvent<SelectUpdateEventDetail>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PSelect, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PSelect, "p-select,[p-select]", never, { "compact": { "alias": "compact"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "dropdownDirection": { "alias": "dropdownDirection"; "required": false; }; "filter": { "alias": "filter"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "message": { "alias": "message"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, { "update": "update"; }, never, ["*"], false, never>;
-}
-
 declare class PSelectOption extends BaseComponent {
     disabled?: boolean;
     value?: string;
@@ -2894,35 +3148,6 @@ declare class PTextListItem extends BaseComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<PTextListItem, "p-text-list-item,[p-text-list-item]", never, {}, {}, never, ["*"], false, never>;
 }
 
-declare class PTextarea extends BaseComponentWithTheme {
-    autoComplete?: string;
-    counter?: boolean;
-    description?: string;
-    disabled?: boolean;
-    form?: string;
-    hideLabel?: BreakpointCustomizable<boolean>;
-    label?: string;
-    maxLength?: number;
-    message?: string;
-    minLength?: number;
-    name: string;
-    placeholder?: string;
-    readOnly?: boolean;
-    required?: boolean;
-    resize?: TextareaResize;
-    rows?: number;
-    spellCheck?: boolean;
-    state?: TextareaState;
-    theme?: Theme;
-    value?: string;
-    wrap?: TextareaWrap;
-    blur: EventEmitter<CustomEvent<Event>>;
-    change: EventEmitter<CustomEvent<Event>>;
-    input: EventEmitter<CustomEvent<InputEvent>>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PTextarea, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PTextarea, "p-textarea,[p-textarea]", never, { "autoComplete": { "alias": "autoComplete"; "required": false; }; "counter": { "alias": "counter"; "required": false; }; "description": { "alias": "description"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "form": { "alias": "form"; "required": false; }; "hideLabel": { "alias": "hideLabel"; "required": false; }; "label": { "alias": "label"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "message": { "alias": "message"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "name": { "alias": "name"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "resize": { "alias": "resize"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "spellCheck": { "alias": "spellCheck"; "required": false; }; "state": { "alias": "state"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "value": { "alias": "value"; "required": false; }; "wrap": { "alias": "wrap"; "required": false; }; }, { "blur": "blur"; "change": "change"; "input": "input"; }, never, ["*"], false, never>;
-}
-
 /** @deprecated since v3.29.0, will be removed with next major release. Please use `p-textarea` instead. */
 declare class PTextareaWrapper extends BaseComponentWithTheme {
     description?: string;
@@ -2954,7 +3179,7 @@ declare class PWordmark extends BaseComponentWithTheme {
     static ɵcmp: i0.ɵɵComponentDeclaration<PWordmark, "p-wordmark,[p-wordmark]", never, { "aria": { "alias": "aria"; "required": false; }; "href": { "alias": "href"; "required": false; }; "size": { "alias": "size"; "required": false; }; "target": { "alias": "target"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; }, {}, never, ["*"], false, never>;
 }
 
-declare const DECLARATIONS: (typeof PTableBody)[];
+declare const DECLARATIONS: (typeof PCheckbox | typeof PInputDate | typeof PInputEmail | typeof PInputNumber | typeof PInputPassword | typeof PInputSearch | typeof PInputTel | typeof PInputText | typeof PInputTime | typeof PInputUrl | typeof PMultiSelect | typeof PPinCode | typeof PRadioGroup | typeof PSegmentedControl | typeof PSelect | typeof PTableBody | typeof PTextarea)[];
 
 type PorscheDesignSystemModuleConfig = {
     prefix?: string;
@@ -2970,7 +3195,7 @@ declare class PorscheDesignSystemModule {
     constructor(configParam: DefaultConfig);
     static load(config: PorscheDesignSystemModuleConfig): ModuleWithProviders<PorscheDesignSystemModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<PorscheDesignSystemModule, [{ optional: true; }]>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<PorscheDesignSystemModule, [typeof PAccordion, typeof PBanner, typeof PButton, typeof PButtonGroup, typeof PButtonPure, typeof PButtonTile, typeof PCanvas, typeof PCarousel, typeof PCheckbox, typeof PCheckboxWrapper, typeof PContentWrapper, typeof PCrest, typeof PDisplay, typeof PDivider, typeof PDrilldown, typeof PDrilldownItem, typeof PDrilldownLink, typeof PFieldset, typeof PFieldsetWrapper, typeof PFlag, typeof PFlex, typeof PFlexItem, typeof PFlyout, typeof PGrid, typeof PGridItem, typeof PHeading, typeof PHeadline, typeof PIcon, typeof PInlineNotification, typeof PInputDate, typeof PInputEmail, typeof PInputNumber, typeof PInputPassword, typeof PInputSearch, typeof PInputTel, typeof PInputText, typeof PInputTime, typeof PInputUrl, typeof PLink, typeof PLinkPure, typeof PLinkSocial, typeof PLinkTile, typeof PLinkTileModelSignature, typeof PLinkTileProduct, typeof PMarque, typeof PModal, typeof PModelSignature, typeof PMultiSelect, typeof PMultiSelectOption, typeof POptgroup, typeof PPagination, typeof PPinCode, typeof PPopover, typeof PRadioButtonWrapper, typeof PScroller, typeof PSegmentedControl, typeof PSegmentedControlItem, typeof PSelect, typeof PSelectOption, typeof PSelectWrapper, typeof PSheet, typeof PSpinner, typeof PStepperHorizontal, typeof PStepperHorizontalItem, typeof PSwitch, typeof PTable, typeof PTableBody, typeof PTableCell, typeof PTableHead, typeof PTableHeadCell, typeof PTableHeadRow, typeof PTableRow, typeof PTabs, typeof PTabsBar, typeof PTabsItem, typeof PTag, typeof PTagDismissible, typeof PText, typeof PTextFieldWrapper, typeof PTextList, typeof PTextListItem, typeof PTextarea, typeof PTextareaWrapper, typeof PToast, typeof PWordmark], never, [typeof PAccordion, typeof PBanner, typeof PButton, typeof PButtonGroup, typeof PButtonPure, typeof PButtonTile, typeof PCanvas, typeof PCarousel, typeof PCheckbox, typeof PCheckboxWrapper, typeof PContentWrapper, typeof PCrest, typeof PDisplay, typeof PDivider, typeof PDrilldown, typeof PDrilldownItem, typeof PDrilldownLink, typeof PFieldset, typeof PFieldsetWrapper, typeof PFlag, typeof PFlex, typeof PFlexItem, typeof PFlyout, typeof PGrid, typeof PGridItem, typeof PHeading, typeof PHeadline, typeof PIcon, typeof PInlineNotification, typeof PInputDate, typeof PInputEmail, typeof PInputNumber, typeof PInputPassword, typeof PInputSearch, typeof PInputTel, typeof PInputText, typeof PInputTime, typeof PInputUrl, typeof PLink, typeof PLinkPure, typeof PLinkSocial, typeof PLinkTile, typeof PLinkTileModelSignature, typeof PLinkTileProduct, typeof PMarque, typeof PModal, typeof PModelSignature, typeof PMultiSelect, typeof PMultiSelectOption, typeof POptgroup, typeof PPagination, typeof PPinCode, typeof PPopover, typeof PRadioButtonWrapper, typeof PScroller, typeof PSegmentedControl, typeof PSegmentedControlItem, typeof PSelect, typeof PSelectOption, typeof PSelectWrapper, typeof PSheet, typeof PSpinner, typeof PStepperHorizontal, typeof PStepperHorizontalItem, typeof PSwitch, typeof PTable, typeof PTableBody, typeof PTableCell, typeof PTableHead, typeof PTableHeadCell, typeof PTableHeadRow, typeof PTableRow, typeof PTabs, typeof PTabsBar, typeof PTabsItem, typeof PTag, typeof PTagDismissible, typeof PText, typeof PTextFieldWrapper, typeof PTextList, typeof PTextListItem, typeof PTextarea, typeof PTextareaWrapper, typeof PToast, typeof PWordmark]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PorscheDesignSystemModule, [typeof PAccordion, typeof PBanner, typeof PButton, typeof PButtonGroup, typeof PButtonPure, typeof PButtonTile, typeof PCanvas, typeof PCarousel, typeof PCheckbox, typeof PCheckboxWrapper, typeof PContentWrapper, typeof PCrest, typeof PDisplay, typeof PDivider, typeof PDrilldown, typeof PDrilldownItem, typeof PDrilldownLink, typeof PFieldset, typeof PFieldsetWrapper, typeof PFlag, typeof PFlex, typeof PFlexItem, typeof PFlyout, typeof PGrid, typeof PGridItem, typeof PHeading, typeof PHeadline, typeof PIcon, typeof PInlineNotification, typeof PInputDate, typeof PInputEmail, typeof PInputNumber, typeof PInputPassword, typeof PInputSearch, typeof PInputTel, typeof PInputText, typeof PInputTime, typeof PInputUrl, typeof PLink, typeof PLinkPure, typeof PLinkSocial, typeof PLinkTile, typeof PLinkTileModelSignature, typeof PLinkTileProduct, typeof PMarque, typeof PModal, typeof PModelSignature, typeof PMultiSelect, typeof PMultiSelectOption, typeof POptgroup, typeof PPagination, typeof PPinCode, typeof PPopover, typeof PRadioButtonWrapper, typeof PRadioGroup, typeof PRadioGroupOption, typeof PScroller, typeof PSegmentedControl, typeof PSegmentedControlItem, typeof PSelect, typeof PSelectOption, typeof PSelectWrapper, typeof PSheet, typeof PSpinner, typeof PStepperHorizontal, typeof PStepperHorizontalItem, typeof PSwitch, typeof PTable, typeof PTableBody, typeof PTableCell, typeof PTableHead, typeof PTableHeadCell, typeof PTableHeadRow, typeof PTableRow, typeof PTabs, typeof PTabsBar, typeof PTabsItem, typeof PTag, typeof PTagDismissible, typeof PText, typeof PTextFieldWrapper, typeof PTextList, typeof PTextListItem, typeof PTextarea, typeof PTextareaWrapper, typeof PToast, typeof PWordmark], never, [typeof PAccordion, typeof PBanner, typeof PButton, typeof PButtonGroup, typeof PButtonPure, typeof PButtonTile, typeof PCanvas, typeof PCarousel, typeof PCheckbox, typeof PCheckboxWrapper, typeof PContentWrapper, typeof PCrest, typeof PDisplay, typeof PDivider, typeof PDrilldown, typeof PDrilldownItem, typeof PDrilldownLink, typeof PFieldset, typeof PFieldsetWrapper, typeof PFlag, typeof PFlex, typeof PFlexItem, typeof PFlyout, typeof PGrid, typeof PGridItem, typeof PHeading, typeof PHeadline, typeof PIcon, typeof PInlineNotification, typeof PInputDate, typeof PInputEmail, typeof PInputNumber, typeof PInputPassword, typeof PInputSearch, typeof PInputTel, typeof PInputText, typeof PInputTime, typeof PInputUrl, typeof PLink, typeof PLinkPure, typeof PLinkSocial, typeof PLinkTile, typeof PLinkTileModelSignature, typeof PLinkTileProduct, typeof PMarque, typeof PModal, typeof PModelSignature, typeof PMultiSelect, typeof PMultiSelectOption, typeof POptgroup, typeof PPagination, typeof PPinCode, typeof PPopover, typeof PRadioButtonWrapper, typeof PRadioGroup, typeof PRadioGroupOption, typeof PScroller, typeof PSegmentedControl, typeof PSegmentedControlItem, typeof PSelect, typeof PSelectOption, typeof PSelectWrapper, typeof PSheet, typeof PSpinner, typeof PStepperHorizontal, typeof PStepperHorizontalItem, typeof PSwitch, typeof PTable, typeof PTableBody, typeof PTableCell, typeof PTableHead, typeof PTableHeadCell, typeof PTableHeadRow, typeof PTableRow, typeof PTabs, typeof PTabsBar, typeof PTabsItem, typeof PTag, typeof PTagDismissible, typeof PText, typeof PTextFieldWrapper, typeof PTextList, typeof PTextListItem, typeof PTextarea, typeof PTextareaWrapper, typeof PToast, typeof PWordmark]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<PorscheDesignSystemModule>;
 }
 
@@ -2980,5 +3205,5 @@ declare class ToastManager {
     static ɵprov: i0.ɵɵInjectableDeclaration<ToastManager>;
 }
 
-export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFieldsetWrapper, PFlag, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSelectWrapper, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextarea, PTextareaWrapper, PToast, PWordmark, PorscheDesignSystemModule, THEME_TOKEN, ToastManager };
-export type { AccordionHeadingTag, AccordionSize, AccordionTag, AccordionUpdateEvent, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerState, BannerWidth, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonGroupDirection, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonPureWeight, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileBackground, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselGradientColor, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEvent, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CheckboxUpdateEventDetail, CheckboxWrapperState, ContentWrapperBackgroundColor, ContentWrapperWidth, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DividerOrientation, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdate, DrilldownUpdateEvent, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FieldsetWrapperLabelSize, FieldsetWrapperState, FlagAriaAttribute, FlagName, FlagSize, FlexAlignContent, FlexAlignItems, FlexDirection, FlexInline, FlexItemAlignSelf, FlexItemFlex, FlexItemGrow, FlexItemOffset, FlexItemShrink, FlexItemWidth, FlexJustifyContent, FlexWrap, FlyoutAriaAttribute, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GridDirection, GridGutter, GridItemOffset, GridItemSize, GridWrap, GroupDirection, HeadingAlign, HeadingColor, HeadingSize, HeadingTag, HeadlineAlign, HeadlineColor, HeadlineTag, HeadlineVariant, HeadlineVariantCustom, HeadlineVariantType, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkPureWeight, LinkSocialIcon, LinkSocialTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileBackground, LinkTileModelSignatureAspectRatio, LinkTileModelSignatureHeadingTag, LinkTileModelSignatureLinkDirection, LinkTileModelSignatureModel, LinkTileModelSignatureWeight, LinkTileProductAspectRatio, LinkTileProductLikeEvent, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, MarqueAriaAttribute, MarqueSize, MarqueTarget, MarqueVariant, ModalAriaAttribute, ModalBackdrop, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectDropdownDirection, MultiSelectState, MultiSelectUpdateEvent, MultiSelectUpdateEventDetail, PaginationInternationalization, PaginationMaxNumberOfPageLinks, PaginationUpdateEvent, PaginationUpdateEventDetail, PinCodeLength, PinCodeState, PinCodeType, PinCodeUpdateEvent, PinCodeUpdateEventDetail, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioButtonWrapperState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerGradientColor, ScrollerGradientColorScheme, ScrollerScrollIndicatorPosition, ScrollerScrollToPosition, SegmentedControlBackgroundColor, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlUpdateEvent, SegmentedControlUpdateEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectUpdateEventDetail, SelectWrapperDropdownDirection, SelectWrapperState, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEvent, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEvent, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEvent, TableUpdateEventDetail, TabsBarGradientColor, TabsBarGradientColorScheme, TabsBarSize, TabsBarUpdateEvent, TabsBarUpdateEventDetail, TabsBarWeight, TabsGradientColor, TabsGradientColorScheme, TabsSize, TabsUpdateEvent, TabsUpdateEventDetail, TabsWeight, TagColor, TagDismissibleAriaAttribute, TagDismissibleColor, TagIcon, TextAlign, TextColor, TextFieldWrapperActionIcon, TextFieldWrapperState, TextFieldWrapperUnitPosition, TextListListType, TextListOrderType, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TextareaWrapperState, Theme, TileAlign, TileAspectRatio, TileBackground, TileSize, TileWeight, ToastMessage, ToastState, TypographyAlign, TypographyTextColor, TypographyTextWeight, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };
+export { DECLARATIONS, PAccordion, PBanner, PButton, PButtonGroup, PButtonPure, PButtonTile, PCanvas, PCarousel, PCheckbox, PCheckboxWrapper, PContentWrapper, PCrest, PDisplay, PDivider, PDrilldown, PDrilldownItem, PDrilldownLink, PFieldset, PFieldsetWrapper, PFlag, PFlex, PFlexItem, PFlyout, PGrid, PGridItem, PHeading, PHeadline, PIcon, PInlineNotification, PInputDate, PInputEmail, PInputNumber, PInputPassword, PInputSearch, PInputTel, PInputText, PInputTime, PInputUrl, PLink, PLinkPure, PLinkSocial, PLinkTile, PLinkTileModelSignature, PLinkTileProduct, PMarque, PModal, PModelSignature, PMultiSelect, PMultiSelectOption, POptgroup, PPagination, PPinCode, PPopover, PRadioButtonWrapper, PRadioGroup, PRadioGroupOption, PScroller, PSegmentedControl, PSegmentedControlItem, PSelect, PSelectOption, PSelectWrapper, PSheet, PSpinner, PStepperHorizontal, PStepperHorizontalItem, PSwitch, PTable, PTableBody, PTableCell, PTableHead, PTableHeadCell, PTableHeadRow, PTableRow, PTabs, PTabsBar, PTabsItem, PTag, PTagDismissible, PText, PTextFieldWrapper, PTextList, PTextListItem, PTextarea, PTextareaWrapper, PToast, PWordmark, PorscheDesignSystemModule, THEME_TOKEN, ToastManager };
+export type { AccordionHeadingTag, AccordionSize, AccordionTag, AccordionUpdateEvent, AccordionUpdateEventDetail, AlignLabel, AriaAttributes, AriaRole, Backdrop, BannerHeadingTag, BannerState, BannerWidth, Booleanish, Breakpoint, BreakpointCustomizable, BreakpointValues, ButtonAriaAttribute, ButtonGroupDirection, ButtonIcon, ButtonPureAlignLabel, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, ButtonPureType, ButtonPureWeight, ButtonTileAlign, ButtonTileAriaAttribute, ButtonTileAspectRatio, ButtonTileBackground, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight, ButtonType, ButtonVariant, CanvasSidebarStartUpdateEventDetail, CarouselAlignControls, CarouselAlignHeader, CarouselAriaAttribute, CarouselGradientColor, CarouselHeadingSize, CarouselInternationalization, CarouselSlidesPerPage, CarouselUpdateEvent, CarouselUpdateEventDetail, CarouselWidth, CheckboxBlurEventDetail, CheckboxChangeEventDetail, CheckboxState, CheckboxUpdateEventDetail, CheckboxWrapperState, ContentWrapperBackgroundColor, ContentWrapperWidth, CrestAriaAttribute, CrestTarget, Direction, DisplayAlign, DisplayColor, DisplaySize, DisplayTag, DividerColor, DividerDirection, DividerOrientation, DrilldownAriaAttribute, DrilldownLinkAriaAttribute, DrilldownLinkTarget, DrilldownUpdate, DrilldownUpdateEvent, DrilldownUpdateEventDetail, FieldsetLabelSize, FieldsetState, FieldsetWrapperLabelSize, FieldsetWrapperState, FlagAriaAttribute, FlagName, FlagSize, FlexAlignContent, FlexAlignItems, FlexDirection, FlexInline, FlexItemAlignSelf, FlexItemFlex, FlexItemGrow, FlexItemOffset, FlexItemShrink, FlexItemWidth, FlexJustifyContent, FlexWrap, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, FormState, GridDirection, GridGutter, GridItemOffset, GridItemSize, GridWrap, GroupDirection, HeadingAlign, HeadingColor, HeadingSize, HeadingTag, HeadlineAlign, HeadlineColor, HeadlineTag, HeadlineVariant, HeadlineVariantCustom, HeadlineVariantType, IconAriaAttribute, IconColor, IconName, IconSize, InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, InputSearchBlurEventDetail, InputSearchChangeEventDetail, InputSearchInputEventDetail, InputSearchState, InputTelBlurEventDetail, InputTelChangeEventDetail, InputTelInputEventDetail, InputTelState, InputTextBlurEventDetail, InputTextChangeEventDetail, InputTextInputEventDetail, InputTextState, InputTimeBlurEventDetail, InputTimeChangeEventDetail, InputTimeInputEventDetail, InputTimeState, InputUrlBlurEventDetail, InputUrlChangeEventDetail, InputUrlInputEventDetail, InputUrlState, LinkAriaAttribute, LinkButtonIconName, LinkButtonVariant, LinkIcon, LinkPureAlignLabel, LinkPureAriaAttribute, LinkPureIcon, LinkPureSize, LinkPureTarget, LinkPureWeight, LinkSocialIcon, LinkSocialTarget, LinkTarget, LinkTileAlign, LinkTileAriaAttribute, LinkTileAspectRatio, LinkTileBackground, LinkTileModelSignatureAspectRatio, LinkTileModelSignatureHeadingTag, LinkTileModelSignatureLinkDirection, LinkTileModelSignatureModel, LinkTileModelSignatureWeight, LinkTileProductAspectRatio, LinkTileProductLikeEvent, LinkTileProductLikeEventDetail, LinkTileProductTarget, LinkTileSize, LinkTileTarget, LinkTileWeight, LinkVariant, MarqueAriaAttribute, MarqueSize, MarqueTarget, MarqueVariant, ModalAriaAttribute, ModalBackdrop, ModalMotionHiddenEndEventDetail, ModalMotionVisibleEndEventDetail, ModelSignatureColor, ModelSignatureFetchPriority, ModelSignatureModel, ModelSignatureSize, MultiSelectChangeEventDetail, MultiSelectDropdownDirection, MultiSelectState, MultiSelectUpdateEvent, MultiSelectUpdateEventDetail, PaginationInternationalization, PaginationMaxNumberOfPageLinks, PaginationUpdateEvent, PaginationUpdateEventDetail, PinCodeChangeEventDetail, PinCodeLength, PinCodeState, PinCodeType, PinCodeUpdateEvent, PinCodeUpdateEventDetail, PopoverAriaAttribute, PopoverDirection, PorscheDesignSystem, PorscheDesignSystemModuleConfig, RadioButtonWrapperState, RadioGroupChangeEventDetail, RadioGroupDirection, RadioGroupState, ScrollerAlignScrollIndicator, ScrollerAriaAttribute, ScrollerGradientColor, ScrollerGradientColorScheme, ScrollerScrollIndicatorPosition, ScrollerScrollToPosition, SegmentedControlBackgroundColor, SegmentedControlChangeEventDetail, SegmentedControlColumns, SegmentedControlItemAriaAttribute, SegmentedControlItemIcon, SegmentedControlUpdateEvent, SegmentedControlUpdateEventDetail, SelectChangeEventDetail, SelectComponentsDropdownDirection, SelectDropdownDirection, SelectState, SelectUpdateEventDetail, SelectWrapperDropdownDirection, SelectWrapperState, SelectedAriaAttributes, SelectedAriaRole, SheetAriaAttribute, SheetMotionHiddenEndEventDetail, SheetMotionVisibleEndEventDetail, SpinnerAriaAttribute, SpinnerSize, StepperHorizontalItemState, StepperHorizontalSize, StepperHorizontalUpdateEvent, StepperHorizontalUpdateEventDetail, SwitchAlignLabel, SwitchUpdateEvent, SwitchUpdateEventDetail, TableHeadCellSort, TableLayout, TableUpdateEvent, TableUpdateEventDetail, TabsBarGradientColor, TabsBarGradientColorScheme, TabsBarSize, TabsBarUpdateEvent, TabsBarUpdateEventDetail, TabsBarWeight, TabsGradientColor, TabsGradientColorScheme, TabsSize, TabsUpdateEvent, TabsUpdateEventDetail, TabsWeight, TagColor, TagDismissibleAriaAttribute, TagDismissibleColor, TagIcon, TextAlign, TextColor, TextFieldWrapperActionIcon, TextFieldWrapperState, TextFieldWrapperUnitPosition, TextListListType, TextListOrderType, TextListType, TextSize, TextTag, TextWeight, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap, TextareaWrapperState, Theme, TileAlign, TileAspectRatio, TileBackground, TileSize, TileWeight, ToastMessage, ToastState, TypographyAlign, TypographyTextColor, TypographyTextWeight, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget };