npm - @porsche-design-system/components-react - Versions diffs - 3.15.2 → 3.16.0-rc.1 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (527) hide show

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 ADDED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -7,14 +7,14 @@ var hooks = require('../../hooks.cjs');
 var utils = require('../../utils.cjs');
 var flyout = require('../dsr-components/flyout.cjs');
-const PFlyout = react.forwardRef(({ aria, onDismiss, open = false, position = 'end', theme, className, children, ...rest }, ref) => {
+const PFlyout = react.forwardRef(({ aria, disableBackdropClick = false, onDismiss, open = false, position = 'end', theme, className, children, ...rest }, ref) => {
     const elementRef = react.useRef();
     hooks.useEventCallback(elementRef, 'dismiss', onDismiss);
     const WebComponentTag = hooks.usePrefix('p-flyout');
-    const propsToSync = [aria, open, position, theme || hooks.useTheme()];
+    const propsToSync = [aria, disableBackdropClick, open, position, theme || hooks.useTheme()];
     hooks.useBrowserLayoutEffect(() => {
         const { current } = elementRef;
-        ['aria', 'open', 'position', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+        ['aria', 'disableBackdropClick', 'open', 'position', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
     // @ts-ignore
     if (!process.browser) {
@@ -25,7 +25,7 @@ const PFlyout = react.forwardRef(({ aria, onDismiss, open = false, position = 'e
         // @ts-ignore
         ...(!process.browser
             ? {
-                children: (jsxRuntime.jsx(flyout.DSRFlyout, { aria, open, position, theme: theme || hooks.useTheme(), children })),
+                children: (jsxRuntime.jsx(flyout.DSRFlyout, { aria, disableBackdropClick, open, position, theme: theme || hooks.useTheme(), children })),
             }
             : {
                 children,
@@ -34,6 +34,7 @@ const PFlyout = react.forwardRef(({ aria, onDismiss, open = false, position = 'e
         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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 });
 });

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

@@ -34,6 +34,7 @@ const PPinCode = react.forwardRef(({ description = '', disabled = false, hideLab
         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/popover.wrapper.cjs CHANGED Viewed

@@ -33,6 +33,7 @@ const PPopover = react.forwardRef(({ aria, description, direction = 'bottom', th
         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/radio-button-wrapper.wrapper.cjs CHANGED Viewed

@@ -33,6 +33,7 @@ const PRadioButtonWrapper = react.forwardRef(({ hideLabel = false, label = '', l
         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/scroller.wrapper.cjs CHANGED Viewed

@@ -33,6 +33,7 @@ const PScroller = react.forwardRef(({ alignScrollIndicator = 'center', aria, gra
         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/segmented-control-item.wrapper.cjs CHANGED Viewed

@@ -9,13 +9,13 @@ var segmentedControlItem = require('../dsr-components/segmented-control-item.cjs
 const PSegmentedControlItem = react.forwardRef((
 // @ts-ignore
-{ disabled = false, icon, iconSource, label, value, className, children, selected, theme = 'light', ...rest }, ref) => {
+{ aria, disabled = false, icon, iconSource, label, value, className, children, selected, theme = 'light', ...rest }, ref) => {
     const elementRef = react.useRef();
     const WebComponentTag = hooks.usePrefix('p-segmented-control-item');
-    const propsToSync = [disabled, icon, iconSource, label, value];
+    const propsToSync = [aria, disabled, icon, iconSource, label, value];
     hooks.useBrowserLayoutEffect(() => {
         const { current } = elementRef;
-        ['disabled', 'icon', 'iconSource', 'label', 'value'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+        ['aria', 'disabled', 'icon', 'iconSource', 'label', 'value'].forEach((propName, i) => (current[propName] = propsToSync[i]));
     }, propsToSync);
     // @ts-ignore
     if (!process.browser) {
@@ -26,7 +26,7 @@ const PSegmentedControlItem = react.forwardRef((
         // @ts-ignore
         ...(!process.browser
             ? {
-                children: (jsxRuntime.jsx(segmentedControlItem.DSRSegmentedControlItem, { disabled, icon, iconSource, label, value, selected, theme, children })),
+                children: (jsxRuntime.jsx(segmentedControlItem.DSRSegmentedControlItem, { aria, disabled, icon, iconSource, label, value, selected, theme, children })),
             }
             : {
                 children,
@@ -35,6 +35,7 @@ const PSegmentedControlItem = react.forwardRef((
         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/segmented-control.wrapper.cjs CHANGED Viewed

@@ -36,6 +36,7 @@ const PSegmentedControl = react.forwardRef(({ backgroundColor, columns = 'auto',
         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/select-option.wrapper.cjs CHANGED Viewed

@@ -33,6 +33,7 @@ const PSelectOption = react.forwardRef(({ disabled = false, value, className, ch
         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/select-wrapper-dropdown.wrapper.cjs CHANGED Viewed

@@ -33,6 +33,7 @@ const PSelectWrapperDropdown = react.forwardRef(({ description, direction = 'aut
         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/select-wrapper.wrapper.cjs CHANGED Viewed

@@ -33,6 +33,7 @@ const PSelectWrapper = react.forwardRef(({ description = '', dropdownDirection =
         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/select.wrapper.cjs CHANGED Viewed

@@ -34,6 +34,7 @@ const PSelect = react.forwardRef(({ description = '', disabled = false, dropdown
         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/spinner.wrapper.cjs CHANGED Viewed

@@ -32,6 +32,7 @@ const PSpinner = react.forwardRef(({ aria, size = 'small', theme, 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/stepper-horizontal-item.wrapper.cjs CHANGED Viewed

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