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

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

@@ -4086,7 +4086,7 @@ const formatObjectOutput = (value) => {
 'value, ' +
     formatObjectOutput(breakpoints.reduce((prev, key) => ({ ...prev, [key + (key !== 'base' ? '?' : '')]: 'value' }), {})).replace(/"/g, '');
 
-const getComponentCss$15 = (size, compact, open, theme, sticky) => {
+const getComponentCss$16 = (size, compact, open, theme, sticky) => {
     const { primaryColor, hoverColor, contrastLowColor, backgroundColor } = getThemedColors(theme);
     const { primaryColor: primaryColorDark, hoverColor: hoverColorDark, contrastLowColor: contrastLowColorDark, backgroundColor: backgroundColorDark, } = getThemedColors('dark');
     const cssVariablePositionStickyTop = '--p-accordion-position-sticky-top';
@@ -4255,7 +4255,7 @@ const cssVariableTop = '--p-banner-position-top';
 const cssVariableBottom = '--p-banner-position-bottom';
 const cssVariableZIndex = '--p-internal-banner-z-index';
 const topBottomFallback = '56px';
-const getComponentCss$14 = (isOpen) => {
+const getComponentCss$15 = (isOpen) => {
     return getCss({
         '@global': {
             ':host': {
@@ -4326,7 +4326,7 @@ const getGroupDirectionJssStyles = (direction) => {
     return groupDirectionJssStyles[direction];
 };
 
-const getComponentCss$13 = (direction) => {
+const getComponentCss$14 = (direction) => {
     return getCss({
         '@global': {
             ':host': {
@@ -4478,7 +4478,7 @@ const getFunctionalComponentLoadingMessageStyles = () => {
     };
 };
 
-const getComponentCss$12 = (icon, iconSource, active, isLoading, isDisabledOrLoading, stretch, size, hideLabel, alignLabel, underline, theme) => {
+const getComponentCss$13 = (icon, iconSource, active, isLoading, isDisabledOrLoading, stretch, size, hideLabel, alignLabel, underline, theme) => {
     const hasIcon = hasVisibleIcon(icon, iconSource);
     return getCss(mergeDeep(getLinkButtonPureStyles(icon, iconSource, active, isDisabledOrLoading, stretch, size, hideLabel, alignLabel, underline, false, theme), {
         root: {
@@ -4656,7 +4656,7 @@ background, align, compact, hasGradient, isDisabled) => {
     });
 };
 
-const getComponentCss$11 = (isDisabledOrLoading, ...args) => {
+const getComponentCss$12 = (isDisabledOrLoading, ...args) => {
     const buttonLinkTileStyles = getButtonLinkTileStyles(...args);
     return getCss({
         ...buttonLinkTileStyles,
@@ -4780,7 +4780,7 @@ const getDisabledColors = (variant, loading, theme) => {
     };
     return colors[variant === 'tertiary' ? 'secondary' : variant];
 };
-const getComponentCss$10 = (icon, iconSource, variant, hideLabel, disabled, loading, theme) => {
+const getComponentCss$11 = (icon, iconSource, variant, hideLabel, disabled, loading, theme) => {
     const disabledOrLoading = isDisabledOrLoading(disabled, loading);
     const { textColor, borderColor, backgroundColor } = getDisabledColors(variant, loading, theme);
     const { textColor: textColorDark, borderColor: borderColorDark, backgroundColor: backgroundColorDark, } = getDisabledColors(variant, loading, 'dark');
@@ -4835,6 +4835,96 @@ const getComponentCss$10 = (icon, iconSource, variant, hideLabel, disabled, load
     }));
 };
 
+const cssVariableSidebarStartWidth = '--p-canvas-sidebar-start-width';
+const cssVariableSidebarEndWidth = '--p-canvas-sidebar-end-width';
+// TODO: maybe default grid gap would also work
+const gridProductiveGap = gridGap.replace('36px', '24px');
+const mediaQueryDesktopView = getMediaQueryMin('m');
+const sidebarWidths = {
+    medium: '320px',
+    large: '480px', // TODO: won't work at viewport 1000px when both sidebars are opened
+};
+const getComponentCss$10 = (isSidebarStartOpen, sidebarStartWidth, isSidebarEndOpen, sidebarEndWidth) => {
+    return getCss({
+        '@global': {
+            ':host': {
+                display: 'block',
+                ...addImportantToEachRule({
+                    ...colorSchemeStyles,
+                    ...hostHiddenStyles,
+                }),
+            },
+            ':is(header, main, footer, aside)': {
+                padding: gridProductiveGap,
+                boxSizing: 'border-box',
+                zIndex: 0,
+            },
+            header: {
+                gridArea: 'header',
+                position: 'sticky',
+                top: 0,
+                zIndex: 1,
+            },
+            main: {
+                gridArea: 'main',
+                '--pds-grid-span-full': 'span 6',
+                '--pds-grid-span-one-half': 'span 3',
+                '--pds-grid-span-one-third': 'span 2',
+                '--pds-grid-span-two-thirds': 'span 4',
+                display: 'grid',
+                gridTemplateColumns: 'repeat(6, minmax(0, 1fr))',
+                gap: gridProductiveGap,
+                alignContent: 'flex-start',
+                [mediaQueryDesktopView]: {
+                    '--pds-grid-span-full': 'span 12',
+                    '--pds-grid-span-one-half': 'span 6',
+                    '--pds-grid-span-one-third': 'span 4',
+                    '--pds-grid-span-two-thirds': 'span 8',
+                    gridTemplateColumns: 'repeat(12, minmax(0, 1fr))',
+                },
+            },
+            footer: {
+                gridArea: 'footer',
+            },
+            aside: {
+                // TODO: box-shadows or colored surface must be defined, design is missing
+                position: 'relative',
+                transition: getTransition('margin'),
+                '&:first-of-type': {
+                    gridArea: 'sidebar-start',
+                    width: `var(${cssVariableSidebarStartWidth}, ${sidebarWidths[sidebarStartWidth]})`,
+                    marginInlineStart: isSidebarStartOpen
+                        ? 0
+                        : `calc(var(${cssVariableSidebarStartWidth}, ${sidebarWidths[sidebarStartWidth]}) * -1)`,
+                },
+                '&:last-of-type': {
+                    gridArea: 'sidebar-end',
+                    width: `var(${cssVariableSidebarEndWidth}, ${sidebarWidths[sidebarEndWidth]})`,
+                    marginInlineEnd: isSidebarEndOpen
+                        ? 0
+                        : `calc(var(${cssVariableSidebarEndWidth}, ${sidebarWidths[sidebarEndWidth]}) * -1)`,
+                },
+            },
+        },
+        canvas: {
+            display: 'grid',
+            gridTemplateRows: 'auto minmax(0, 1fr) auto',
+            gridTemplateAreas: '"header" "main" "footer"',
+            minWidth: '320px',
+            minHeight: '100dvh',
+            [mediaQueryDesktopView]: {
+                gridTemplate: 'auto minmax(0, 1fr) auto / auto minmax(0, 1fr) auto',
+                gridTemplateAreas: '"header header header" "sidebar-start main sidebar-end" "sidebar-start footer sidebar-end"',
+            },
+        },
+        close: {
+            // TODO: must be positioned properly, design is missing
+            position: 'absolute',
+            inset: `${spacingStaticXSmall} ${spacingStaticXSmall} auto auto`,
+        },
+    });
+};
+
 const cssVariablePrevNextFilter = '--p-carousel-prev-next-filter';
 const carouselTransitionDuration = motionDurationModerate;
 const paginationInfiniteStartCaseClass = 'pagination--infinite';
@@ -10312,12 +10402,13 @@ const getComponentCss = (size, theme) => {
     });
 };
 
-exports.getAccordionCss = getComponentCss$15;
-exports.getBannerCss = getComponentCss$14;
-exports.getButtonCss = getComponentCss$10;
-exports.getButtonGroupCss = getComponentCss$13;
-exports.getButtonPureCss = getComponentCss$12;
-exports.getButtonTileCss = getComponentCss$11;
+exports.getAccordionCss = getComponentCss$16;
+exports.getBannerCss = getComponentCss$15;
+exports.getButtonCss = getComponentCss$11;
+exports.getButtonGroupCss = getComponentCss$14;
+exports.getButtonPureCss = getComponentCss$13;
+exports.getButtonTileCss = getComponentCss$12;
+exports.getCanvasCss = getComponentCss$10;
 exports.getCarouselCss = getComponentCss$$;
 exports.getCheckboxWrapperCss = getComponentCss$_;
 exports.getContentWrapperCss = getComponentCss$Z;

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

@@ -3591,6 +3591,64 @@ const isScrollable = (isPrevHidden, isNextHidden) => {
     return !(isPrevHidden && isNextHidden);
 };
 
+/*
+ Stencil Client Platform v4.18.3 | MIT Licensed | https://stenciljs.com
+ */
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+// src/utils/result.ts
+var result_exports = {};
+__export(result_exports, {
+  err: () => err,
+  map: () => map,
+  ok: () => ok,
+  unwrap: () => unwrap,
+  unwrapErr: () => unwrapErr
+});
+var ok = (value) => ({
+  isOk: true,
+  isErr: false,
+  value
+});
+var err = (value) => ({
+  isOk: false,
+  isErr: true,
+  value
+});
+function map(result, fn) {
+  if (result.isOk) {
+    const val = fn(result.value);
+    if (val instanceof Promise) {
+      return val.then((newVal) => ok(newVal));
+    } else {
+      return ok(val);
+    }
+  }
+  if (result.isErr) {
+    const value = result.value;
+    return err(value);
+  }
+  throw "should never get here";
+}
+var unwrap = (result) => {
+  if (result.isOk) {
+    return result.value;
+  } else {
+    throw result.value;
+  }
+};
+var unwrapErr = (result) => {
+  if (result.isErr) {
+    return result.value;
+  } else {
+    throw result.value;
+  }
+};
+
 /**
  * Checks if the current environment supports the native Popover API.
  *
@@ -3883,10 +3941,10 @@ const isCurrentInput = (index, value, length) => {
     }
     return index === firstWhitespaceIndex; // Some value is entered: set current-input id on the first input element which does not have a value
 };
-
-const getButtonAttributes = (isSelected, isDisabled) => ({
+const getSegmentedControlItemAriaAttributes = (isSelected, isDisabled, ariaProp) => ({
     ...getButtonBaseAriaAttributes(isDisabled, false),
     ...parseAndGetAriaAttributes({ 'aria-pressed': isSelected }),
+    ...parseAndGetAriaAttributes(ariaProp),
 });
 const getIconColor = (isDisabled) => {
     return !isDisabled ? 'primary' : 'contrast-medium';
@@ -4000,7 +4058,6 @@ exports.createRange = createRange;
 exports.crestSize = crestSize;
 exports.displaySizeToTagMap = displaySizeToTagMap;
 exports.getButtonAriaAttributes = getButtonAriaAttributes;
-exports.getButtonAttributes = getButtonAttributes;
 exports.getButtonBaseAriaAttributes = getButtonBaseAriaAttributes;
 exports.getButtonPureAriaAttributes = getButtonPureAriaAttributes;
 exports.getCDNBaseURL = getCDNBaseURL;
@@ -4019,6 +4076,7 @@ exports.getInnerManifest = getInnerManifest;
 exports.getListAriaAttributes = getListAriaAttributes;
 exports.getOptionAriaAttributes = getOptionAriaAttributes;
 exports.getRole = getRole;
+exports.getSegmentedControlItemAriaAttributes = getSegmentedControlItemAriaAttributes;
 exports.getSelectedOptionMap = getSelectedOptionMap;
 exports.getSelectedOptionString = getSelectedOptionString;
 exports.getSelectedOptionValues = getSelectedOptionValues;

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

@@ -35,6 +35,7 @@ const PAccordion = react.forwardRef(({ compact, heading, headingTag = 'h2', onAc
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -35,6 +35,7 @@ const PBanner = react.forwardRef(({ description = '', dismissButton = true, head
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -31,6 +31,7 @@ const PButtonGroup = react.forwardRef(({ direction = { base: 'column', xs: 'row'
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -33,6 +33,7 @@ const PButtonPure = react.forwardRef(({ active = false, alignLabel = 'end', aria
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -33,6 +33,7 @@ const PButtonTile = react.forwardRef(({ align = 'bottom', aria, aspectRatio = '4
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -33,6 +33,7 @@ const PButton = react.forwardRef(({ aria, disabled = false, hideLabel = false, i
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -0,0 +1,42 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+var canvas = require('../dsr-components/canvas.cjs');
+
+const PCanvas = react.forwardRef(({ onDismissSidebarEnd, onDismissSidebarStart, sidebarEndOpen = false, sidebarEndWidth = 'medium', sidebarStartOpen = false, sidebarStartWidth = 'medium', className, children, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    hooks.useEventCallback(elementRef, 'dismissSidebarEnd', onDismissSidebarEnd);
+    hooks.useEventCallback(elementRef, 'dismissSidebarStart', onDismissSidebarStart);
+    const WebComponentTag = hooks.usePrefix('p-canvas');
+    const propsToSync = [sidebarEndOpen, sidebarEndWidth, sidebarStartOpen, sidebarStartWidth];
+    hooks.useBrowserLayoutEffect(() => {
+        const { current } = elementRef;
+        ['sidebarEndOpen', 'sidebarEndWidth', 'sidebarStartOpen', 'sidebarStartWidth'].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: (jsxRuntime.jsx(canvas.DSRCanvas, { sidebarEndOpen, sidebarEndWidth, sidebarStartOpen, sidebarStartWidth, children })),
+            }
+            : {
+                children,
+                suppressHydrationWarning: true,
+            }),
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    // @ts-ignore
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PCanvas = PCanvas;

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

@@ -35,6 +35,7 @@ const PCarousel = react.forwardRef(({ activeSlideIndex = 0, alignHeader = 'start
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -33,6 +33,7 @@ const PCheckboxWrapper = react.forwardRef(({ hideLabel = false, label = '', load
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -34,6 +34,7 @@ const PContentWrapper = react.forwardRef(({ backgroundColor = 'transparent', the
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -32,6 +32,7 @@ const PCrest = react.forwardRef(({ aria, href, target = '_self', className, ...r
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -33,6 +33,7 @@ const PDisplay = react.forwardRef(({ align = 'start', color = 'primary', ellipsi
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -32,6 +32,7 @@ const PDivider = react.forwardRef(({ color = 'contrast-low', direction = 'horizo
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -34,6 +34,7 @@ const PFieldsetWrapper = react.forwardRef(({ label = '', labelSize = 'medium', m
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -33,6 +33,7 @@ const PFieldset = react.forwardRef(({ label = '', labelSize = 'medium', message
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -34,6 +34,7 @@ const PFlexItem = react.forwardRef(({ alignSelf = 'auto', flex = 'initial', grow
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -34,6 +34,7 @@ const PFlex = react.forwardRef(({ alignContent = 'stretch', alignItems = 'stretc
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -33,6 +33,7 @@ const PFlyoutNavigationItem = react.forwardRef(({ identifier, label, className,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -35,6 +35,7 @@ const PFlyoutNavigation = react.forwardRef(({ activeIdentifier, aria, onDismiss,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -34,6 +34,7 @@ const PFlyout = react.forwardRef(({ aria, disableBackdropClick = false, onDismis
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -34,6 +34,7 @@ const PGridItem = react.forwardRef(({ offset = 0, size = 1, className, children,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -34,6 +34,7 @@ const PGrid = react.forwardRef(({ direction = 'row', gutter = { base: 16, s: 24,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -33,6 +33,7 @@ const PHeading = react.forwardRef(({ align = 'start', color = 'primary', ellipsi
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -34,6 +34,7 @@ const PHeadline = react.forwardRef(({ align = 'start', color = 'primary', ellips
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -32,6 +32,7 @@ const PIcon = react.forwardRef(({ aria, color = 'primary', lazy, name = 'arrow-r
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -35,6 +35,7 @@ const PInlineNotification = react.forwardRef(({ actionIcon = 'arrow-right', acti
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -33,6 +33,7 @@ const PLinkPure = react.forwardRef(({ active = false, alignLabel = 'end', aria,
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -34,6 +34,7 @@ const PLinkSocial = react.forwardRef(({ hideLabel = false, href, icon, iconSourc
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -33,6 +33,7 @@ const PLinkTileModelSignature = react.forwardRef(({ aspectRatio = '3:4', descrip
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -34,6 +34,7 @@ const PLinkTileProduct = react.forwardRef(({ aspectRatio = '3:4', description, h
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -33,6 +33,7 @@ const PLinkTile = react.forwardRef(({ align = 'bottom', aria, aspectRatio = '4:3
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -33,6 +33,7 @@ const PLink = react.forwardRef(({ aria, download, hideLabel = false, href, icon
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -33,6 +33,7 @@ const PMarque = react.forwardRef(({ aria, href, size = 'responsive', target = '_
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -35,6 +35,7 @@ const PModal = react.forwardRef(({ aria, backdrop = 'blur', disableBackdropClick
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -33,6 +33,7 @@ const PModelSignature = react.forwardRef(({ color = 'primary', fetchPriority = '
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -33,6 +33,7 @@ const PMultiSelectOption = react.forwardRef(({ disabled = false, value, classNam
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -34,6 +34,7 @@ const PMultiSelect = react.forwardRef(({ description = '', disabled = false, dro
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });
 

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

@@ -34,6 +34,7 @@ const PPagination = react.forwardRef(({ activePage = 1, allyLabel, allyLabelNext
         class: hooks.useMergedClass(elementRef, className),
         ref: utils.syncRef(elementRef, ref)
     };
+    // @ts-ignore
     return jsxRuntime.jsx(WebComponentTag, { ...props });
 });