@porsche-design-system/components-react 3.23.0 → 3.24.0-rc.0

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var checkbox = require('../dsr-components/checkbox.cjs');
 
 const PCheckbox = /*#__PURE__*/ react.forwardRef(({ checked = false, compact = false, disabled = false, form, hideLabel = false, indeterminate = false, label = '', loading = false, message = '', name = '', onBlur, onUpdate, required = false, state = 'none', theme, value = 'on', className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     hooks.useEventCallback(elementRef, 'blur', onBlur);
     hooks.useEventCallback(elementRef, 'update', onUpdate);
     const WebComponentTag = hooks.usePrefix('p-checkbox');
@@ -29,7 +29,6 @@ const PCheckbox = /*#__PURE__*/ react.forwardRef(({ checked = false, compact = f
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -9,7 +9,7 @@ var contentWrapper = require('../dsr-components/content-wrapper.cjs');
 
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
 const PContentWrapper = /*#__PURE__*/ react.forwardRef(({ backgroundColor = 'transparent', theme, width = 'extended', className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-content-wrapper');
     const propsToSync = [backgroundColor, theme || hooks.useTheme(), width];
     hooks.useBrowserLayoutEffect(() => {
@@ -28,7 +28,6 @@ const PContentWrapper = /*#__PURE__*/ react.forwardRef(({ backgroundColor = 'tra
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var crest = require('../dsr-components/crest.cjs');
 
 const PCrest = /*#__PURE__*/ react.forwardRef(({ aria, href, target = '_self', className, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-crest');
     const propsToSync = [aria, href, target];
     hooks.useBrowserLayoutEffect(() => {
@@ -26,7 +26,6 @@ const PCrest = /*#__PURE__*/ react.forwardRef(({ aria, href, target = '_self', c
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var display = require('../dsr-components/display.cjs');
 
 const PDisplay = /*#__PURE__*/ react.forwardRef(({ align = 'start', color = 'primary', ellipsis = false, size = 'large', tag, theme, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-display');
     const propsToSync = [align, color, ellipsis, size, tag, theme || hooks.useTheme()];
     hooks.useBrowserLayoutEffect(() => {
@@ -27,7 +27,6 @@ const PDisplay = /*#__PURE__*/ react.forwardRef(({ align = 'start', color = 'pri
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var divider = require('../dsr-components/divider.cjs');
 
 const PDivider = /*#__PURE__*/ react.forwardRef(({ color = 'contrast-low', direction = 'horizontal', orientation, theme, className, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-divider');
     const propsToSync = [color, direction, orientation, theme || hooks.useTheme()];
     hooks.useBrowserLayoutEffect(() => {
@@ -26,7 +26,6 @@ const PDivider = /*#__PURE__*/ react.forwardRef(({ color = 'contrast-low', direc
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -9,7 +9,7 @@ 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. */
 const PFieldsetWrapper = /*#__PURE__*/ react.forwardRef(({ label = '', labelSize = 'medium', message = '', required = false, state = 'none', theme, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-fieldset-wrapper');
     const propsToSync = [label, labelSize, message, required, state, theme || hooks.useTheme()];
     hooks.useBrowserLayoutEffect(() => {
@@ -28,7 +28,6 @@ const PFieldsetWrapper = /*#__PURE__*/ react.forwardRef(({ label = '', labelSize
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var fieldset = require('../dsr-components/fieldset.cjs');
 
 const PFieldset = /*#__PURE__*/ react.forwardRef(({ label = '', labelSize = 'medium', message = '', required = false, state = 'none', theme, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-fieldset');
     const propsToSync = [label, labelSize, message, required, state, theme || hooks.useTheme()];
     hooks.useBrowserLayoutEffect(() => {
@@ -27,7 +27,6 @@ const PFieldset = /*#__PURE__*/ react.forwardRef(({ label = '', labelSize = 'med
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -9,7 +9,7 @@ var flexItem = require('../dsr-components/flex-item.cjs');
 
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
 const PFlexItem = /*#__PURE__*/ react.forwardRef(({ alignSelf = 'auto', flex = 'initial', grow = 0, offset = 'none', shrink = 1, width = 'auto', className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-flex-item');
     const propsToSync = [alignSelf, flex, grow, offset, shrink, width];
     hooks.useBrowserLayoutEffect(() => {
@@ -28,7 +28,6 @@ const PFlexItem = /*#__PURE__*/ react.forwardRef(({ alignSelf = 'auto', flex = '
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -9,7 +9,7 @@ var flex = require('../dsr-components/flex.cjs');
 
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
 const PFlex = /*#__PURE__*/ react.forwardRef(({ alignContent = 'stretch', alignItems = 'stretch', direction = 'row', inline = false, justifyContent = 'flex-start', wrap = 'nowrap', className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-flex');
     const propsToSync = [alignContent, alignItems, direction, inline, justifyContent, wrap];
     hooks.useBrowserLayoutEffect(() => {
@@ -28,7 +28,6 @@ const PFlex = /*#__PURE__*/ react.forwardRef(({ alignContent = 'stretch', alignI
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/flyout-multilevel-item.wrapper.cjs

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var flyoutMultilevelItem = require('../dsr-components/flyout-multilevel-item.cjs');
 
 const PFlyoutMultilevelItem = /*#__PURE__*/ react.forwardRef(({ cascade = false, identifier, label, primary = false, secondary = false, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-flyout-multilevel-item');
     const propsToSync = [cascade, identifier, label, primary, secondary];
     hooks.useBrowserLayoutEffect(() => {
@@ -27,7 +27,6 @@ const PFlyoutMultilevelItem = /*#__PURE__*/ react.forwardRef(({ cascade = false,
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var flyoutMultilevel = require('../dsr-components/flyout-multilevel.cjs');
 
 const PFlyoutMultilevel = /*#__PURE__*/ react.forwardRef(({ activeIdentifier, aria, onDismiss, onUpdate, open = false, theme, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     hooks.useEventCallback(elementRef, 'dismiss', onDismiss);
     hooks.useEventCallback(elementRef, 'update', onUpdate);
     const WebComponentTag = hooks.usePrefix('p-flyout-multilevel');
@@ -29,7 +29,6 @@ const PFlyoutMultilevel = /*#__PURE__*/ react.forwardRef(({ activeIdentifier, ar
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var flyout = require('../dsr-components/flyout.cjs');
 
 const PFlyout = /*#__PURE__*/ react.forwardRef(({ aria, disableBackdropClick = false, footerBehavior = 'sticky', onDismiss, onMotionHiddenEnd, onMotionVisibleEnd, open = false, position = 'end', theme, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     hooks.useEventCallback(elementRef, 'dismiss', onDismiss);
     hooks.useEventCallback(elementRef, 'motionHiddenEnd', onMotionHiddenEnd);
     hooks.useEventCallback(elementRef, 'motionVisibleEnd', onMotionVisibleEnd);
@@ -30,7 +30,6 @@ const PFlyout = /*#__PURE__*/ react.forwardRef(({ aria, disableBackdropClick = f
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -9,7 +9,7 @@ var gridItem = require('../dsr-components/grid-item.cjs');
 
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
 const PGridItem = /*#__PURE__*/ react.forwardRef(({ offset = 0, size = 1, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-grid-item');
     const propsToSync = [offset, size];
     hooks.useBrowserLayoutEffect(() => {
@@ -28,7 +28,6 @@ const PGridItem = /*#__PURE__*/ react.forwardRef(({ offset = 0, size = 1, classN
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -9,7 +9,7 @@ var grid = require('../dsr-components/grid.cjs');
 
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
 const PGrid = /*#__PURE__*/ react.forwardRef(({ direction = 'row', gutter = { base: 16, s: 24, m: 36 }, wrap = 'wrap', className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-grid');
     const propsToSync = [direction, gutter, wrap];
     hooks.useBrowserLayoutEffect(() => {
@@ -28,7 +28,6 @@ const PGrid = /*#__PURE__*/ react.forwardRef(({ direction = 'row', gutter = { ba
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var heading = require('../dsr-components/heading.cjs');
 
 const PHeading = /*#__PURE__*/ react.forwardRef(({ align = 'start', color = 'primary', ellipsis = false, size = 'xx-large', tag, theme, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-heading');
     const propsToSync = [align, color, ellipsis, size, tag, theme || hooks.useTheme()];
     hooks.useBrowserLayoutEffect(() => {
@@ -27,7 +27,6 @@ const PHeading = /*#__PURE__*/ react.forwardRef(({ align = 'start', color = 'pri
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -9,7 +9,7 @@ var headline = require('../dsr-components/headline.cjs');
 
 /** @deprecated since v3.0.0, will be removed with next major release. Please use "p-heading" instead. */
 const PHeadline = /*#__PURE__*/ react.forwardRef(({ align = 'start', color = 'primary', ellipsis = false, tag, theme, variant = 'headline-1', className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-headline');
     const propsToSync = [align, color, ellipsis, tag, theme || hooks.useTheme(), variant];
     hooks.useBrowserLayoutEffect(() => {
@@ -28,7 +28,6 @@ const PHeadline = /*#__PURE__*/ react.forwardRef(({ align = 'start', color = 'pr
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var icon = require('../dsr-components/icon.cjs');
 
 const PIcon = /*#__PURE__*/ react.forwardRef(({ aria, color = 'primary', lazy, name = 'arrow-right', size = 'small', source, theme, className, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-icon');
     const propsToSync = [aria, color, lazy, name, size, source, theme || hooks.useTheme()];
     hooks.useBrowserLayoutEffect(() => {
@@ -26,7 +26,6 @@ const PIcon = /*#__PURE__*/ react.forwardRef(({ aria, color = 'primary', lazy, n
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var inlineNotification = require('../dsr-components/inline-notification.cjs');
 
 const PInlineNotification = /*#__PURE__*/ react.forwardRef(({ actionIcon = 'arrow-right', actionLabel, actionLoading = false, description = '', dismissButton = true, heading = '', headingTag = 'h5', onAction, onDismiss, persistent, state = 'info', theme, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     hooks.useEventCallback(elementRef, 'action', onAction);
     hooks.useEventCallback(elementRef, 'dismiss', onDismiss);
     const WebComponentTag = hooks.usePrefix('p-inline-notification');
@@ -29,7 +29,6 @@ const PInlineNotification = /*#__PURE__*/ react.forwardRef(({ actionIcon = 'arro
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var linkPure = require('../dsr-components/link-pure.cjs');
 
 const PLinkPure = /*#__PURE__*/ react.forwardRef(({ active = false, alignLabel = 'end', aria, download, hideLabel = false, href, icon = 'arrow-right', iconSource, rel, size = 'small', stretch = false, target = '_self', theme, underline = false, weight = 'regular', className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-link-pure');
     const propsToSync = [active, alignLabel, aria, download, hideLabel, href, icon, iconSource, rel, size, stretch, target, theme || hooks.useTheme(), underline, weight];
     hooks.useBrowserLayoutEffect(() => {
@@ -27,7 +27,6 @@ const PLinkPure = /*#__PURE__*/ react.forwardRef(({ active = false, alignLabel =
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -9,7 +9,7 @@ var linkSocial = require('../dsr-components/link-social.cjs');
 
 /** @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social icon instead. */
 const PLinkSocial = /*#__PURE__*/ react.forwardRef(({ compact = false, hideLabel = false, href, icon, iconSource, rel, target = '_self', theme, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-link-social');
     const propsToSync = [compact, hideLabel, href, icon, iconSource, rel, target, theme || hooks.useTheme()];
     hooks.useBrowserLayoutEffect(() => {
@@ -28,7 +28,6 @@ const PLinkSocial = /*#__PURE__*/ react.forwardRef(({ compact = false, hideLabel
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/link-tile-model-signature.wrapper.cjs

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var linkTileModelSignature = require('../dsr-components/link-tile-model-signature.cjs');
 
 const PLinkTileModelSignature = /*#__PURE__*/ react.forwardRef(({ aspectRatio = '3/4', description, heading, headingTag = 'h2', linkDirection = { base: 'column', xs: 'row', }, model = '911', weight = 'semi-bold', className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-link-tile-model-signature');
     const propsToSync = [aspectRatio, description, heading, headingTag, linkDirection, model, weight];
     hooks.useBrowserLayoutEffect(() => {
@@ -27,7 +27,6 @@ const PLinkTileModelSignature = /*#__PURE__*/ react.forwardRef(({ aspectRatio =
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

package/ssr/cjs/components-react/projects/react-ssr-wrapper/src/lib/components/link-tile-product.wrapper.cjs

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var linkTileProduct = require('../dsr-components/link-tile-product.cjs');
 
 const PLinkTileProduct = /*#__PURE__*/ react.forwardRef(({ aspectRatio = '3:4', description, heading, href, likeButton = true, liked = false, onLike, price, priceOriginal, rel, target = '_self', theme, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     hooks.useEventCallback(elementRef, 'like', onLike);
     const WebComponentTag = hooks.usePrefix('p-link-tile-product');
     const propsToSync = [aspectRatio, description, heading, href, likeButton, liked, price, priceOriginal, rel, target, theme || hooks.useTheme()];
@@ -28,7 +28,6 @@ const PLinkTileProduct = /*#__PURE__*/ react.forwardRef(({ aspectRatio = '3:4',
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var linkTile = require('../dsr-components/link-tile.cjs');
 
 const PLinkTile = /*#__PURE__*/ react.forwardRef(({ align = 'bottom', aria, aspectRatio = '4/3', background = 'dark', compact = false, description, download, gradient = true, href, label, rel, size = 'medium', target = '_self', weight = 'semi-bold', className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-link-tile');
     const propsToSync = [align, aria, aspectRatio, background, compact, description, download, gradient, href, label, rel, size, target, weight];
     hooks.useBrowserLayoutEffect(() => {
@@ -27,7 +27,6 @@ const PLinkTile = /*#__PURE__*/ react.forwardRef(({ align = 'bottom', aria, aspe
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var link = require('../dsr-components/link.cjs');
 
 const PLink = /*#__PURE__*/ react.forwardRef(({ aria, compact = false, download, hideLabel = false, href, icon = 'none', iconSource, rel, target = '_self', theme, variant = 'primary', className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-link');
     const propsToSync = [aria, compact, download, hideLabel, href, icon, iconSource, rel, target, theme || hooks.useTheme(), variant];
     hooks.useBrowserLayoutEffect(() => {
@@ -27,7 +27,6 @@ const PLink = /*#__PURE__*/ react.forwardRef(({ aria, compact = false, download,
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -9,7 +9,7 @@ var marque = require('../dsr-components/marque.cjs');
 
 /** @deprecated since v3.0.0, will be removed with next major release. Please use "p-wordmark" instead. */
 const PMarque = /*#__PURE__*/ react.forwardRef(({ aria, href, size = 'responsive', target = '_self', trademark = true, variant = 'default', className, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-marque');
     const propsToSync = [aria, href, size, target, trademark, variant];
     hooks.useBrowserLayoutEffect(() => {
@@ -27,7 +27,6 @@ const PMarque = /*#__PURE__*/ react.forwardRef(({ aria, href, size = 'responsive
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var modal = require('../dsr-components/modal.cjs');
 
 const PModal = /*#__PURE__*/ react.forwardRef(({ aria, backdrop = 'blur', disableBackdropClick = false, disableCloseButton, dismissButton = true, fullscreen = false, heading, onClose, onDismiss, onMotionHiddenEnd, onMotionVisibleEnd, open = false, theme, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     hooks.useEventCallback(elementRef, 'close', onClose);
     hooks.useEventCallback(elementRef, 'dismiss', onDismiss);
     hooks.useEventCallback(elementRef, 'motionHiddenEnd', onMotionHiddenEnd);
@@ -31,7 +31,6 @@ const PModal = /*#__PURE__*/ react.forwardRef(({ aria, backdrop = 'blur', disabl
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var modelSignature = require('../dsr-components/model-signature.cjs');
 
 const PModelSignature = /*#__PURE__*/ react.forwardRef(({ color = 'primary', fetchPriority = 'auto', lazy = false, model = '911', safeZone = true, size = 'small', theme, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-model-signature');
     const propsToSync = [color, fetchPriority, lazy, model, safeZone, size, theme || hooks.useTheme()];
     hooks.useBrowserLayoutEffect(() => {
@@ -27,7 +27,6 @@ const PModelSignature = /*#__PURE__*/ react.forwardRef(({ color = 'primary', fet
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var multiSelectOption = require('../dsr-components/multi-select-option.cjs');
 
 const PMultiSelectOption = /*#__PURE__*/ react.forwardRef(({ disabled = false, value, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-multi-select-option');
     const propsToSync = [disabled, value];
     hooks.useBrowserLayoutEffect(() => {
@@ -27,7 +27,6 @@ const PMultiSelectOption = /*#__PURE__*/ react.forwardRef(({ disabled = false, v
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var multiSelect = require('../dsr-components/multi-select.cjs');
 
 const PMultiSelect = /*#__PURE__*/ react.forwardRef(({ description = '', disabled = false, dropdownDirection = 'auto', form, hideLabel = false, label = '', message = '', name, onUpdate, required = false, state = 'none', theme, value = [], className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     hooks.useEventCallback(elementRef, 'update', onUpdate);
     const WebComponentTag = hooks.usePrefix('p-multi-select');
     const propsToSync = [description, disabled, dropdownDirection, form, hideLabel, label, message, name, required, state, theme || hooks.useTheme(), value];
@@ -28,7 +28,6 @@ const PMultiSelect = /*#__PURE__*/ react.forwardRef(({ description = '', disable
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var optgroup = require('../dsr-components/optgroup.cjs');
 
 const POptgroup = /*#__PURE__*/ react.forwardRef(({ disabled = false, label, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-optgroup');
     const propsToSync = [disabled, label];
     hooks.useBrowserLayoutEffect(() => {
@@ -27,7 +27,6 @@ const POptgroup = /*#__PURE__*/ react.forwardRef(({ disabled = false, label, cla
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var pagination = require('../dsr-components/pagination.cjs');
 
 const PPagination = /*#__PURE__*/ react.forwardRef(({ activePage = 1, allyLabel, allyLabelNext, allyLabelPage, allyLabelPrev, intl = { root: 'Pagination', prev: 'Previous page', next: 'Next page', page: 'Page', }, itemsPerPage = 1, maxNumberOfPageLinks, onPageChange, onUpdate, showLastPage = true, theme, totalItemsCount = 1, className, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     hooks.useEventCallback(elementRef, 'pageChange', onPageChange);
     hooks.useEventCallback(elementRef, 'update', onUpdate);
     const WebComponentTag = hooks.usePrefix('p-pagination');
@@ -28,7 +28,6 @@ const PPagination = /*#__PURE__*/ react.forwardRef(({ activePage = 1, allyLabel,
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var pinCode = require('../dsr-components/pin-code.cjs');
 
 const PPinCode = /*#__PURE__*/ react.forwardRef(({ description = '', disabled = false, form, hideLabel = false, label = '', length = 4, loading = false, message = '', name, onUpdate, required = false, state = 'none', theme, type = 'number', value = '', className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     hooks.useEventCallback(elementRef, 'update', onUpdate);
     const WebComponentTag = hooks.usePrefix('p-pin-code');
     const propsToSync = [description, disabled, form, hideLabel, label, length, loading, message, name, required, state, theme || hooks.useTheme(), type, value];
@@ -28,7 +28,6 @@ const PPinCode = /*#__PURE__*/ react.forwardRef(({ description = '', disabled =
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var popover = require('../dsr-components/popover.cjs');
 
 const PPopover = /*#__PURE__*/ react.forwardRef(({ aria, description, direction = 'bottom', theme, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-popover');
     const propsToSync = [aria, description, direction, theme || hooks.useTheme()];
     hooks.useBrowserLayoutEffect(() => {
@@ -27,7 +27,6 @@ const PPopover = /*#__PURE__*/ react.forwardRef(({ aria, description, direction
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };

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

@@ -8,7 +8,7 @@ var utils = require('../../utils.cjs');
 var radioButtonWrapper = require('../dsr-components/radio-button-wrapper.cjs');
 
 const PRadioButtonWrapper = /*#__PURE__*/ react.forwardRef(({ hideLabel = false, label = '', loading = false, message = '', state = 'none', theme, className, children, ...rest }, ref) => {
-    const elementRef = react.useRef();
+    const elementRef = react.useRef(undefined);
     const WebComponentTag = hooks.usePrefix('p-radio-button-wrapper');
     const propsToSync = [hideLabel, label, loading, message, state, theme || hooks.useTheme()];
     hooks.useBrowserLayoutEffect(() => {
@@ -27,7 +27,6 @@ const PRadioButtonWrapper = /*#__PURE__*/ react.forwardRef(({ hideLabel = false,
                 suppressHydrationWarning: true,
             }),
         'data-ssr': '',
-        hidden: rest.hidden ? "" : undefined,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };