@porsche-design-system/components-react 3.16.0 → 3.17.0-rc.1

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { TextAlign, TextColor, BreakpointCustomizable, TextSize, TextTag, Theme, TextWeight } from '../types';
 export type PTextProps = BaseProps & {
@@ -61,5 +60,5 @@ export declare const PText: import("react").ForwardRefExoticComponent<import("re
      */
     weight?: TextWeight;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { BreakpointCustomizable, TextareaWrapperState, Theme } from '../types';
 export type PTextareaWrapperProps = BaseProps & {
@@ -69,5 +68,5 @@ export declare const PTextareaWrapper: import("react").ForwardRefExoticComponent
      */
     theme?: Theme;
 } & {
-    children?: import("react").ReactNode;
+    children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { Theme } from '../types';
 export type PToastProps = BaseProps & {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { BaseProps } from '../../BaseProps';
 import type { SelectedAriaAttributes, WordmarkAriaAttribute, WordmarkSize, WordmarkTarget, Theme } from '../types';
 export type PWordmarkProps = BaseProps & {

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

@@ -1,4 +1,10 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "heading", "description": "Defines the heading used in the accordion. Can be used alternatively to the heading prop. Please **refrain** from using any other than text content as slotted markup." }
+ * @slot {"name": "", "description": "Default slot for the main content" }
+ *
+ * @controlled {"props": ["open"], "event": "update"}
+ */
 export declare class DSRAccordion extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

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

@@ -1,4 +1,11 @@
 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": "Defines the title used in the banner. Can be used alternatively to the heading prop. Can be used for rich content.", "hasAltProp": 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"}
+ */
 export declare class DSRBanner extends Component<any> {
     host: HTMLElement;
     private inlineNotificationElement;

package/ssr/esm/lib/dsr-components/button-group.d.ts

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the buttons to group." }
+ */
 export declare class DSRButtonGroup extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/button-pure.d.ts

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the button label." }
+ */
 export declare class DSRButtonPure extends Component<any> {
     host: HTMLElement;
     private get isDisabledOrLoading();

package/ssr/esm/lib/dsr-components/button-tile.d.ts

@@ -1,4 +1,8 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "header", "description": "Renders a header section above the content area." }
+ * @slot {"name": "", "description": "Default slot for the img or picture tag." }
+ */
 export declare class DSRButtonTile extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

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

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the button label." }
+ */
 export declare class DSRButton extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

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

@@ -1,5 +1,16 @@
 import { Component } from 'react';
-/** @experimental */
+/**
+ * @slot {"name": "header", "description": "Renders a **sticky** header section above the content area." }
+ * @slot {"name": "", "description": "Default slot for the main content" }
+ * @slot {"name": "footer", "description": "Shows a footer section, flowing under the content area when scrollable." }
+ * @slot {"name": "sidebar-start", "description": "Shows a sidebar area on the **start** side (**left** in **LTR** mode / **right** in **RTL** mode). On mobile view it transforms into a flyout." }
+ * @slot {"name": "sidebar-end", "description": "Shows a sidebar area on the **end** side (**right** in **LTR** mode / **left** in **RTL** mode). On mobile view it transforms into a flyout." }
+ *
+ * @controlled {"props": ["sidebarStartOpen"], "event": "dismissSidebarStart"}
+ * @controlled {"props": ["sidebarEndOpen"], "event": "dismissSidebarEnd"}
+ *
+ * @experimental
+ */
 export declare class DSRCanvas extends Component<any> {
     host: HTMLElement;
     private isDesktopView;

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

@@ -1,4 +1,12 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "heading", "description": "Renders a heading above the carousel." }
+ * @slot {"name": "description", "description": "Shows a footer section, flowing under the content area when scrollable." }
+ * @slot {"name": "controls", "description": "Shows a sidebar area on the **start** side (**left** in **LTR** mode / **right** in **RTL** mode). On mobile view it transforms into a flyout." }
+ * @slot {"name": "", "description": "Default slot for the carousel slides." }
+ *
+ * @controlled { "props": ["activeSlideIndex"], "event": "update", "isInternallyMutated": true }
+ */
 export declare class DSRCarousel extends Component<any> {
     host: HTMLElement;
     private amountOfPages;

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

@@ -1,4 +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": "Default slot for the input." }
+ * @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." }
+ */
 export declare class DSRCheckboxWrapper extends Component<any> {
     host: HTMLElement;
     private input;

package/ssr/esm/lib/dsr-components/content-wrapper.d.ts

@@ -1,5 +1,8 @@
 import { Component } from 'react';
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
+/**
+ * @slot {"name": "", "description": "Default slot for main content." }
+ * @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead.
+ */
 export declare class DSRContentWrapper extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

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

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the display text." }
+ */
 export declare class DSRDisplay extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/fieldset-wrapper.d.ts

@@ -1,5 +1,11 @@
 import { Component } from 'react';
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-fieldset" 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": "Default slot for the main content." }
+ * @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.0.0, will be removed with next major release. Please use "p-fieldset" instead.
+ */
 export declare class DSRFieldsetWrapper extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

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

@@ -1,4 +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": "Default slot for the main content." }
+ * @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." }
+ */
 export declare class DSRFieldset extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

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

@@ -1,5 +1,8 @@
 import { Component } from 'react';
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
+/**
+ * @slot {"name": "", "description": "Default slot for the main content." }
+ * @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead.
+ */
 export declare class DSRFlexItem extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

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

@@ -1,5 +1,8 @@
 import { Component } from 'react';
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
+/**
+ * @slot {"name": "", "description": "Default slot for the flex items." }
+ * @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead.
+ */
 export declare class DSRFlex extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

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

@@ -1,6 +1,10 @@
 import { Component } from 'react';
 import { type FlyoutMultilevelItemInternalHTMLProps } from '@porsche-design-system/components/dist/utils';
-/** @experimental */
+/**
+ * @slot {"name": "", "description": "Default slot for the main content." }
+ *
+ * @experimental
+ */
 export declare class DSRFlyoutMultilevelItem extends Component<any> {
     host: HTMLElement & FlyoutMultilevelItemInternalHTMLProps;
     private get theme();

package/ssr/esm/lib/dsr-components/flyout-multilevel.d.ts

@@ -1,5 +1,12 @@
 import { Component } from 'react';
-/** @experimental */
+/**
+ * @slot {"name": "", "description": "Default slot to render p-flyout-multilevel items." }
+ *
+ * @controlled {"props": ["open"], "event": "dismiss"}
+ * @controlled {"props": ["activeIdentifier"], "event": "update"}
+ *
+ * @experimental
+ */
 export declare class DSRFlyoutMultilevel extends Component<any> {
     host: HTMLElement;
     private flyoutMultilevelItemElements;

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

@@ -1,4 +1,12 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "header", "description": "Renders a sticky 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." }
+ * @slot {"name": "sub-footer", "description": "Shows a sub-footer section to display additional information below the footer. This slot is ideal for less critical content, such as legal information or FAQs, which provides further details to the user. It appears when scrolling to the end of the flyout or when there is available space to accommodate the content." }
+ *
+ * @controlled {"props": ["open"], "event": "dismiss"}
+ */
 export declare class DSRFlyout extends Component<any> {
     host: HTMLElement;
     private dialog;

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

@@ -1,5 +1,9 @@
 import { Component } from 'react';
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
+/**
+ * @slot {"name": "", "description": "Default slot to render the content." }
+ *
+ * @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead.
+ */
 export declare class DSRGridItem extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

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

@@ -1,5 +1,9 @@
 import { Component } from 'react';
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
+/**
+ * @slot {"name": "", "description": "Default slot to render p-grid-item tags." }
+ *
+ * @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead.
+ */
 export declare class DSRGrid extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

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

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot to render the heading." }
+ */
 export declare class DSRHeading extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

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

@@ -1,5 +1,9 @@
 import { Component } from 'react';
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-heading" instead. */
+/**
+ * @slot {"name": "", "description": "Default slot to render the headline." }
+ *
+ * @deprecated since v3.0.0, will be removed with next major release. Please use "p-heading" instead.
+ */
 export declare class DSRHeadline extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

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

@@ -1,4 +1,8 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "heading", "description": "Shows a heading. Can be used to render rich markup." }
+ * @slot {"name": "", "description": "Default slot to render a description. Can be used to render rich markup." }
+ */
 export declare class DSRInlineNotification extends Component<any> {
     host: HTMLElement;
     private get hasDismissButton();

package/ssr/esm/lib/dsr-components/link-pure.d.ts

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot to render the link label." }
+ */
 export declare class DSRLinkPure extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/link-social.d.ts

@@ -1,5 +1,9 @@
 import { Component } from 'react';
-/** @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social icon instead. */
+/**
+ * @slot {"name": "", "description": "Default slot to render the link label." }
+ *
+ * @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social icon instead.
+ */
 export declare class DSRLinkSocial extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/link-tile-model-signature.d.ts

@@ -1,4 +1,10 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "header", "description": "Renders a header section above the content area." }
+ * @slot {"name": "", "description": "Default slot for the img or picture tag." }
+ * @slot {"name": "primary", "description": "Renders the primary link. Has to be a p-link tag.", "isRequired": true, "allowedTagNames": ["p-link"] }
+ * @slot {"name": "secondary", "description": "Renders the secondary link. Has to be a p-link tag.", "isRequired": true, "allowedTagNames": ["p-link"] }
+ */
 export declare class DSRLinkTileModelSignature extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/link-tile-product.d.ts

@@ -1,5 +1,13 @@
 import { Component } from 'react';
-/** @experimental */
+/**
+ * @slot {"name": "anchor", "description": "Slotted anchor link which can be used instead of the `href` prop. Ensure the named slot is directly on the anchor element, without nesting." }
+ * @slot {"name": "header", "description": "Shows special features about the product like novelty or exclusivity. Although you can pass in anything, it is recommended to use the `p-tag` component." }
+ * @slot {"name": "", "description": "Default slot for the img or picture tag." }
+ *
+ * @controlled {"props": ["liked"], "event": "like"}
+ *
+ * @experimental
+ */
 export declare class DSRLinkTileProduct extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/link-tile.d.ts

@@ -1,4 +1,8 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "header", "description": "Renders a header section above the content area." }
+ * @slot {"name": "", "description": "Default slot for the img or picture tag." }
+ */
 export declare class DSRLinkTile extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

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

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot to render the link label." }
+ */
 export declare class DSRLink extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

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

@@ -1,4 +1,12 @@
 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." }
+ *
+ * @controlled {"props": ["open"], "event": "dismiss"}
+ */
 export declare class DSRModal extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/model-signature.d.ts

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for an img or video tag when using the model-signature as a mask." }
+ */
 export declare class DSRModelSignature extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

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

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

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

@@ -1,4 +1,12 @@
 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-multi-select-option 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 }
+ */
 export declare class DSRMultiSelect extends Component<any> {
     host: HTMLElement;
     private isOpen;
@@ -6,6 +14,7 @@ export declare class DSRMultiSelect extends Component<any> {
     private hasFilterResults;
     private nativeSelect;
     private multiSelectOptions;
+    private multiSelectOptgroups;
     private inputContainer;
     private inputElement;
     private listElement;

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

@@ -0,0 +1,9 @@
+import { Component } from 'react';
+import { 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;
+    render(): JSX.Element;
+}

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

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @controlled { "props": ["activePage"], "event": "update", "isInternallyMutated": true }
+ */
 export declare class DSRPagination extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/pin-code.d.ts

@@ -1,4 +1,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": "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 }
+ */
 export declare class DSRPinCode extends Component<any> {
     host: HTMLElement;
     private form;

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

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the popover content." }
+ */
 export declare class DSRPopover extends Component<any> {
     host: HTMLElement;
     private open;

package/ssr/esm/lib/dsr-components/radio-button-wrapper.d.ts

@@ -1,4 +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": "Default slot for the input." }
+ * @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." }
+ */
 export declare class DSRRadioButtonWrapper extends Component<any> {
     host: HTMLElement;
     private input;

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

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the scroller content." }
+ */
 export declare class DSRScroller extends Component<any> {
     host: HTMLElement;
     private isPrevHidden;

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

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

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

@@ -1,4 +1,9 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the `p-segmented-control-item` tags." }
+ *
+ * @controlled { "props": ["value"], "event": "update", "isInternallyMutated": true }
+ */
 export declare class DSRSegmentedControl extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

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

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

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

@@ -1,4 +1,10 @@
 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." }
+ */
 export declare class DSRSelectWrapper extends Component<any> {
     host: HTMLElement;
     private select;

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

@@ -1,4 +1,12 @@
 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-select-option` 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 }
+ */
 export declare class DSRSelect extends Component<any> {
     host: HTMLElement;
     private isOpen;
@@ -8,6 +16,7 @@ export declare class DSRSelect extends Component<any> {
     private combobox;
     private listElement;
     private selectOptions;
+    private selectOptgroups;
     private form;
     private isWithinForm;
     private preventOptionUpdate;

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

@@ -1,5 +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;
     render(): JSX.Element;

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

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the `p-stepper-horizontal-item` tags." }
+ */
 export declare class DSRStepperHorizontal extends Component<any> {
     host: HTMLElement;
     private stepperHorizontalItems;

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

@@ -1,4 +1,9 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the label." }
+ *
+ * @controlled {"props": ["checked"], "event": "update"}
+ */
 export declare class DSRSwitch extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/table-body.d.ts

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the table body content." }
+ */
 export declare class DSRTableBody extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;

package/ssr/esm/lib/dsr-components/table-cell.d.ts

@@ -1,4 +1,7 @@
 import { Component } from 'react';
+/**
+ * @slot {"name": "", "description": "Default slot for the table cell content." }
+ */
 export declare class DSRTableCell extends Component<any> {
     host: HTMLElement;
     render(): JSX.Element;