@porsche-design-system/components-react 3.5.0-rc.0 → 3.6.0-rc.0

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

@@ -1,38 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRFlex } from '../dsr-components/flex.js';
-
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
-const PFlex = forwardRef(({ alignContent = 'stretch', alignItems = 'stretch', direction = 'row', inline = false, justifyContent = 'flex-start', wrap = 'nowrap', className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-flex');
-    const propsToSync = [alignContent, alignItems, direction, inline, justifyContent, wrap];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['alignContent', 'alignItems', 'direction', 'inline', 'justifyContent', 'wrap'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRFlex, { alignContent, alignItems, direction, inline, justifyContent, wrap, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PFlex };

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

@@ -1,38 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { useEventCallback, usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRFlyout } from '../dsr-components/flyout.js';
-
-const PFlyout = forwardRef(({ aria, onDismiss, open = false, position = 'right', theme = 'light', className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    useEventCallback(elementRef, 'dismiss', onDismiss);
-    const WebComponentTag = usePrefix('p-flyout');
-    const propsToSync = [aria, open, position, theme];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['aria', 'open', 'position', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRFlyout, { aria, open, position, theme, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PFlyout };

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

@@ -1,38 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRGridItem } from '../dsr-components/grid-item.js';
-
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
-const PGridItem = forwardRef(({ offset = 0, size = 1, className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-grid-item');
-    const propsToSync = [offset, size];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['offset', 'size'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRGridItem, { offset, size, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PGridItem };

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

@@ -1,38 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRGrid } from '../dsr-components/grid.js';
-
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
-const PGrid = forwardRef(({ direction = 'row', gutter = { base: 16, s: 24, m: 36 }, wrap = 'wrap', className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-grid');
-    const propsToSync = [direction, gutter, wrap];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['direction', 'gutter', 'wrap'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRGrid, { direction, gutter, wrap, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PGrid };

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

@@ -1,37 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRHeading } from '../dsr-components/heading.js';
-
-const PHeading = forwardRef(({ align = 'left', color = 'primary', ellipsis = false, size = 'xx-large', tag, theme = 'light', className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-heading');
-    const propsToSync = [align, color, ellipsis, size, tag, theme];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['align', 'color', 'ellipsis', 'size', 'tag', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRHeading, { align, color, ellipsis, size, tag, theme, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PHeading };

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

@@ -1,38 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRHeadline } from '../dsr-components/headline.js';
-
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-heading" instead. */
-const PHeadline = forwardRef(({ align = 'left', color = 'primary', ellipsis = false, tag, theme = 'light', variant = 'headline-1', className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-headline');
-    const propsToSync = [align, color, ellipsis, tag, theme, variant];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['align', 'color', 'ellipsis', 'tag', 'theme', 'variant'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRHeadline, { align, color, ellipsis, tag, theme, variant, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PHeadline };

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

@@ -1,36 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRIcon } from '../dsr-components/icon.js';
-
-const PIcon = forwardRef(({ aria, color = 'primary', lazy, name = 'arrow-right', size = 'small', source, theme = 'light', className, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-icon');
-    const propsToSync = [aria, color, lazy, name, size, source, theme];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['aria', 'color', 'lazy', 'name', 'size', 'source', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRIcon, { aria, color, lazy, name, size, source, theme })),
-            }
-            : {
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PIcon };

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

@@ -1,39 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { useEventCallback, usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRInlineNotification } from '../dsr-components/inline-notification.js';
-
-const PInlineNotification = forwardRef(({ actionIcon = 'arrow-right', actionLabel, actionLoading = false, description = '', dismissButton = true, heading = '', onAction, onDismiss, persistent, state = 'info', theme = 'light', className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    useEventCallback(elementRef, 'action', onAction);
-    useEventCallback(elementRef, 'dismiss', onDismiss);
-    const WebComponentTag = usePrefix('p-inline-notification');
-    const propsToSync = [actionIcon, actionLabel, actionLoading, description, dismissButton, heading, persistent, state, theme];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['actionIcon', 'actionLabel', 'actionLoading', 'description', 'dismissButton', 'heading', 'persistent', 'state', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRInlineNotification, { actionIcon, actionLabel, actionLoading, description, dismissButton, heading, persistent, state, theme, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PInlineNotification };

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

@@ -1,37 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRLinkPure } from '../dsr-components/link-pure.js';
-
-const PLinkPure = forwardRef(({ active = false, alignLabel = 'right', aria, download, hideLabel = false, href, icon = 'arrow-right', iconSource, rel, size = 'small', stretch = false, target = '_self', theme = 'light', underline = false, weight = 'regular', className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-link-pure');
-    const propsToSync = [active, alignLabel, aria, download, hideLabel, href, icon, iconSource, rel, size, stretch, target, theme, underline, weight];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['active', 'alignLabel', 'aria', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'size', 'stretch', 'target', 'theme', 'underline', 'weight'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRLinkPure, { active, alignLabel, aria, download, hideLabel, href, icon, iconSource, rel, size, stretch, target, theme, underline, weight, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PLinkPure };

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

@@ -1,38 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRLinkSocial } from '../dsr-components/link-social.js';
-
-/** @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social icon instead. */
-const PLinkSocial = forwardRef(({ hideLabel = false, href, icon, iconSource, rel, target = '_self', theme = 'light', className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-link-social');
-    const propsToSync = [hideLabel, href, icon, iconSource, rel, target, theme];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRLinkSocial, { hideLabel, href, icon, iconSource, rel, target, theme, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PLinkSocial };

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

@@ -1,37 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRLinkTileModelSignature } from '../dsr-components/link-tile-model-signature.js';
-
-const PLinkTileModelSignature = forwardRef(({ aspectRatio = '3:4', description, heading, headingTag = 'h2', linkDirection = { base: 'column', xs: 'row' }, model = '911', weight = 'semi-bold', className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-link-tile-model-signature');
-    const propsToSync = [aspectRatio, description, heading, headingTag, linkDirection, model, weight];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['aspectRatio', 'description', 'heading', 'headingTag', 'linkDirection', 'model', 'weight'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRLinkTileModelSignature, { aspectRatio, description, heading, headingTag, linkDirection, model, weight, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PLinkTileModelSignature };

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

@@ -1,37 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRLinkTile } from '../dsr-components/link-tile.js';
-
-const PLinkTile = forwardRef(({ align = 'bottom', aria, aspectRatio = '4:3', background = 'dark', compact = false, description, download, gradient = true, href, label, rel, size = 'default', target = '_self', weight = 'semi-bold', className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-link-tile');
-    const propsToSync = [align, aria, aspectRatio, background, compact, description, download, gradient, href, label, rel, size, target, weight];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['align', 'aria', 'aspectRatio', 'background', 'compact', 'description', 'download', 'gradient', 'href', 'label', 'rel', 'size', 'target', 'weight'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRLinkTile, { align, aria, aspectRatio, background, compact, description, download, gradient, href, label, rel, size, target, weight, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PLinkTile };

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

@@ -1,37 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRLink } from '../dsr-components/link.js';
-
-const PLink = forwardRef(({ aria, download, hideLabel = false, href, icon = 'none', iconSource, rel, target = '_self', theme = 'light', variant = 'primary', className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-link');
-    const propsToSync = [aria, download, hideLabel, href, icon, iconSource, rel, target, theme, variant];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['aria', 'download', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme', 'variant'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRLink, { aria, download, hideLabel, href, icon, iconSource, rel, target, theme, variant, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PLink };

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

@@ -1,37 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRMarque } from '../dsr-components/marque.js';
-
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-wordmark" instead. */
-const PMarque = forwardRef(({ aria, href, size = 'responsive', target = '_self', trademark = true, variant = 'default', className, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-marque');
-    const propsToSync = [aria, href, size, target, trademark, variant];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['aria', 'href', 'size', 'target', 'trademark', 'variant'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRMarque, { aria, href, size, target, trademark, variant })),
-            }
-            : {
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PMarque };

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

@@ -1,39 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { useEventCallback, usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRModal } from '../dsr-components/modal.js';
-
-const PModal = forwardRef(({ aria, disableBackdropClick = false, disableCloseButton, dismissButton = true, fullscreen = false, heading, onClose, onDismiss, open = false, className, children, ...rest }, ref) => {
-    const elementRef = useRef();
-    useEventCallback(elementRef, 'close', onClose);
-    useEventCallback(elementRef, 'dismiss', onDismiss);
-    const WebComponentTag = usePrefix('p-modal');
-    const propsToSync = [aria, disableBackdropClick, disableCloseButton, dismissButton, fullscreen, heading, open];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['aria', 'disableBackdropClick', 'disableCloseButton', 'dismissButton', 'fullscreen', 'heading', 'open'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRModal, { aria, disableBackdropClick, disableCloseButton, dismissButton, fullscreen, heading, open, children })),
-            }
-            : {
-                children,
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PModal };

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

@@ -1,36 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRModelSignature } from '../dsr-components/model-signature.js';
-
-const PModelSignature = forwardRef(({ color = 'primary', model = '911', size = 'small', theme = 'light', className, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-model-signature');
-    const propsToSync = [color, model, size, theme];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['color', 'model', 'size', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRModelSignature, { color, model, size, theme })),
-            }
-            : {
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PModelSignature };

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

@@ -1,38 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { useEventCallback, usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-import { DSRPagination } from '../dsr-components/pagination.js';
-
-const PPagination = forwardRef(({ activePage = 1, allyLabel, allyLabelNext, allyLabelPage, allyLabelPrev, intl = { root: 'Pagination', prev: 'Previous page', next: 'Next page', page: 'Page', }, itemsPerPage = 1, maxNumberOfPageLinks = { base: 5, xs: 7, }, onPageChange, onUpdate, showLastPage = true, theme = 'light', totalItemsCount = 1, className, ...rest }, ref) => {
-    const elementRef = useRef();
-    useEventCallback(elementRef, 'pageChange', onPageChange);
-    useEventCallback(elementRef, 'update', onUpdate);
-    const WebComponentTag = usePrefix('p-pagination');
-    const propsToSync = [activePage, allyLabel, allyLabelNext, allyLabelPage, allyLabelPrev, intl, itemsPerPage, maxNumberOfPageLinks, showLastPage, theme, totalItemsCount];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['activePage', 'allyLabel', 'allyLabelNext', 'allyLabelPage', 'allyLabelPrev', 'intl', 'itemsPerPage', 'maxNumberOfPageLinks', 'showLastPage', 'theme', 'totalItemsCount'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    // @ts-ignore
-    if (!process.browser) {
-        className = className ? `${className} ssr` : 'ssr';
-    }
-    const props = {
-        ...rest,
-        // @ts-ignore
-        ...(!process.browser
-            ? {
-                children: (jsx(DSRPagination, { activePage, allyLabel, allyLabelNext, allyLabelPage, allyLabelPrev, intl, itemsPerPage, maxNumberOfPageLinks, showLastPage, theme, totalItemsCount })),
-            }
-            : {
-                suppressHydrationWarning: true,
-            }),
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PPagination };