@porsche-design-system/components-react 2.19.0 → 2.20.0-rc.0

package/lib/types.d.ts

@@ -63,8 +63,7 @@ declare const ALIGN_LABELS: readonly [
     "left",
     "right"
 ];
-export declare type AlignLabelType = typeof ALIGN_LABELS[number];
-export declare type AlignLabel = BreakpointCustomizable<AlignLabelType>;
+export declare type AlignLabel = typeof ALIGN_LABELS[number];
 declare const BUTTON_TYPES: readonly [
     "button",
     "submit",
@@ -361,8 +360,7 @@ declare const BUTTON_GROUP_DIRECTIONS: readonly [
     "row",
     "column"
 ];
-export declare type ButtonGroupDirectionType = typeof BUTTON_GROUP_DIRECTIONS[number];
-export declare type ButtonGroupDirection = BreakpointCustomizable<ButtonGroupDirectionType>;
+export declare type ButtonGroupDirection = typeof BUTTON_GROUP_DIRECTIONS[number];
 export declare type CarouselInternationalization = Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>>;
 export declare type CarouselChangeEvent = {
     activeIndex: number;
@@ -389,30 +387,26 @@ declare const DIVIDER_ORIENTATIONS: readonly [
     "vertical",
     "horizontal"
 ];
-export declare type DividerOrientationType = typeof DIVIDER_ORIENTATIONS[number];
-export declare type DividerOrientation = BreakpointCustomizable<DividerOrientationType>;
+export declare type DividerOrientation = typeof DIVIDER_ORIENTATIONS[number];
 declare const FIELDSET_WRAPPER_LABEL_SIZES: readonly [
     "small",
     "medium"
 ];
 export declare type FieldsetWrapperLabelSize = typeof FIELDSET_WRAPPER_LABEL_SIZES[number];
-export declare type FlexInlineType = boolean;
-export declare type FlexInline = BreakpointCustomizable<FlexInlineType>;
+export declare type FlexInline = boolean;
 declare const FLEX_WRAPS: readonly [
     "nowrap",
     "wrap",
     "wrap-reverse"
 ];
-export declare type FlexWrapType = typeof FLEX_WRAPS[number];
-export declare type FlexWrap = BreakpointCustomizable<FlexWrapType>;
+export declare type FlexWrap = typeof FLEX_WRAPS[number];
 declare const FLEX_DIRECTIONS: readonly [
     "row",
     "row-reverse",
     "column",
     "column-reverse"
 ];
-export declare type FlexDirectionType = typeof FLEX_DIRECTIONS[number];
-export declare type FlexDirection = BreakpointCustomizable<FlexDirectionType>;
+export declare type FlexDirection = typeof FLEX_DIRECTIONS[number];
 declare const FLEX_JUSTIFY_CONTENTS: readonly [
     "flex-start",
     "flex-end",
@@ -421,8 +415,7 @@ declare const FLEX_JUSTIFY_CONTENTS: readonly [
     "space-around",
     "space-evenly"
 ];
-export declare type FlexJustifyContentType = typeof FLEX_JUSTIFY_CONTENTS[number];
-export declare type FlexJustifyContent = BreakpointCustomizable<FlexJustifyContentType>;
+export declare type FlexJustifyContent = typeof FLEX_JUSTIFY_CONTENTS[number];
 declare const FLEX_ALIGN_ITEMS: readonly [
     "stretch",
     "flex-start",
@@ -430,8 +423,7 @@ declare const FLEX_ALIGN_ITEMS: readonly [
     "center",
     "baseline"
 ];
-export declare type FlexAlignItemsType = typeof FLEX_ALIGN_ITEMS[number];
-export declare type FlexAlignItems = BreakpointCustomizable<FlexAlignItemsType>;
+export declare type FlexAlignItems = typeof FLEX_ALIGN_ITEMS[number];
 declare const FLEX_ALIGN_CONTENTS: readonly [
     "stretch",
     "flex-start",
@@ -441,8 +433,7 @@ declare const FLEX_ALIGN_CONTENTS: readonly [
     "space-around",
     "space-evenly"
 ];
-export declare type FlexAlignContentType = typeof FLEX_ALIGN_CONTENTS[number];
-export declare type FlexAlignContent = BreakpointCustomizable<FlexAlignContentType>;
+export declare type FlexAlignContent = typeof FLEX_ALIGN_CONTENTS[number];
 declare const FLEX_ITEM_WIDTHS: readonly [
     "auto",
     "one-quarter",
@@ -452,8 +443,7 @@ declare const FLEX_ITEM_WIDTHS: readonly [
     "three-quarters",
     "full"
 ];
-export declare type FlexItemWidthType = typeof FLEX_ITEM_WIDTHS[number];
-export declare type FlexItemWidth = BreakpointCustomizable<FlexItemWidthType>;
+export declare type FlexItemWidth = typeof FLEX_ITEM_WIDTHS[number];
 declare const FLEX_ITEM_OFFSETS: readonly [
     "none",
     "one-quarter",
@@ -462,8 +452,7 @@ declare const FLEX_ITEM_OFFSETS: readonly [
     "two-thirds",
     "three-quarters"
 ];
-export declare type FlexItemOffsetType = typeof FLEX_ITEM_OFFSETS[number];
-export declare type FlexItemOffset = BreakpointCustomizable<FlexItemOffsetType>;
+export declare type FlexItemOffset = typeof FLEX_ITEM_OFFSETS[number];
 declare const FLEX_ITEM_ALIGN_SELFS: readonly [
     "auto",
     "flex-start",
@@ -472,49 +461,42 @@ declare const FLEX_ITEM_ALIGN_SELFS: readonly [
     "baseline",
     "stretch"
 ];
-export declare type FlexItemAlignSelfType = typeof FLEX_ITEM_ALIGN_SELFS[number];
-export declare type FlexItemAlignSelf = BreakpointCustomizable<FlexItemAlignSelfType>;
+export declare type FlexItemAlignSelf = typeof FLEX_ITEM_ALIGN_SELFS[number];
 declare const FLEX_ITEM_GROWS: readonly [
     0,
     1
 ];
-export declare type FlexItemGrowType = typeof FLEX_ITEM_GROWS[number];
-export declare type FlexItemGrow = BreakpointCustomizable<FlexItemGrowType>;
+export declare type FlexItemGrow = typeof FLEX_ITEM_GROWS[number];
 declare const FLEX_ITEM_SHRINKS: readonly [
     0,
     1
 ];
-export declare type FlexItemShrinkType = typeof FLEX_ITEM_SHRINKS[number];
-export declare type FlexItemShrink = BreakpointCustomizable<FlexItemShrinkType>;
+export declare type FlexItemShrink = typeof FLEX_ITEM_SHRINKS[number];
 declare const FLEX_ITEM_FLEXS: readonly [
     "initial",
     "auto",
     "none",
     "equal"
 ];
-export declare type FlexItemFlexType = typeof FLEX_ITEM_FLEXS[number];
-export declare type FlexItemFlex = BreakpointCustomizable<FlexItemFlexType>;
+export declare type FlexItemFlex = typeof FLEX_ITEM_FLEXS[number];
 declare const GRID_DIRECTIONS: readonly [
     "row",
     "row-reverse",
     "column",
     "column-reverse"
 ];
-export declare type GridDirectionType = typeof GRID_DIRECTIONS[number];
-export declare type GridDirection = BreakpointCustomizable<GridDirectionType>;
+export declare type GridDirection = typeof GRID_DIRECTIONS[number];
 declare const GRID_WRAPS: readonly [
     "nowrap",
     "wrap"
 ];
-export declare type GridWrapType = typeof GRID_WRAPS[number];
-export declare type GridWrap = BreakpointCustomizable<GridWrapType>;
+export declare type GridWrap = typeof GRID_WRAPS[number];
 declare const GRID_GUTTERS: readonly [
     16,
     24,
     36
 ];
-export declare type GridGutterType = typeof GRID_GUTTERS[number];
-export declare type GridGutter = BreakpointCustomizable<GridGutterType>;
+export declare type GridGutter = typeof GRID_GUTTERS[number];
 declare const GRID_ITEM_SIZES: readonly [
     1,
     2,
@@ -529,8 +511,7 @@ declare const GRID_ITEM_SIZES: readonly [
     11,
     12
 ];
-export declare type GridItemSizeType = typeof GRID_ITEM_SIZES[number];
-export declare type GridItemSize = BreakpointCustomizable<GridItemSizeType>;
+export declare type GridItemSize = typeof GRID_ITEM_SIZES[number];
 declare const GRID_ITEM_OFFSETS: readonly [
     0,
     1,
@@ -545,12 +526,11 @@ declare const GRID_ITEM_OFFSETS: readonly [
     10,
     11
 ];
-export declare type GridItemOffsetType = typeof GRID_ITEM_OFFSETS[number];
-export declare type GridItemOffset = BreakpointCustomizable<GridItemOffsetType>;
+export declare type GridItemOffset = typeof GRID_ITEM_OFFSETS[number];
 declare const ICON_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export declare type IconAriaAttributes = typeof ICON_ARIA_ATTRIBUTES[number];
+export declare type IconAriaAttribute = typeof ICON_ARIA_ATTRIBUTES[number];
 declare const INLINE_NOTIFICATION_STATES: readonly [
     "error",
     "warning",
@@ -561,7 +541,7 @@ export declare type InlineNotificationState = typeof INLINE_NOTIFICATION_STATES[
 declare const LINK_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export declare type LinkAriaAttributes = typeof LINK_ARIA_ATTRIBUTES[number];
+export declare type LinkAriaAttribute = typeof LINK_ARIA_ATTRIBUTES[number];
 export declare type SocialIconName = Extract<IconName, "logo-facebook" | "logo-google" | "logo-instagram" | "logo-linkedin" | "logo-pinterest" | "logo-twitter" | "logo-wechat" | "logo-whatsapp" | "logo-xing" | "logo-youtube" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-foursquare" | "logo-gmail" | "logo-hatena" | "logo-kaixin" | "logo-kakaotalk" | "logo-naver" | "logo-qq-share" | "logo-qq" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-viber" | "logo-vk" | "logo-weibo" | "logo-yahoo" | "logo-youku">;
 declare const LINK_TILE_WEIGHTS: readonly [
     "regular",
@@ -595,11 +575,11 @@ export declare type MarqueSize = typeof MARQUE_SIZES[number];
 declare const MARQUE_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export declare type MarqueAriaAttributes = typeof MARQUE_ARIA_ATTRIBUTES[number];
+export declare type MarqueAriaAttribute = typeof MARQUE_ARIA_ATTRIBUTES[number];
 declare const MODAL_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export declare type ModalAriaAttributes = typeof MODAL_ARIA_ATTRIBUTES[number];
+export declare type ModalAriaAttribute = typeof MODAL_ARIA_ATTRIBUTES[number];
 declare const PAGINATION_NUMBER_OF_PAGE_LINKS: readonly [
     5,
     7
@@ -636,12 +616,11 @@ declare const SPINNER_SIZES: readonly [
     "large",
     "inherit"
 ];
-export declare type SpinnerSizeType = typeof SPINNER_SIZES[number];
-export declare type SpinnerSize = BreakpointCustomizable<SpinnerSizeType>;
+export declare type SpinnerSize = typeof SPINNER_SIZES[number];
 declare const SPINNER_ARIA_ATTRIBUTES: readonly [
     "aria-label"
 ];
-export declare type SpinnerAriaAttributes = typeof SPINNER_ARIA_ATTRIBUTES[number];
+export declare type SpinnerAriaAttribute = typeof SPINNER_ARIA_ATTRIBUTES[number];
 declare const STEPPER_HORIZONTAL_SIZES: readonly [
     "small",
     "medium"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-react",
-  "version": "2.19.0",
+  "version": "2.20.0-rc.0",
   "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
   "keywords": [
     "porsche",
@@ -17,7 +17,7 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "2.19.0"
+    "@porsche-design-system/components-js": "2.20.0-rc.0"
   },
   "peerDependencies": {
     "react": ">=17.0.0 <19.0.0",

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

@@ -583,8 +583,8 @@ var isBrowser = (typeof window === "undefined" ? "undefined" : _typeof$1(window)
 
 var module$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    isBrowser: isBrowser,
-    default: isBrowser
+    default: isBrowser,
+    isBrowser: isBrowser
 });
 
 var isProduction = process.env.NODE_ENV === 'production';
@@ -2965,13 +2965,13 @@ var index = createJss();
 
 var jss_esm = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    default: index,
     RuleList: RuleList,
     SheetsManager: SheetsManager,
     SheetsRegistry: SheetsRegistry,
     create: createJss,
     createGenerateId: createGenerateId,
     createRule: createRule,
+    default: index,
     getDynamicStyles: getDynamicStyles,
     hasCSSTOMSupport: hasCSSTOMSupport,
     sheets: sheets,
@@ -2979,6 +2979,7 @@ var jss_esm = /*#__PURE__*/Object.freeze({
 });
 
 function getAugmentedNamespace(n) {
+  if (n.__esModule) return n;
   var f = n.default;
 	if (typeof f == "function") {
 		var a = function a () {
@@ -5063,32 +5064,46 @@ var cssVendor_cjs = {};
 
 var require$$0 = /*@__PURE__*/getAugmentedNamespace(module$1);
 
-var toConsumableArray = {exports: {}};
+var toConsumableArrayExports = {};
+var toConsumableArray = {
+  get exports(){ return toConsumableArrayExports; },
+  set exports(v){ toConsumableArrayExports = v; },
+};
 
-var arrayWithoutHoles = {exports: {}};
+var arrayWithoutHolesExports = {};
+var arrayWithoutHoles = {
+  get exports(){ return arrayWithoutHolesExports; },
+  set exports(v){ arrayWithoutHolesExports = v; },
+};
 
-var arrayLikeToArray = {exports: {}};
+var arrayLikeToArrayExports = {};
+var arrayLikeToArray = {
+  get exports(){ return arrayLikeToArrayExports; },
+  set exports(v){ arrayLikeToArrayExports = v; },
+};
 
 (function (module) {
 	function _arrayLikeToArray(arr, len) {
 	  if (len == null || len > arr.length) len = arr.length;
-	  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-	    arr2[i] = arr[i];
-	  }
+	  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
 	  return arr2;
 	}
 	module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 } (arrayLikeToArray));
 
 (function (module) {
-	var arrayLikeToArray$1 = arrayLikeToArray.exports;
+	var arrayLikeToArray = arrayLikeToArrayExports;
 	function _arrayWithoutHoles(arr) {
-	  if (Array.isArray(arr)) return arrayLikeToArray$1(arr);
+	  if (Array.isArray(arr)) return arrayLikeToArray(arr);
 	}
 	module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
 } (arrayWithoutHoles));
 
-var iterableToArray = {exports: {}};
+var iterableToArrayExports = {};
+var iterableToArray = {
+  get exports(){ return iterableToArrayExports; },
+  set exports(v){ iterableToArrayExports = v; },
+};
 
 (function (module) {
 	function _iterableToArray(iter) {
@@ -5097,22 +5112,30 @@ var iterableToArray = {exports: {}};
 	module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 } (iterableToArray));
 
-var unsupportedIterableToArray = {exports: {}};
+var unsupportedIterableToArrayExports = {};
+var unsupportedIterableToArray = {
+  get exports(){ return unsupportedIterableToArrayExports; },
+  set exports(v){ unsupportedIterableToArrayExports = v; },
+};
 
 (function (module) {
-	var arrayLikeToArray$1 = arrayLikeToArray.exports;
+	var arrayLikeToArray = arrayLikeToArrayExports;
 	function _unsupportedIterableToArray(o, minLen) {
 	  if (!o) return;
-	  if (typeof o === "string") return arrayLikeToArray$1(o, minLen);
+	  if (typeof o === "string") return arrayLikeToArray(o, minLen);
 	  var n = Object.prototype.toString.call(o).slice(8, -1);
 	  if (n === "Object" && o.constructor) n = o.constructor.name;
 	  if (n === "Map" || n === "Set") return Array.from(o);
-	  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray$1(o, minLen);
+	  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
 	}
 	module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 } (unsupportedIterableToArray));
 
-var nonIterableSpread = {exports: {}};
+var nonIterableSpreadExports = {};
+var nonIterableSpread = {
+  get exports(){ return nonIterableSpreadExports; },
+  set exports(v){ nonIterableSpreadExports = v; },
+};
 
 (function (module) {
 	function _nonIterableSpread() {
@@ -5122,12 +5145,12 @@ var nonIterableSpread = {exports: {}};
 } (nonIterableSpread));
 
 (function (module) {
-	var arrayWithoutHoles$1 = arrayWithoutHoles.exports;
-	var iterableToArray$1 = iterableToArray.exports;
-	var unsupportedIterableToArray$1 = unsupportedIterableToArray.exports;
-	var nonIterableSpread$1 = nonIterableSpread.exports;
+	var arrayWithoutHoles = arrayWithoutHolesExports;
+	var iterableToArray = iterableToArrayExports;
+	var unsupportedIterableToArray = unsupportedIterableToArrayExports;
+	var nonIterableSpread = nonIterableSpreadExports;
 	function _toConsumableArray(arr) {
-	  return arrayWithoutHoles$1(arr) || iterableToArray$1(arr) || unsupportedIterableToArray$1(arr) || nonIterableSpread$1();
+	  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();
 	}
 	module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 } (toConsumableArray));
@@ -5137,7 +5160,7 @@ Object.defineProperty(cssVendor_cjs, '__esModule', { value: true });
 function _interopDefault$1 (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var isInBrowser = _interopDefault$1(require$$0);
-var _toConsumableArray = _interopDefault$1(toConsumableArray.exports);
+var _toConsumableArray = _interopDefault$1(toConsumableArrayExports);
 
 // Export javascript style and css style vendor prefixes.
 var js = '';
@@ -6779,7 +6802,7 @@ const getCloseIconJssStyle = () => ({
 const getComponentCss$A = (icon, active, stretch, size, weight, hideLabel, alignLabel, hasSubline, hasSlottedAnchor, theme) => {
     return getCss(mergeDeep(getLinkButtonPureStyles(icon, active, false, stretch, size, weight, hideLabel, alignLabel, hasSubline, hasSlottedAnchor, theme), {
         '@global': {
-            '::slotted': {
+            '::slotted': addImportantToEachRule({
                 '&(a)': {
                     display: 'block',
                     position: 'static',
@@ -6801,7 +6824,7 @@ const getComponentCss$A = (icon, active, stretch, size, weight, hideLabel, align
                 '&(a:focus:not(:focus-visible))::before': {
                     outlineColor: 'transparent',
                 },
-            },
+            }),
             'slot[name=subline]::slotted(*)': {
                 margin: 0,
             },

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

@@ -445,8 +445,8 @@ var isBrowser = (typeof window === "undefined" ? "undefined" : _typeof$1(window)
 
 var module$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    isBrowser: isBrowser,
-    default: isBrowser
+    default: isBrowser,
+    isBrowser: isBrowser
 });
 
 var isProduction = process.env.NODE_ENV === 'production';
@@ -2827,13 +2827,13 @@ var index = createJss();
 
 var jss_esm = /*#__PURE__*/Object.freeze({
     __proto__: null,
-    default: index,
     RuleList: RuleList,
     SheetsManager: SheetsManager,
     SheetsRegistry: SheetsRegistry,
     create: createJss,
     createGenerateId: createGenerateId,
     createRule: createRule,
+    default: index,
     getDynamicStyles: getDynamicStyles,
     hasCSSTOMSupport: hasCSSTOMSupport,
     sheets: sheets,
@@ -2841,6 +2841,7 @@ var jss_esm = /*#__PURE__*/Object.freeze({
 });
 
 function getAugmentedNamespace(n) {
+  if (n.__esModule) return n;
   var f = n.default;
 	if (typeof f == "function") {
 		var a = function a () {
@@ -4788,32 +4789,46 @@ var cssVendor_cjs = {};
 
 var require$$0 = /*@__PURE__*/getAugmentedNamespace(module$1);
 
-var toConsumableArray = {exports: {}};
+var toConsumableArrayExports = {};
+var toConsumableArray = {
+  get exports(){ return toConsumableArrayExports; },
+  set exports(v){ toConsumableArrayExports = v; },
+};
 
-var arrayWithoutHoles = {exports: {}};
+var arrayWithoutHolesExports = {};
+var arrayWithoutHoles = {
+  get exports(){ return arrayWithoutHolesExports; },
+  set exports(v){ arrayWithoutHolesExports = v; },
+};
 
-var arrayLikeToArray = {exports: {}};
+var arrayLikeToArrayExports = {};
+var arrayLikeToArray = {
+  get exports(){ return arrayLikeToArrayExports; },
+  set exports(v){ arrayLikeToArrayExports = v; },
+};
 
 (function (module) {
 	function _arrayLikeToArray(arr, len) {
 	  if (len == null || len > arr.length) len = arr.length;
-	  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-	    arr2[i] = arr[i];
-	  }
+	  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
 	  return arr2;
 	}
 	module.exports = _arrayLikeToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 } (arrayLikeToArray));
 
 (function (module) {
-	var arrayLikeToArray$1 = arrayLikeToArray.exports;
+	var arrayLikeToArray = arrayLikeToArrayExports;
 	function _arrayWithoutHoles(arr) {
-	  if (Array.isArray(arr)) return arrayLikeToArray$1(arr);
+	  if (Array.isArray(arr)) return arrayLikeToArray(arr);
 	}
 	module.exports = _arrayWithoutHoles, module.exports.__esModule = true, module.exports["default"] = module.exports;
 } (arrayWithoutHoles));
 
-var iterableToArray = {exports: {}};
+var iterableToArrayExports = {};
+var iterableToArray = {
+  get exports(){ return iterableToArrayExports; },
+  set exports(v){ iterableToArrayExports = v; },
+};
 
 (function (module) {
 	function _iterableToArray(iter) {
@@ -4822,22 +4837,30 @@ var iterableToArray = {exports: {}};
 	module.exports = _iterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 } (iterableToArray));
 
-var unsupportedIterableToArray = {exports: {}};
+var unsupportedIterableToArrayExports = {};
+var unsupportedIterableToArray = {
+  get exports(){ return unsupportedIterableToArrayExports; },
+  set exports(v){ unsupportedIterableToArrayExports = v; },
+};
 
 (function (module) {
-	var arrayLikeToArray$1 = arrayLikeToArray.exports;
+	var arrayLikeToArray = arrayLikeToArrayExports;
 	function _unsupportedIterableToArray(o, minLen) {
 	  if (!o) return;
-	  if (typeof o === "string") return arrayLikeToArray$1(o, minLen);
+	  if (typeof o === "string") return arrayLikeToArray(o, minLen);
 	  var n = Object.prototype.toString.call(o).slice(8, -1);
 	  if (n === "Object" && o.constructor) n = o.constructor.name;
 	  if (n === "Map" || n === "Set") return Array.from(o);
-	  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray$1(o, minLen);
+	  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return arrayLikeToArray(o, minLen);
 	}
 	module.exports = _unsupportedIterableToArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 } (unsupportedIterableToArray));
 
-var nonIterableSpread = {exports: {}};
+var nonIterableSpreadExports = {};
+var nonIterableSpread = {
+  get exports(){ return nonIterableSpreadExports; },
+  set exports(v){ nonIterableSpreadExports = v; },
+};
 
 (function (module) {
 	function _nonIterableSpread() {
@@ -4847,12 +4870,12 @@ var nonIterableSpread = {exports: {}};
 } (nonIterableSpread));
 
 (function (module) {
-	var arrayWithoutHoles$1 = arrayWithoutHoles.exports;
-	var iterableToArray$1 = iterableToArray.exports;
-	var unsupportedIterableToArray$1 = unsupportedIterableToArray.exports;
-	var nonIterableSpread$1 = nonIterableSpread.exports;
+	var arrayWithoutHoles = arrayWithoutHolesExports;
+	var iterableToArray = iterableToArrayExports;
+	var unsupportedIterableToArray = unsupportedIterableToArrayExports;
+	var nonIterableSpread = nonIterableSpreadExports;
 	function _toConsumableArray(arr) {
-	  return arrayWithoutHoles$1(arr) || iterableToArray$1(arr) || unsupportedIterableToArray$1(arr) || nonIterableSpread$1();
+	  return arrayWithoutHoles(arr) || iterableToArray(arr) || unsupportedIterableToArray(arr) || nonIterableSpread();
 	}
 	module.exports = _toConsumableArray, module.exports.__esModule = true, module.exports["default"] = module.exports;
 } (toConsumableArray));
@@ -4862,7 +4885,7 @@ Object.defineProperty(cssVendor_cjs, '__esModule', { value: true });
 function _interopDefault$1 (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var isInBrowser = _interopDefault$1(require$$0);
-var _toConsumableArray = _interopDefault$1(toConsumableArray.exports);
+var _toConsumableArray = _interopDefault$1(toConsumableArrayExports);
 
 // Export javascript style and css style vendor prefixes.
 var js = '';

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

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 require('../../provider.js');
+var splitChildren = require('../../splitChildren.js');
 var minifyCss = require('../../minifyCss.js');
 var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');
 var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.js');
@@ -10,13 +11,7 @@ var icon_wrapper = require('../components/icon.wrapper.js');
 
 class DSRAccordion extends react.Component {
     render() {
-        const children = Array.isArray(this.props.children)
-            ? this.props.children
-            : this.props.children
-                ? [this.props.children]
-                : [];
-        children.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
-        children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        splitChildren.splitChildren(this.props.children);
         const buttonId = 'accordion-control';
         const contentId = 'accordion-panel';
         const Heading = this.props.tag;

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

@@ -3,6 +3,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 require('../../provider.js');
+var splitChildren = require('../../splitChildren.js');
 var minifyCss = require('../../minifyCss.js');
 var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');
 var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-entry.js');
@@ -11,15 +12,9 @@ var inlineNotification_wrapper = require('../components/inline-notification.wrap
 
 class DSRBanner extends react.Component {
     render() {
-        const children = Array.isArray(this.props.children)
-            ? this.props.children
-            : this.props.children
-                ? [this.props.children]
-                : [];
-        const namedSlottedChildren = children.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
-        children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        const { children, namedSlotChildren, otherChildren } = splitChildren.splitChildren(this.props.children);
         const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getBannerCss()));
-        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx(contentWrapper_wrapper.PContentWrapper, { width: this.props.width, children: jsxRuntime.jsxs(inlineNotification_wrapper.PInlineNotification, { className: "root", state: this.props.state, persistent: this.props.persistent, theme: this.props.theme, children: [namedSlottedChildren.filter(({ props: { slot } }) => slot === 'title').length > 0 && jsxRuntime.jsx("slot", { name: "title", slot: "heading" }), namedSlottedChildren.filter(({ props: { slot } }) => slot === 'description').length > 0 && jsxRuntime.jsx("slot", { name: "description" })] }) })] }), this.props.children] }));
+        return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx(contentWrapper_wrapper.PContentWrapper, { width: this.props.width, children: jsxRuntime.jsxs(inlineNotification_wrapper.PInlineNotification, { className: "root", state: this.props.state, persistent: this.props.persistent, theme: this.props.theme, children: [namedSlotChildren.filter(({ props: { slot } }) => slot === 'title').length > 0 && jsxRuntime.jsx("slot", { name: "title", slot: "heading" }), namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0 && jsxRuntime.jsx("slot", { name: "description" })] }) })] }), this.props.children] }));
     }
 }
 

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

@@ -1,6 +1,7 @@
 'use strict';
 
 var jsxRuntime = require('react/jsx-runtime');
+var splitChildren = require('../../splitChildren.js');
 var react = require('react');
 var minifyCss = require('../../minifyCss.js');
 var stripFocusAndHoverStyles = require('../../stripFocusAndHoverStyles.js');
@@ -8,13 +9,7 @@ var stylesEntry = require('../../../../../../components/dist/styles/esm/styles-e
 
 class DSRButtonGroup extends react.Component {
     render() {
-        const children = Array.isArray(this.props.children)
-            ? this.props.children
-            : this.props.children
-                ? [this.props.children]
-                : [];
-        children.filter((child) => { var _a; return (_a = child.props) === null || _a === void 0 ? void 0 : _a.slot; });
-        children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        splitChildren.splitChildren(this.props.children);
         const style = minifyCss.minifyCss(stripFocusAndHoverStyles.stripFocusAndHoverStyles(stylesEntry.getButtonGroupCss(this.props.direction)));
         return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("template", { shadowroot: "open", children: [jsxRuntime.jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxRuntime.jsx("div", { role: "group", children: jsxRuntime.jsx("slot", {}) })] }), this.props.children] }));
     }