@porsche-design-system/components-react 3.29.0-rc.4 → 3.29.0

package/CHANGELOG.md

@@ -14,6 +14,20 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ## [Unreleased]
 
+## [3.29.0] - 2025-08-20
+
+## [3.29.0-rc.5] - 2025-08-19
+
+### Changed
+
+- `Checkbox`, `Multi Select`, `Select`, `Pin Code`, `Textarea`: removed slotted anchor styles
+  ([#3981](https://github.com/porsche-design-system/porsche-design-system/pull/3981))
+
+### Fixed
+
+- `Popover`: support for custom slotted button & improvements
+  ([#3976](https://github.com/porsche-design-system/porsche-design-system/pull/3976))
+
 ## [3.29.0-rc.4] - 2025-08-15
 
 ### Added

package/cjs/lib/components/checkbox-wrapper.wrapper.cjs

@@ -6,6 +6,7 @@ var react = require('react');
 var hooks = require('../../hooks.cjs');
 var utils = require('../../utils.cjs');
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead. */
 const PCheckboxWrapper = /*#__PURE__*/ react.forwardRef(({ hideLabel = false, label = '', loading = false, message = '', state = 'none', theme, className, ...rest }, ref) => {
     const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-checkbox-wrapper');

package/cjs/lib/components/fieldset-wrapper.wrapper.cjs

@@ -6,7 +6,7 @@ var react = require('react');
 var hooks = require('../../hooks.cjs');
 var utils = require('../../utils.cjs');
 
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-fieldset" instead. */
+/** @deprecated since v3.0.0, will be removed with next major release. Please use `p-fieldset` instead. */
 const PFieldsetWrapper = /*#__PURE__*/ react.forwardRef(({ label = '', labelSize = 'medium', message = '', required = false, state = 'none', theme, className, ...rest }, ref) => {
     const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-fieldset-wrapper');

package/cjs/lib/components/popover.wrapper.cjs

@@ -6,14 +6,13 @@ var react = require('react');
 var hooks = require('../../hooks.cjs');
 var utils = require('../../utils.cjs');
 
-const PPopover = /*#__PURE__*/ react.forwardRef(({ aria, description, direction = 'bottom', onDismiss, open = false, theme, className, ...rest }, ref) => {
+const PPopover = /*#__PURE__*/ react.forwardRef(({ aria, description, direction = 'bottom', theme, className, ...rest }, ref) => {
     const elementRef = react.useRef(undefined);
-    hooks.useEventCallback(elementRef, 'dismiss', onDismiss);
     const WebComponentTag = hooks.usePrefix('p-popover');
-    const propsToSync = [aria, description, direction, open, theme || hooks.useTheme()];
+    const propsToSync = [aria, description, direction, theme || hooks.useTheme()];
     hooks.useBrowserLayoutEffect(() => {
         const { current } = elementRef;
-        ['aria', 'description', 'direction', 'open', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+        ['aria', 'description', 'direction', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
     const props = {
         ...rest,

package/cjs/lib/components/select-wrapper.wrapper.cjs

@@ -6,6 +6,7 @@ var react = require('react');
 var hooks = require('../../hooks.cjs');
 var utils = require('../../utils.cjs');
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-select` instead. */
 const PSelectWrapper = /*#__PURE__*/ react.forwardRef(({ description = '', dropdownDirection = 'auto', filter = false, hideLabel = false, label = '', message = '', native = false, state = 'none', theme, className, ...rest }, ref) => {
     const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-select-wrapper');

package/cjs/lib/components/text-field-wrapper.wrapper.cjs

@@ -6,6 +6,7 @@ var react = require('react');
 var hooks = require('../../hooks.cjs');
 var utils = require('../../utils.cjs');
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`. */
 const PTextFieldWrapper = /*#__PURE__*/ react.forwardRef(({ actionIcon, actionLoading = false, description = '', hideLabel = false, label = '', message = '', onAction, showCharacterCount, showCounter = true, showPasswordToggle = true, state = 'none', submitButton = true, theme, unit = '', unitPosition = 'prefix', className, ...rest }, ref) => {
     const elementRef = react.useRef(undefined);
     hooks.useEventCallback(elementRef, 'action', onAction);

package/cjs/lib/components/textarea-wrapper.wrapper.cjs

@@ -6,6 +6,7 @@ var react = require('react');
 var hooks = require('../../hooks.cjs');
 var utils = require('../../utils.cjs');
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-textarea` instead. */
 const PTextareaWrapper = /*#__PURE__*/ react.forwardRef(({ description = '', hideLabel = false, label = '', message = '', showCharacterCount, showCounter = true, state = 'none', theme, className, ...rest }, ref) => {
     const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-textarea-wrapper');

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

@@ -26,6 +26,7 @@ export type PCheckboxWrapperProps = BaseProps & {
      */
     theme?: Theme;
 };
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead. */
 export declare const PCheckboxWrapper: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Show or hide label. For better accessibility it's recommended to show the label.

package/esm/lib/components/checkbox-wrapper.wrapper.mjs

@@ -4,6 +4,7 @@ import { forwardRef, useRef } from 'react';
 import { usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
 import { syncRef } from '../../utils.mjs';
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead. */
 const PCheckboxWrapper = /*#__PURE__*/ forwardRef(({ hideLabel = false, label = '', loading = false, message = '', state = 'none', theme, className, ...rest }, ref) => {
     const elementRef = useRef(undefined);
     const WebComponentTag = usePrefix('p-checkbox-wrapper');

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

@@ -26,7 +26,7 @@ export type PFieldsetWrapperProps = BaseProps & {
      */
     theme?: Theme;
 };
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-fieldset" instead. */
+/** @deprecated since v3.0.0, will be removed with next major release. Please use `p-fieldset` instead. */
 export declare const PFieldsetWrapper: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * The label text.

package/esm/lib/components/fieldset-wrapper.wrapper.mjs

@@ -4,7 +4,7 @@ import { forwardRef, useRef } from 'react';
 import { usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
 import { syncRef } from '../../utils.mjs';
 
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-fieldset" instead. */
+/** @deprecated since v3.0.0, will be removed with next major release. Please use `p-fieldset` instead. */
 const PFieldsetWrapper = /*#__PURE__*/ forwardRef(({ label = '', labelSize = 'medium', message = '', required = false, state = 'none', theme, className, ...rest }, ref) => {
     const elementRef = useRef(undefined);
     const WebComponentTag = usePrefix('p-fieldset-wrapper');

package/esm/lib/components/popover.wrapper.d.ts

@@ -13,14 +13,6 @@ export type PPopoverProps = BaseProps & {
      * Preferred direction in which popover should open, given there is enough space in viewport. Otherwise, it will be opened in the direction with most available space.
      */
     direction?: PopoverDirection;
-    /**
-     * Emitted when the component requests to be dismissed.
-     */
-    onDismiss?: (event: CustomEvent<void>) => void;
-    /**
-     * If true, the popover is open.
-     */
-    open?: boolean;
     /**
      * Adapts the popover color depending on the theme.
      */
@@ -39,14 +31,6 @@ export declare const PPopover: import("react").ForwardRefExoticComponent<import(
      * Preferred direction in which popover should open, given there is enough space in viewport. Otherwise, it will be opened in the direction with most available space.
      */
     direction?: PopoverDirection;
-    /**
-     * Emitted when the component requests to be dismissed.
-     */
-    onDismiss?: (event: CustomEvent<void>) => void;
-    /**
-     * If true, the popover is open.
-     */
-    open?: boolean;
     /**
      * Adapts the popover color depending on the theme.
      */

package/esm/lib/components/popover.wrapper.mjs

@@ -1,17 +1,16 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef } from 'react';
-import { useEventCallback, usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
+import { usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
 import { syncRef } from '../../utils.mjs';
 
-const PPopover = /*#__PURE__*/ forwardRef(({ aria, description, direction = 'bottom', onDismiss, open = false, theme, className, ...rest }, ref) => {
+const PPopover = /*#__PURE__*/ forwardRef(({ aria, description, direction = 'bottom', theme, className, ...rest }, ref) => {
     const elementRef = useRef(undefined);
-    useEventCallback(elementRef, 'dismiss', onDismiss);
     const WebComponentTag = usePrefix('p-popover');
-    const propsToSync = [aria, description, direction, open, theme || useTheme()];
+    const propsToSync = [aria, description, direction, theme || useTheme()];
     useBrowserLayoutEffect(() => {
         const { current } = elementRef;
-        ['aria', 'description', 'direction', 'open', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+        ['aria', 'description', 'direction', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
     const props = {
         ...rest,

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

@@ -38,6 +38,7 @@ export type PSelectWrapperProps = BaseProps & {
      */
     theme?: Theme;
 };
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-select` instead. */
 export declare const PSelectWrapper: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * The description text.

package/esm/lib/components/select-wrapper.wrapper.mjs

@@ -4,6 +4,7 @@ import { forwardRef, useRef } from 'react';
 import { usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
 import { syncRef } from '../../utils.mjs';
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-select` instead. */
 const PSelectWrapper = /*#__PURE__*/ forwardRef(({ description = '', dropdownDirection = 'auto', filter = false, hideLabel = false, label = '', message = '', native = false, state = 'none', theme, className, ...rest }, ref) => {
     const elementRef = useRef(undefined);
     const WebComponentTag = usePrefix('p-select-wrapper');

package/esm/lib/components/text-field-wrapper.wrapper.d.ts

@@ -62,6 +62,7 @@ export type PTextFieldWrapperProps = BaseProps & {
      */
     unitPosition?: TextFieldWrapperUnitPosition;
 };
+/** @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`. */
 export declare const PTextFieldWrapper: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Action icon can be set to `locate` for `input type="search"` in order to display an action button.

package/esm/lib/components/text-field-wrapper.wrapper.mjs

@@ -4,6 +4,7 @@ import { forwardRef, useRef } from 'react';
 import { useEventCallback, usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
 import { syncRef } from '../../utils.mjs';
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`. */
 const PTextFieldWrapper = /*#__PURE__*/ forwardRef(({ actionIcon, actionLoading = false, description = '', hideLabel = false, label = '', message = '', onAction, showCharacterCount, showCounter = true, showPasswordToggle = true, state = 'none', submitButton = true, theme, unit = '', unitPosition = 'prefix', className, ...rest }, ref) => {
     const elementRef = useRef(undefined);
     useEventCallback(elementRef, 'action', onAction);

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

@@ -34,6 +34,7 @@ export type PTextareaWrapperProps = BaseProps & {
      */
     theme?: Theme;
 };
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-textarea` instead. */
 export declare const PTextareaWrapper: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * The description text.

package/esm/lib/components/textarea-wrapper.wrapper.mjs

@@ -4,6 +4,7 @@ import { forwardRef, useRef } from 'react';
 import { usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
 import { syncRef } from '../../utils.mjs';
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-textarea` instead. */
 const PTextareaWrapper = /*#__PURE__*/ forwardRef(({ description = '', hideLabel = false, label = '', message = '', showCharacterCount, showCounter = true, state = 'none', theme, className, ...rest }, ref) => {
     const elementRef = useRef(undefined);
     const WebComponentTag = usePrefix('p-textarea-wrapper');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-react",
-  "version": "3.29.0-rc.4",
+  "version": "3.29.0",
   "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
   "keywords": [
     "porsche",
@@ -17,14 +17,15 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "3.29.0-rc.4"
+    "@porsche-design-system/components-js": "3.29.0"
   },
   "peerDependencies": {
     "ag-grid-community": ">= 33.0.0 <35.0.0",
     "ag-grid-enterprise": ">= 33.0.0 <35.0.0",
     "ag-grid-react": ">= 33.0.0 <35.0.0",
     "react": ">=19.0.0 <20.0.0",
-    "react-dom": ">=19.0.0 <20.0.0"
+    "react-dom": ">=19.0.0 <20.0.0",
+    "tailwindcss": ">= 4.0.0 <5.0.0"
   },
   "peerDependenciesMeta": {
     "ag-grid-community": {
@@ -35,6 +36,9 @@
     },
     "ag-grid-react": {
       "optional": true
+    },
+    "tailwindcss": {
+      "optional": true
     }
   },
   "main": "cjs/public-api.cjs",

package/ssr/cjs/components/dist/styles/esm/styles-entry.cjs

@@ -9256,6 +9256,9 @@ const getComponentCss$y = (theme) => {
                     ...hostHiddenStyles,
                 }),
             },
+            'slot[name="button"]': {
+                display: 'block',
+            },
             ...preventFoucOfNestedElementsStyles,
             p: {
                 ...textSmallStyle,

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/checkbox-wrapper.wrapper.cjs

@@ -7,6 +7,7 @@ var hooks = require('../../hooks.cjs');
 var utils = require('../../utils.cjs');
 var checkboxWrapper = require('../dsr-components/checkbox-wrapper.cjs');
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead. */
 const PCheckboxWrapper = /*#__PURE__*/ react.forwardRef(({ hideLabel = false, label = '', loading = false, message = '', state = 'none', theme, className, children, ...rest }, ref) => {
     const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-checkbox-wrapper');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/fieldset-wrapper.wrapper.cjs

@@ -7,7 +7,7 @@ var hooks = require('../../hooks.cjs');
 var utils = require('../../utils.cjs');
 var fieldsetWrapper = require('../dsr-components/fieldset-wrapper.cjs');
 
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-fieldset" instead. */
+/** @deprecated since v3.0.0, will be removed with next major release. Please use `p-fieldset` instead. */
 const PFieldsetWrapper = /*#__PURE__*/ react.forwardRef(({ label = '', labelSize = 'medium', message = '', required = false, state = 'none', theme, className, children, ...rest }, ref) => {
     const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-fieldset-wrapper');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/popover.wrapper.cjs

@@ -7,21 +7,20 @@ var hooks = require('../../hooks.cjs');
 var utils = require('../../utils.cjs');
 var popover = require('../dsr-components/popover.cjs');
 
-const PPopover = /*#__PURE__*/ react.forwardRef(({ aria, description, direction = 'bottom', onDismiss, open = false, theme, className, children, ...rest }, ref) => {
+const PPopover = /*#__PURE__*/ react.forwardRef(({ aria, description, direction = 'bottom', theme, className, children, ...rest }, ref) => {
     const elementRef = react.useRef(undefined);
-    hooks.useEventCallback(elementRef, 'dismiss', onDismiss);
     const WebComponentTag = hooks.usePrefix('p-popover');
-    const propsToSync = [aria, description, direction, open, theme || hooks.useTheme()];
+    const propsToSync = [aria, description, direction, theme || hooks.useTheme()];
     hooks.useBrowserLayoutEffect(() => {
         const { current } = elementRef;
-        ['aria', 'description', 'direction', 'open', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+        ['aria', 'description', 'direction', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
     const props = {
         ...rest,
         // @ts-ignore
         ...(!process.browser
             ? {
-                children: (jsxRuntime.jsx(popover.DSRPopover, { aria, description, direction, open, theme: theme || hooks.useTheme(), children })),
+                children: (jsxRuntime.jsx(popover.DSRPopover, { aria, description, direction, theme: theme || hooks.useTheme(), children })),
             }
             : {
                 children,

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/select-wrapper.wrapper.cjs

@@ -7,6 +7,7 @@ var hooks = require('../../hooks.cjs');
 var utils = require('../../utils.cjs');
 var selectWrapper = require('../dsr-components/select-wrapper.cjs');
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-select` instead. */
 const PSelectWrapper = /*#__PURE__*/ react.forwardRef(({ description = '', dropdownDirection = 'auto', filter = false, hideLabel = false, label = '', message = '', native = false, state = 'none', theme, className, children, ...rest }, ref) => {
     const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-select-wrapper');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/text-field-wrapper.wrapper.cjs

@@ -7,6 +7,7 @@ var hooks = require('../../hooks.cjs');
 var utils = require('../../utils.cjs');
 var textFieldWrapper = require('../dsr-components/text-field-wrapper.cjs');
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`. */
 const PTextFieldWrapper = /*#__PURE__*/ react.forwardRef(({ actionIcon, actionLoading = false, description = '', hideLabel = false, label = '', message = '', onAction, showCharacterCount, showCounter = true, showPasswordToggle = true, state = 'none', submitButton = true, theme, unit = '', unitPosition = 'prefix', className, children, ...rest }, ref) => {
     const elementRef = react.useRef(undefined);
     hooks.useEventCallback(elementRef, 'action', onAction);

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/textarea-wrapper.wrapper.cjs

@@ -7,6 +7,7 @@ var hooks = require('../../hooks.cjs');
 var utils = require('../../utils.cjs');
 var textareaWrapper = require('../dsr-components/textarea-wrapper.cjs');
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-textarea` instead. */
 const PTextareaWrapper = /*#__PURE__*/ react.forwardRef(({ description = '', hideLabel = false, label = '', message = '', showCharacterCount, showCounter = true, state = 'none', theme, className, children, ...rest }, ref) => {
     const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-textarea-wrapper');

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox-wrapper.cjs

@@ -15,6 +15,8 @@ var spinner_wrapper = require('../components/spinner.wrapper.cjs');
  * @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." }
+ *
+ * @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead.
  */
 class DSRCheckboxWrapper extends react.Component {
     host;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/fieldset-wrapper.cjs

@@ -13,7 +13,7 @@ var required = require('./required.cjs');
  * @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.
+ * @deprecated since v3.0.0, will be removed with next major release. Please use `p-fieldset` instead.
  */
 class DSRFieldsetWrapper extends react.Component {
     host;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.cjs

@@ -15,23 +15,23 @@ var icon_wrapper = require('../components/icon.wrapper.cjs');
  */
 class DSRPopover extends react.Component {
     host;
+    isOpen = false;
     popover;
     button;
     slottedButton;
     arrow;
     cleanUpAutoUpdate;
     hasNativePopoverSupport = utilsEntry.getHasNativePopoverSupport();
+    // TODO: This should be updated when slot is changed
     hasSlottedButton;
     render() {
         const { namedSlotChildren} = splitChildren.splitChildren(this.props.children);
         const hasSlottedButton = namedSlotChildren.filter(({ props: { slot } }) => slot === 'button').length > 0;
         const style = minifyCss.minifyCss(stylesEntry.getPopoverCss(this.props.theme).replace(/(:host {[\S\s]+?})[\S\s]+(button {[\S\s]+?})[\S\s]+(.icon {[\S\s]+?})[\S\s]+(.label {[\S\s]+?})[\S\s]+/, '$1\n$2\n$3\n$4'));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [hasSlottedButton ? (jsxRuntime.jsx("div", { children: jsxRuntime.jsx("slot", { name: "button" }) })) : (jsxRuntime.jsxs("button", { type: "button", ...utilsEntry.parseAndGetAriaAttributes({
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [hasSlottedButton ? (jsxRuntime.jsx("slot", { name: "button" })) : (jsxRuntime.jsxs("button", { type: "button", ...utilsEntry.parseAndGetAriaAttributes({
                                         ...utilsEntry.parseAndGetAriaAttributes(this.props.aria),
-                                        ...{ 'aria-expanded': this.props.open },
-                                    }), children: [jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", name: "information", theme: this.props.theme }), jsxRuntime.jsx("span", { className: "label", children: "More information" })] })), this.props.open && (jsxRuntime.jsxs("div", { popover: "auto", onToggle: (e) => {
-                                        this.props.onTogglePopover(e);
-                                    }, children: [jsxRuntime.jsx("div", { className: "arrow" }), jsxRuntime.jsx("div", { className: "content", children: this.props.description ? jsxRuntime.jsx("p", { children: this.props.description }) : jsxRuntime.jsx("slot", {}) })] }))] })] }), this.props.children] }));
+                                        ...{ 'aria-expanded': this.props.isOpen },
+                                    }), children: [jsxRuntime.jsx(icon_wrapper.PIcon, { className: "icon", name: "information", theme: this.props.theme }), jsxRuntime.jsx("span", { className: "label", children: "More information" })] })), this.props.isOpen && (jsxRuntime.jsxs("div", { popover: "auto", children: [jsxRuntime.jsx("div", { className: "arrow" }), jsxRuntime.jsx("div", { className: "content", children: this.props.description ? jsxRuntime.jsx("p", { children: this.props.description }) : jsxRuntime.jsx("slot", {}) })] }))] })] }), this.props.children] }));
     }
 }
 

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper.cjs

@@ -17,6 +17,8 @@ var selectWrapperDropdown_wrapper = require('../components/select-wrapper-dropdo
  * @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.
  */
 class DSRSelectWrapper extends react.Component {
     host;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-field-wrapper.cjs

@@ -17,6 +17,8 @@ var icon_wrapper = require('../components/icon.wrapper.cjs');
  * @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 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." }
+ *
+ * @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`.
  */
 class DSRTextFieldWrapper extends react.Component {
     host;

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/textarea-wrapper.cjs

@@ -13,6 +13,8 @@ var stateMessage = require('./state-message.cjs');
  * @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.
  */
 class DSRTextareaWrapper extends react.Component {
     host;

package/ssr/esm/components/dist/styles/esm/styles-entry.mjs

@@ -9254,6 +9254,9 @@ const getComponentCss$y = (theme) => {
                     ...hostHiddenStyles,
                 }),
             },
+            'slot[name="button"]': {
+                display: 'block',
+            },
             ...preventFoucOfNestedElementsStyles,
             p: {
                 ...textSmallStyle,

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/checkbox-wrapper.wrapper.mjs

@@ -5,6 +5,7 @@ import { usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../
 import { syncRef } from '../../utils.mjs';
 import { DSRCheckboxWrapper } from '../dsr-components/checkbox-wrapper.mjs';
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead. */
 const PCheckboxWrapper = /*#__PURE__*/ forwardRef(({ hideLabel = false, label = '', loading = false, message = '', state = 'none', theme, className, children, ...rest }, ref) => {
     const elementRef = useRef(undefined);
     const WebComponentTag = usePrefix('p-checkbox-wrapper');

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/fieldset-wrapper.wrapper.mjs

@@ -5,7 +5,7 @@ import { usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../
 import { syncRef } from '../../utils.mjs';
 import { DSRFieldsetWrapper } from '../dsr-components/fieldset-wrapper.mjs';
 
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-fieldset" instead. */
+/** @deprecated since v3.0.0, will be removed with next major release. Please use `p-fieldset` instead. */
 const PFieldsetWrapper = /*#__PURE__*/ forwardRef(({ label = '', labelSize = 'medium', message = '', required = false, state = 'none', theme, className, children, ...rest }, ref) => {
     const elementRef = useRef(undefined);
     const WebComponentTag = usePrefix('p-fieldset-wrapper');

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/popover.wrapper.mjs

@@ -1,25 +1,24 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef } from 'react';
-import { useEventCallback, usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
+import { usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
 import { syncRef } from '../../utils.mjs';
 import { DSRPopover } from '../dsr-components/popover.mjs';
 
-const PPopover = /*#__PURE__*/ forwardRef(({ aria, description, direction = 'bottom', onDismiss, open = false, theme, className, children, ...rest }, ref) => {
+const PPopover = /*#__PURE__*/ forwardRef(({ aria, description, direction = 'bottom', theme, className, children, ...rest }, ref) => {
     const elementRef = useRef(undefined);
-    useEventCallback(elementRef, 'dismiss', onDismiss);
     const WebComponentTag = usePrefix('p-popover');
-    const propsToSync = [aria, description, direction, open, theme || useTheme()];
+    const propsToSync = [aria, description, direction, theme || useTheme()];
     useBrowserLayoutEffect(() => {
         const { current } = elementRef;
-        ['aria', 'description', 'direction', 'open', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+        ['aria', 'description', 'direction', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
     const props = {
         ...rest,
         // @ts-ignore
         ...(!process.browser
             ? {
-                children: (jsx(DSRPopover, { aria, description, direction, open, theme: theme || useTheme(), children })),
+                children: (jsx(DSRPopover, { aria, description, direction, theme: theme || useTheme(), children })),
             }
             : {
                 children,

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/select-wrapper.wrapper.mjs

@@ -5,6 +5,7 @@ import { usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../
 import { syncRef } from '../../utils.mjs';
 import { DSRSelectWrapper } from '../dsr-components/select-wrapper.mjs';
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-select` instead. */
 const PSelectWrapper = /*#__PURE__*/ forwardRef(({ description = '', dropdownDirection = 'auto', filter = false, hideLabel = false, label = '', message = '', native = false, state = 'none', theme, className, children, ...rest }, ref) => {
     const elementRef = useRef(undefined);
     const WebComponentTag = usePrefix('p-select-wrapper');

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/text-field-wrapper.wrapper.mjs

@@ -5,6 +5,7 @@ import { useEventCallback, usePrefix, useTheme, useBrowserLayoutEffect, useMerge
 import { syncRef } from '../../utils.mjs';
 import { DSRTextFieldWrapper } from '../dsr-components/text-field-wrapper.mjs';
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`. */
 const PTextFieldWrapper = /*#__PURE__*/ forwardRef(({ actionIcon, actionLoading = false, description = '', hideLabel = false, label = '', message = '', onAction, showCharacterCount, showCounter = true, showPasswordToggle = true, state = 'none', submitButton = true, theme, unit = '', unitPosition = 'prefix', className, children, ...rest }, ref) => {
     const elementRef = useRef(undefined);
     useEventCallback(elementRef, 'action', onAction);

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/components/textarea-wrapper.wrapper.mjs

@@ -5,6 +5,7 @@ import { usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../
 import { syncRef } from '../../utils.mjs';
 import { DSRTextareaWrapper } from '../dsr-components/textarea-wrapper.mjs';
 
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-textarea` instead. */
 const PTextareaWrapper = /*#__PURE__*/ forwardRef(({ description = '', hideLabel = false, label = '', message = '', showCharacterCount, showCounter = true, state = 'none', theme, className, children, ...rest }, ref) => {
     const elementRef = useRef(undefined);
     const WebComponentTag = usePrefix('p-textarea-wrapper');

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/checkbox-wrapper.mjs

@@ -13,6 +13,8 @@ import { PSpinner } from '../components/spinner.wrapper.mjs';
  * @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." }
+ *
+ * @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead.
  */
 class DSRCheckboxWrapper extends Component {
     host;

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/fieldset-wrapper.mjs

@@ -11,7 +11,7 @@ import { Required } from './required.mjs';
  * @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.
+ * @deprecated since v3.0.0, will be removed with next major release. Please use `p-fieldset` instead.
  */
 class DSRFieldsetWrapper extends Component {
     host;

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/popover.mjs

@@ -13,23 +13,23 @@ import { PIcon } from '../components/icon.wrapper.mjs';
  */
 class DSRPopover extends Component {
     host;
+    isOpen = false;
     popover;
     button;
     slottedButton;
     arrow;
     cleanUpAutoUpdate;
     hasNativePopoverSupport = getHasNativePopoverSupport();
+    // TODO: This should be updated when slot is changed
     hasSlottedButton;
     render() {
         const { namedSlotChildren} = splitChildren(this.props.children);
         const hasSlottedButton = namedSlotChildren.filter(({ props: { slot } }) => slot === 'button').length > 0;
         const style = minifyCss(getComponentCss$y(this.props.theme).replace(/(:host {[\S\s]+?})[\S\s]+(button {[\S\s]+?})[\S\s]+(.icon {[\S\s]+?})[\S\s]+(.label {[\S\s]+?})[\S\s]+/, '$1\n$2\n$3\n$4'));
-        return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs(Fragment, { children: [hasSlottedButton ? (jsx("div", { children: jsx("slot", { name: "button" }) })) : (jsxs("button", { type: "button", ...parseAndGetAriaAttributes({
+        return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs(Fragment, { children: [hasSlottedButton ? (jsx("slot", { name: "button" })) : (jsxs("button", { type: "button", ...parseAndGetAriaAttributes({
                                         ...parseAndGetAriaAttributes(this.props.aria),
-                                        ...{ 'aria-expanded': this.props.open },
-                                    }), children: [jsx(PIcon, { className: "icon", name: "information", theme: this.props.theme }), jsx("span", { className: "label", children: "More information" })] })), this.props.open && (jsxs("div", { popover: "auto", onToggle: (e) => {
-                                        this.props.onTogglePopover(e);
-                                    }, children: [jsx("div", { className: "arrow" }), jsx("div", { className: "content", children: this.props.description ? jsx("p", { children: this.props.description }) : jsx("slot", {}) })] }))] })] }), this.props.children] }));
+                                        ...{ 'aria-expanded': this.props.isOpen },
+                                    }), children: [jsx(PIcon, { className: "icon", name: "information", theme: this.props.theme }), jsx("span", { className: "label", children: "More information" })] })), this.props.isOpen && (jsxs("div", { popover: "auto", children: [jsx("div", { className: "arrow" }), jsx("div", { className: "content", children: this.props.description ? jsx("p", { children: this.props.description }) : jsx("slot", {}) })] }))] })] }), this.props.children] }));
     }
 }
 

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/select-wrapper.mjs

@@ -15,6 +15,8 @@ import { PSelectWrapperDropdown } from '../components/select-wrapper-dropdown.wr
  * @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.
  */
 class DSRSelectWrapper extends Component {
     host;

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/text-field-wrapper.mjs

@@ -15,6 +15,8 @@ import { PIcon } from '../components/icon.wrapper.mjs';
  * @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 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." }
+ *
+ * @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`.
  */
 class DSRTextFieldWrapper extends Component {
     host;

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/textarea-wrapper.mjs

@@ -11,6 +11,8 @@ import { StateMessage } from './state-message.mjs';
  * @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.
  */
 class DSRTextareaWrapper extends Component {
     host;

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

@@ -26,6 +26,7 @@ export type PCheckboxWrapperProps = BaseProps & {
      */
     theme?: Theme;
 };
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead. */
 export declare const PCheckboxWrapper: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Show or hide label. For better accessibility it's recommended to show the label.

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

@@ -26,7 +26,7 @@ export type PFieldsetWrapperProps = BaseProps & {
      */
     theme?: Theme;
 };
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-fieldset" instead. */
+/** @deprecated since v3.0.0, will be removed with next major release. Please use `p-fieldset` instead. */
 export declare const PFieldsetWrapper: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * The label text.

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

@@ -13,14 +13,6 @@ export type PPopoverProps = BaseProps & {
      * Preferred direction in which popover should open, given there is enough space in viewport. Otherwise, it will be opened in the direction with most available space.
      */
     direction?: PopoverDirection;
-    /**
-     * Emitted when the component requests to be dismissed.
-     */
-    onDismiss?: (event: CustomEvent<void>) => void;
-    /**
-     * If true, the popover is open.
-     */
-    open?: boolean;
     /**
      * Adapts the popover color depending on the theme.
      */
@@ -39,14 +31,6 @@ export declare const PPopover: import("react").ForwardRefExoticComponent<import(
      * Preferred direction in which popover should open, given there is enough space in viewport. Otherwise, it will be opened in the direction with most available space.
      */
     direction?: PopoverDirection;
-    /**
-     * Emitted when the component requests to be dismissed.
-     */
-    onDismiss?: (event: CustomEvent<void>) => void;
-    /**
-     * If true, the popover is open.
-     */
-    open?: boolean;
     /**
      * Adapts the popover color depending on the theme.
      */

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

@@ -38,6 +38,7 @@ export type PSelectWrapperProps = BaseProps & {
      */
     theme?: Theme;
 };
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-select` instead. */
 export declare const PSelectWrapper: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * The description text.

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

@@ -62,6 +62,7 @@ export type PTextFieldWrapperProps = BaseProps & {
      */
     unitPosition?: TextFieldWrapperUnitPosition;
 };
+/** @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`. */
 export declare const PTextFieldWrapper: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Action icon can be set to `locate` for `input type="search"` in order to display an action button.

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

@@ -34,6 +34,7 @@ export type PTextareaWrapperProps = BaseProps & {
      */
     theme?: Theme;
 };
+/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-textarea` instead. */
 export declare const PTextareaWrapper: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * The description text.

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

@@ -3,6 +3,8 @@ 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." }
+ *
+ * @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead.
  */
 export declare class DSRCheckboxWrapper extends Component<any> {
     host: HTMLElement;

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

@@ -4,7 +4,7 @@ import { Component } from 'react';
  * @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.
+ * @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;

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

@@ -5,6 +5,7 @@ import { Component } from 'react';
  */
 export declare class DSRPopover extends Component<any> {
     host: HTMLElement;
+    private isOpen;
     private popover;
     private button;
     private slottedButton;

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

@@ -4,6 +4,8 @@ import { Component } from 'react';
  * @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.
  */
 export declare class DSRSelectWrapper extends Component<any> {
     host: HTMLElement;

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

@@ -4,6 +4,8 @@ import { Component } from 'react';
  * @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 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." }
+ *
+ * @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`.
  */
 export declare class DSRTextFieldWrapper extends Component<any> {
     host: HTMLElement;

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

@@ -4,6 +4,8 @@ import { Component } from 'react';
  * @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.
  */
 export declare class DSRTextareaWrapper extends Component<any> {
     host: HTMLElement;