@porsche-design-system/components-react 3.31.0 → 4.0.0-alpha.0

package/ssr/esm/lib/components/text-list.wrapper.d.ts

@@ -1,36 +1,12 @@
 import type { BaseProps } from '../../BaseProps';
-import type { TextListListType, TextListOrderType, Theme, TextListType } from '../types';
+import type { TextListType } from '../types';
 export type PTextListProps = BaseProps & {
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `type` instead. The type of the list.
-     */
-    listType?: TextListListType;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `type` instead. The list style type of ordered list. Only has effect when list type is set to 'ordered'.
-     */
-    orderType?: TextListOrderType;
-    /**
-     * Adapts the text color depending on the theme.
-     */
-    theme?: Theme;
     /**
      * The list style type.
      */
     type?: TextListType;
 };
-export declare const PTextList: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `type` instead. The type of the list.
-     */
-    listType?: TextListListType;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `type` instead. The list style type of ordered list. Only has effect when list type is set to 'ordered'.
-     */
-    orderType?: TextListOrderType;
-    /**
-     * Adapts the text color depending on the theme.
-     */
-    theme?: Theme;
+export declare const PTextList: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * The list style type.
      */

package/ssr/esm/lib/components/text.wrapper.d.ts

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { TextAlign, TextColor, BreakpointCustomizable, TextSize, TextTag, Theme, TextWeight } from '../types';
+import type { TextAlign, TextColor, BreakpointCustomizable, TextSize, TextTag, TextWeight } from '../types';
 export type PTextProps = BaseProps & {
     /**
      * Text alignment of the component.
@@ -21,16 +21,12 @@ export type PTextProps = BaseProps & {
      * Sets a custom HTML tag depending on the usage of the text component.
      */
     tag?: TextTag;
-    /**
-     * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
-     */
-    theme?: Theme;
     /**
      * The weight of the text.
      */
     weight?: TextWeight;
 };
-export declare const PText: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PText: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Text alignment of the component.
      */
@@ -51,10 +47,6 @@ export declare const PText: import("react").ForwardRefExoticComponent<Omit<impor
      * Sets a custom HTML tag depending on the usage of the text component.
      */
     tag?: TextTag;
-    /**
-     * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
-     */
-    theme?: Theme;
     /**
      * The weight of the text.
      */

package/ssr/esm/lib/components/textarea.wrapper.d.ts

@@ -1,10 +1,14 @@
 import type { BaseProps } from '../../BaseProps';
-import type { BreakpointCustomizable, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, Theme, TextareaWrap } from '../types';
+import type { BreakpointCustomizable, TextareaBlurEventDetail, TextareaChangeEventDetail, TextareaInputEventDetail, TextareaResize, TextareaState, TextareaWrap } from '../types';
 export type PTextareaProps = BaseProps & {
     /**
      * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
      */
     autoComplete?: string;
+    /**
+     * A boolean value that, if present, renders the textarea as a compact version.
+     */
+    compact?: boolean;
     /**
      * Show or hide the character counter.
      */
@@ -85,10 +89,6 @@ export type PTextareaProps = BaseProps & {
      * Indicates the validation or overall status of the textarea component.
      */
     state?: TextareaState;
-    /**
-     * Controls the visual appearance of the component.
-     */
-    theme?: Theme;
     /**
      * The textarea value.
      */
@@ -98,11 +98,15 @@ export type PTextareaProps = BaseProps & {
      */
     wrap?: TextareaWrap;
 };
-export declare const PTextarea: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PTextarea: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
      */
     autoComplete?: string;
+    /**
+     * A boolean value that, if present, renders the textarea as a compact version.
+     */
+    compact?: boolean;
     /**
      * Show or hide the character counter.
      */
@@ -183,10 +187,6 @@ export declare const PTextarea: import("react").ForwardRefExoticComponent<Omit<i
      * Indicates the validation or overall status of the textarea component.
      */
     state?: TextareaState;
-    /**
-     * Controls the visual appearance of the component.
-     */
-    theme?: Theme;
     /**
      * The textarea value.
      */

package/ssr/esm/lib/components/toast.wrapper.d.ts

@@ -1,14 +1,3 @@
 import type { BaseProps } from '../../BaseProps';
-import type { Theme } from '../types';
-export type PToastProps = BaseProps & {
-    /**
-     * Adapts the toast color depending on the theme.
-     */
-    theme?: Theme;
-};
-export declare const PToast: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
-    /**
-     * Adapts the toast color depending on the theme.
-     */
-    theme?: Theme;
-} & import("react").RefAttributes<HTMLElement>>;
+export type PToastProps = BaseProps & {};
+export declare const PToast: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & import("react").RefAttributes<HTMLElement>>;

package/ssr/esm/lib/components/wordmark.wrapper.d.ts

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { SelectedAriaAttributes, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget, Theme } from '../types';
+import type { SelectedAriaAttributes, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget } from '../types';
 export type PWordmarkProps = BaseProps & {
     /**
      * Add ARIA attributes.
@@ -17,12 +17,8 @@ export type PWordmarkProps = BaseProps & {
      * Target attribute where the link should be opened.
      */
     target?: WordmarkTarget;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
 };
-export declare const PWordmark: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+export declare const PWordmark: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Add ARIA attributes.
      */
@@ -39,8 +35,4 @@ export declare const PWordmark: import("react").ForwardRefExoticComponent<Omit<i
      * Target attribute where the link should be opened.
      */
     target?: WordmarkTarget;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
 } & import("react").RefAttributes<HTMLElement>>;

package/ssr/esm/lib/dsr-components/banner.d.ts

@@ -1,7 +1,6 @@
 import { Component } from 'react';
 /**
  * @slot {"name": "heading", "description": "Defines the heading used in the banner. Can be used alternatively to the heading prop. Can be used for rich content.", "hasAltProp": true }
- * @slot {"name": "title", "description": "Please use the heading prop or slot=\"heading\" instead.", "hasAltProp": true, "isDeprecated": true }
  * @slot {"name": "description", "description": "Defines the description used in the banner. Can be used alternatively to the description prop. Can be used for rich content.", "hasAltProp": true }
  *
  * @controlled {"props": ["open"], "event": "dismiss"}
@@ -10,6 +9,5 @@ export declare class DSRBanner extends Component<any> {
     host: HTMLElement;
     private inlineNotificationElement;
     private closeBtn;
-    private get hasDismissButton();
     render(): JSX.Element;
 }

package/ssr/esm/lib/dsr-components/checkbox.d.ts

@@ -5,10 +5,6 @@ import { Component } from 'react';
  */
 export declare class DSRCheckbox extends Component<any> {
     host: HTMLElement;
-    /**
-     * Emitted when checkbox checked property is changed.
-     * @deprecated since v3.30.0, will be removed with next major release, use `change` event instead.
-     */
     private internals;
     private initialLoading;
     private defaultChecked;

package/ssr/esm/lib/dsr-components/drilldown-item.d.ts

@@ -1,5 +1,4 @@
 import { Component } from 'react';
-import type { DrilldownItemInternalHTMLProps } from '@porsche-design-system/components/dist/utils';
 /**
  * @slot {"name": "", "description": "Default slot for the main content." }
  * @slot {"name": "button", "description": "Shows a custom button to reach a deeper level of the navigation structure." } *
@@ -7,10 +6,9 @@ import type { DrilldownItemInternalHTMLProps } from '@porsche-design-system/comp
  * @experimental
  */
 export declare class DSRDrilldownItem extends Component<any> {
-    host: HTMLElement & DrilldownItemInternalHTMLProps;
+    host: HTMLElement;
     private scroller;
     private hasSlottedHeader;
     private hasSlottedButton;
-    private get theme();
     render(): JSX.Element;
 }

package/ssr/esm/lib/dsr-components/inline-notification.d.ts

@@ -5,6 +5,5 @@ import { Component } from 'react';
  */
 export declare class DSRInlineNotification extends Component<any> {
     host: HTMLElement;
-    private get hasDismissButton();
     render(): JSX.Element;
 }

package/ssr/esm/lib/dsr-components/input-base.d.ts

@@ -12,7 +12,6 @@ type InputBaseProps = {
     disabled?: boolean;
     state?: InputBaseState;
     message?: string;
-    theme?: any;
     readOnly?: boolean;
     name: string;
     form?: string;

package/ssr/esm/lib/dsr-components/{select-wrapper.d.ts → input-month.d.ts}

@@ -1,15 +1,19 @@
 import { Component } from 'react';
 /**
- * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- * @slot {"name": "description", "description": "Shows a description. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- * @slot {"name": "", "description": "Default slot for the `select` tag." }
- * @slot {"name": "message", "description": "Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- *
- * @deprecated since v3.29.0, will be removed with next major release. Please use `p-select` instead.
+ * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed."}
+ * @slot {"name": "description", "description": "Shows a description. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed."}
+ * @slot {"name": "message", "description": "Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed."}
+ * @slot {"name": "start", "description": "Shows content at the start of the input (e.g. unit prefix)."}
+ * @slot {"name": "end", "description": "Shows content at the end of the input (e.g. toggle button, unit suffix)."}
  */
-export declare class DSRSelectWrapper extends Component<any> {
+export declare class DSRInputMonth extends Component<any> {
     host: HTMLElement;
-    private select;
-    private iconElement;
+    private internals;
+    private initialLoading;
+    private inputElement;
+    private defaultValue;
+    formResetCallback(): void;
+    formDisabledCallback(): void;
+    formStateRestoreCallback(): void;
     render(): JSX.Element;
 }

package/ssr/esm/lib/dsr-components/{textarea-wrapper.d.ts → input-week.d.ts}

@@ -1,18 +1,19 @@
 import { Component } from 'react';
 /**
- * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- * @slot {"name": "description", "description": "Shows a description. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- * @slot {"name": "", "description": "Default slot for the textarea." }
- * @slot {"name": "message", "description": "Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
- *
- * @deprecated since v3.29.0, will be removed with next major release. Please use `p-textarea` instead.
+ * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed."}
+ * @slot {"name": "description", "description": "Shows a description. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed."}
+ * @slot {"name": "message", "description": "Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed."}
+ * @slot {"name": "start", "description": "Shows content at the start of the input (e.g. unit prefix)."}
+ * @slot {"name": "end", "description": "Shows content at the end of the input (e.g. toggle button, unit suffix)."}
  */
-export declare class DSRTextareaWrapper extends Component<any> {
+export declare class DSRInputWeek extends Component<any> {
     host: HTMLElement;
-    private textarea;
-    private counterElement;
-    private ariaElement;
-    private hasCounter;
-    private eventListener;
+    private internals;
+    private initialLoading;
+    private inputElement;
+    private defaultValue;
+    formResetCallback(): void;
+    formDisabledCallback(): void;
+    formStateRestoreCallback(): void;
     render(): JSX.Element;
 }

package/ssr/esm/lib/dsr-components/modal.d.ts

@@ -1,6 +1,5 @@
 import { Component } from 'react';
 /**
- * @slot {"name": "heading", "description": "Renders a heading section above the content area.", "isDeprecated": true }
  * @slot {"name": "header", "description": "Renders a header section above the content area." }
  * @slot {"name": "", "description": "Default slot for the main content." }
  * @slot {"name": "footer", "description": "Shows a sticky footer section, flowing under the content area when scrollable." }
@@ -14,6 +13,5 @@ export declare class DSRModal extends Component<any> {
     private footer;
     private hasHeader;
     private hasFooter;
-    private get hasDismissButton();
     render(): JSX.Element;
 }

package/ssr/esm/lib/dsr-components/multi-select.d.ts

@@ -2,8 +2,11 @@ import { Component } from 'react';
 /**
  * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
  * @slot {"name": "description", "description": "Shows a description. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
+ * @slot {"name": "selected", "description": "Use this slot to provide custom markup for the selected options display in the button area." }
  * @slot {"name": "", "description": "Default slot for the p-multi-select-option tags." }
+ * @slot {"name": "options-status", "description": "When implementing a custom filter with the `filter` slot, use this slot for loading, error and no results status." }
  * @slot {"name": "message", "description": "Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
+ * @slot {"name": "filter", "description": "Optional slot for providing a custom `p-input-search` input. When used, the default filter input is replaced and the built-in filter logic is disabled, giving full control over filtering behavior." }
  *
  * @controlled { "props": ["value"], "event": "update", "isInternallyMutated": true }
  */
@@ -11,13 +14,14 @@ export declare class DSRMultiSelect extends Component<any> {
     host: HTMLElement;
     private isOpen;
     private hasFilterResults;
+    private selectedOptions;
     private internals;
     private defaultValue;
     private multiSelectOptions;
     private multiSelectOptgroups;
     private buttonElement;
     private inputSearchElement;
-    private inputSearchInputElement;
+    private filterSlot;
     private listboxElement;
     private resetButtonElement;
     private preventOptionUpdate;
@@ -25,7 +29,6 @@ export declare class DSRMultiSelect extends Component<any> {
     private hasNativePopoverSupport;
     private cleanUpAutoUpdate;
     private currentlyHighlightedOption;
-    private get currentValue();
     setFormValue(value: string[]): void;
     formDisabledCallback(): void;
     formStateRestoreCallback(): void;

package/ssr/esm/lib/dsr-components/optgroup.d.ts

@@ -1,9 +1,8 @@
 import { Component } from 'react';
-import { type OptgroupInternalHTMLProps } from '@porsche-design-system/components/dist/utils';
 /**
  * @slot {"name": "", "description": "Default slot for the optgroup content." }
  */
 export declare class DSROptgroup extends Component<any> {
-    host: HTMLElement & OptgroupInternalHTMLProps;
+    host: HTMLElement;
     render(): JSX.Element;
 }

package/ssr/esm/lib/dsr-components/segmented-control.d.ts

@@ -1,6 +1,9 @@
 import { Component } from 'react';
 /**
+ * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed."}
+ * @slot {"name": "description", "description": "Shows a description. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed."}
  * @slot {"name": "", "description": "Default slot for the `p-segmented-control-item` tags." }
+ * @slot {"name": "message", "description": "Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed."}
  *
  * @controlled { "props": ["value"], "event": "update", "isInternallyMutated": true }
  */

package/ssr/esm/lib/dsr-components/select.d.ts

@@ -2,8 +2,11 @@ import { Component } from 'react';
 /**
  * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
  * @slot {"name": "description", "description": "Shows a description. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
+ * @slot {"name": "selected", "description": "Use this slot to provide custom markup for the selected option display in the button area." }
  * @slot {"name": "", "description": "Default slot for the `p-select-option` tags." }
+ * @slot {"name": "options-status", "description": "When implementing a custom filter with the `filter` slot, use this slot for loading, error and no results status." }
  * @slot {"name": "message", "description": "Shows a state message. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }
+ * @slot {"name": "filter", "description": "Optional slot for providing a custom `p-input-search` input. When used, the default filter input is replaced and the built-in filter logic is disabled, giving full control over filtering behavior." }
  *
  * @controlled { "props": ["value"], "event": "update", "isInternallyMutated": true }
  */
@@ -11,25 +14,25 @@ export declare class DSRSelect extends Component<any> {
     host: HTMLElement;
     private isOpen;
     private hasFilterResults;
+    private selectedOption;
     private internals;
     private defaultValue;
     private buttonElement;
     private popoverElement;
     private inputSearchElement;
-    private inputSearchInputElement;
+    private filterSlot;
     private listboxElement;
     private selectOptions;
     private selectOptgroups;
     private preventOptionUpdate;
     private searchString;
     private searchTimeout;
-    private slottedImagePath;
     private hasNativePopoverSupport;
     private cleanUpAutoUpdate;
     private currentlyHighlightedOption;
+    private get hasFilter();
     formDisabledCallback(): void;
     formStateRestoreCallback(): void;
     formResetCallback(): void;
     render(): JSX.Element;
-    private getSelectedOptionImagePath;
 }

package/ssr/esm/lib/dsr-components/state-message.d.ts

@@ -3,7 +3,6 @@ type StateMessageProps = {
     hasMessage: boolean;
     state: any;
     message: string;
-    theme: any;
     host: HTMLElement;
 };
 export declare const messageId = "message";

package/ssr/esm/lib/dsr-components/stepper-horizontal-item.d.ts

@@ -1,9 +1,8 @@
 import { Component } from 'react';
-import { type StepperHorizontalItemInternalHTMLProps } from '@porsche-design-system/components/dist/utils';
 /**
  * @slot {"name": "", "description": "Default slot for the content." }
  */
 export declare class DSRStepperHorizontalItem extends Component<any> {
-    host: HTMLElement & StepperHorizontalItemInternalHTMLProps;
+    host: HTMLElement;
     render(): JSX.Element;
 }

package/ssr/esm/lib/dsr-components/tabs-item.d.ts

@@ -1,9 +1,8 @@
 import { Component } from 'react';
-import type { TabsItemInternalHTMLProps } from '@porsche-design-system/components/dist/utils';
 /**
  * @slot {"name": "", "description": "Default slot for the tab content." }
  */
 export declare class DSRTabsItem extends Component<any> {
-    host: HTMLElement & TabsItemInternalHTMLProps;
+    host: HTMLElement;
     render(): JSX.Element;
 }