@porsche-design-system/components-react 2.19.0-rc.2 → 2.19.1-rc.1

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

@@ -581,8 +581,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';
@@ -2963,13 +2963,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,
@@ -2977,6 +2977,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 () {
@@ -5061,32 +5062,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) {
@@ -5095,22 +5110,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() {
@@ -5120,12 +5143,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));
@@ -5135,7 +5158,7 @@ Object.defineProperty(cssVendor_cjs, '__esModule', { value: true });
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var isInBrowser = _interopDefault(require$$0);
-var _toConsumableArray = _interopDefault(toConsumableArray.exports);
+var _toConsumableArray = _interopDefault(toConsumableArrayExports);
 
 // Export javascript style and css style vendor prefixes.
 var js = '';

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

@@ -443,8 +443,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';
@@ -2825,13 +2825,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,
@@ -2839,6 +2839,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 () {
@@ -4786,32 +4787,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) {
@@ -4820,22 +4835,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() {
@@ -4845,12 +4868,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));
@@ -4860,7 +4883,7 @@ Object.defineProperty(cssVendor_cjs, '__esModule', { value: true });
 function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
 var isInBrowser = _interopDefault(require$$0);
-var _toConsumableArray = _interopDefault(toConsumableArray.exports);
+var _toConsumableArray = _interopDefault(toConsumableArrayExports);
 
 // Export javascript style and css style vendor prefixes.
 var js = '';

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

@@ -1,6 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import '../../provider.js';
+import { splitChildren } from '../../splitChildren.js';
 import { minifyCss } from '../../minifyCss.js';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.js';
 import { getAccordionCss as getComponentCss$R } from '../../../../../../components/dist/styles/esm/styles-entry.js';
@@ -8,13 +9,7 @@ import { PIcon } from '../components/icon.wrapper.js';
 
 class DSRAccordion extends 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(this.props.children);
         const buttonId = 'accordion-control';
         const contentId = 'accordion-panel';
         const Heading = this.props.tag;

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

@@ -1,6 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import '../../provider.js';
+import { splitChildren } from '../../splitChildren.js';
 import { minifyCss } from '../../minifyCss.js';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.js';
 import { getBannerCss as getComponentCss$Q } from '../../../../../../components/dist/styles/esm/styles-entry.js';
@@ -9,15 +10,9 @@ import { PInlineNotification } from '../components/inline-notification.wrapper.j
 
 class DSRBanner extends 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(this.props.children);
         const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$Q()));
-        return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsx(PContentWrapper, { width: this.props.width, children: jsxs(PInlineNotification, { className: "root", state: this.props.state, persistent: this.props.persistent, theme: this.props.theme, children: [namedSlottedChildren.filter(({ props: { slot } }) => slot === 'title').length > 0 && jsx("slot", { name: "title", slot: "heading" }), namedSlottedChildren.filter(({ props: { slot } }) => slot === 'description').length > 0 && jsx("slot", { name: "description" })] }) })] }), this.props.children] }));
+        return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsx(PContentWrapper, { width: this.props.width, children: jsxs(PInlineNotification, { className: "root", state: this.props.state, persistent: this.props.persistent, theme: this.props.theme, children: [namedSlotChildren.filter(({ props: { slot } }) => slot === 'title').length > 0 && jsx("slot", { name: "title", slot: "heading" }), namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0 && jsx("slot", { name: "description" })] }) })] }), this.props.children] }));
     }
 }
 

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

@@ -1,4 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { splitChildren } from '../../splitChildren.js';
 import { Component } from 'react';
 import { minifyCss } from '../../minifyCss.js';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.js';
@@ -6,13 +7,7 @@ import { getButtonGroupCss as getComponentCss$P } from '../../../../../../compon
 
 class DSRButtonGroup extends 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(this.props.children);
         const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$P(this.props.direction)));
         return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsx("div", { role: "group", children: jsx("slot", {}) })] }), this.props.children] }));
     }

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

@@ -1,6 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import '../../provider.js';
+import { splitChildren } from '../../splitChildren.js';
 import { minifyCss } from '../../minifyCss.js';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.js';
 import { getButtonPureCss as getComponentCss$O } from '../../../../../../components/dist/styles/esm/styles-entry.js';
@@ -14,21 +15,15 @@ class DSRButtonPure extends Component {
     }
     // this stops click events when button is disabled
     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(this.props.children);
         const hasIcon = hasVisibleIcon(this.props.icon);
-        const hasSubline = namedSlottedChildren.filter(({ props: { slot } }) => slot === 'subline').length > 0;
+        const hasSubline = namedSlotChildren.filter(({ props: { slot } }) => slot === 'subline').length > 0;
         const iconProps = {
             className: 'icon',
             size: 'inherit',
             theme: this.props.theme,
         };
-        const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$O(this.props.icon, this.props.active, this.isDisabledOrLoading, this.props.stretch, this.props.size, this.props.weight, this.props.hideLabel, this.props.alignLabel, namedSlottedChildren.filter(({ props: { slot } }) => slot === 'subline').length > 0, this.props.theme)));
+        const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$O(this.props.icon, this.props.active, this.isDisabledOrLoading, this.props.stretch, this.props.size, this.props.weight, this.props.hideLabel, this.props.alignLabel, namedSlotChildren.filter(({ props: { slot } }) => slot === 'subline').length > 0, this.props.theme)));
         return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootdelegatesfocus: "true", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs(Fragment, { children: [jsxs("button", { ...getButtonPureAriaAttributes(this.props.disabled, this.props.loading, hasSubline, this.props.aria), className: "root", type: this.props.type, tabIndex: this.props.tabbable ? parseInt(null, 10) || null : -1, children: [hasIcon &&
                                             (this.props.loading ? (jsx(PSpinner, { aria: { 'aria-label': 'Loading state' }, ...iconProps })) : (jsx(PIcon, { ...iconProps, color: "inherit", name: this.props.icon, source: this.props.iconSource, "aria-hidden": "true" }))), jsx("span", { className: "label", children: jsx("slot", {}) })] }), hasSubline && (jsx("div", { id: "subline", className: "subline", children: jsx("slot", { name: "subline" }) }))] })] }), this.props.children] }));
     }

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

@@ -1,6 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import '../../provider.js';
+import { splitChildren } from '../../splitChildren.js';
 import { minifyCss } from '../../minifyCss.js';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.js';
 import { getButtonCss as getComponentCss$N } from '../../../../../../components/dist/styles/esm/styles-entry.js';
@@ -13,13 +14,7 @@ class DSRButton extends Component {
         return isDisabledOrLoading(this.props.disabled, this.props.loading);
     }
     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(this.props.children);
         const iconProps = {
             className: 'icon',
             size: 'inherit',

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

@@ -1,6 +1,7 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Component } from 'react';
 import '../../provider.js';
+import { splitChildren } from '../../splitChildren.js';
 import { minifyCss } from '../../minifyCss.js';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.js';
 import { getCarouselCss as getComponentCss$M } from '../../../../../../components/dist/styles/esm/styles-entry.js';
@@ -13,13 +14,7 @@ class DSRCarousel extends Component {
     }
     render() {
         var _a;
-        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; });
-        const defaultChildren = children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
+        const { children, namedSlotChildren, otherChildren } = splitChildren(this.props.children);
         const btnProps = {
             className: 'btn',
             type: 'button',
@@ -28,8 +23,8 @@ class DSRCarousel extends Component {
             // 'aria-controls': 'splide-track', // TODO: cross shadow dom? use native button tag instead of p-button-pure?
         };
         const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$M(this.props.wrapContent, this.props.disablePagination, this.props.theme)));
-        return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs(Fragment, { children: [jsxs("div", { className: "header", children: [this.props.heading ? jsx("h2", { children: this.props.heading }) : jsx("slot", { name: "heading" }), (this.props.description || namedSlottedChildren.filter(({ props: { slot } }) => slot === 'description').length > 0) &&
-                                            ((this.props.description && jsx("p", { children: this.props.description })) || jsx("slot", { name: "description" })), jsxs("div", { className: "nav", children: [jsx(PButtonPure, { ...btnProps, icon: "arrow-left" }), jsx(PButtonPure, { ...btnProps, icon: "arrow-right" })] })] }), jsx("div", { id: "splide", className: "splide", "aria-label": this.props.heading || ((_a = namedSlottedChildren.find(({ props: { slot } }) => slot === 'heading')) === null || _a === void 0 ? void 0 : _a.props.children), children: jsx("div", { className: "splide__track", children: jsx("div", { className: "splide__list", children: defaultChildren.map((_, i) => (jsx("div", { className: "splide__slide", children: jsx("slot", { name: `slide-${i}` }) }, i))) }) }) }), this.props.disablePagination !== true && jsx("div", { className: "pagination" })] })] }), this.props.children] }));
+        return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs(Fragment, { children: [jsxs("div", { className: "header", children: [this.props.heading ? jsx("h2", { children: this.props.heading }) : jsx("slot", { name: "heading" }), (this.props.description || namedSlotChildren.filter(({ props: { slot } }) => slot === 'description').length > 0) &&
+                                            ((this.props.description && jsx("p", { children: this.props.description })) || jsx("slot", { name: "description" })), jsxs("div", { className: "nav", children: [jsx(PButtonPure, { ...btnProps, icon: "arrow-left" }), jsx(PButtonPure, { ...btnProps, icon: "arrow-right" })] })] }), jsx("div", { id: "splide", className: "splide", "aria-label": this.props.heading || ((_a = namedSlotChildren.find(({ props: { slot } }) => slot === 'heading')) === null || _a === void 0 ? void 0 : _a.props.children), children: jsx("div", { className: "splide__track", children: jsx("div", { className: "splide__list", children: otherChildren.map((_, i) => (jsx("div", { className: "splide__slide", children: jsx("slot", { name: `slide-${i}` }) }, i))) }) }) }), this.props.disablePagination !== true && jsx("div", { className: "pagination" })] })] }), this.props.children] }));
     }
 }
 

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

@@ -1,4 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { splitChildren } from '../../splitChildren.js';
 import { Component } from 'react';
 import { minifyCss } from '../../minifyCss.js';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.js';
@@ -8,15 +9,9 @@ import { StateMessage } from './state-message.js';
 class DSRCheckboxWrapper extends Component {
     render() {
         var _a;
-        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; });
-        const defaultChildren = children.filter((child) => { var _a; return !((_a = child.props) === null || _a === void 0 ? void 0 : _a.slot); });
-        const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$L(this.props.hideLabel, this.props.state, (_a = defaultChildren[0]) === null || _a === void 0 ? void 0 : _a.props.disabled)));
-        return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs(Fragment, { children: [jsxs("label", { children: [(this.props.label || namedSlottedChildren.filter(({ props: { slot } }) => slot === 'label').length > 0) && (jsx("span", { className: "label", children: this.props.label || jsx("slot", { name: "label" }) })), jsx("slot", {})] }), (this.props.message || namedSlottedChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state) && (jsx(StateMessage, { state: this.props.state, message: this.props.message, host: null }))] })] }), this.props.children] }));
+        const { children, namedSlotChildren, otherChildren } = splitChildren(this.props.children);
+        const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$L(this.props.hideLabel, this.props.state, typeof otherChildren[0] === 'object' && 'props' in otherChildren[0] && ((_a = otherChildren[0]) === null || _a === void 0 ? void 0 : _a.props.disabled))));
+        return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs(Fragment, { children: [jsxs("label", { children: [(this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0) && (jsx("span", { className: "label", children: this.props.label || jsx("slot", { name: "label" }) })), jsx("slot", {})] }), (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state) && (jsx(StateMessage, { state: this.props.state, message: this.props.message, host: null }))] })] }), this.props.children] }));
     }
 }
 

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

@@ -1,4 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { splitChildren } from '../../splitChildren.js';
 import { Component } from 'react';
 import { minifyCss } from '../../minifyCss.js';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.js';
@@ -6,13 +7,7 @@ import { getContentWrapperCss as getComponentCss$K } from '../../../../../../com
 
 class DSRContentWrapper extends 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(this.props.children);
         const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$K(this.props.width, this.props.backgroundColor, this.props.theme)));
         return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsx("div", { className: "root", children: jsx("slot", {}) })] }), this.props.children] }));
     }

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

@@ -1,4 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { splitChildren } from '../../splitChildren.js';
 import { Component } from 'react';
 import { minifyCss } from '../../minifyCss.js';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.js';
@@ -8,17 +9,11 @@ import { Required } from './required.js';
 
 class DSRFieldsetWrapper extends 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(this.props.children);
         const messageId = 'message';
-        const hasMessageValue = (this.props.message || namedSlottedChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state);
-        const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$I(this.props.state, this.props.labelSize, (this.props.label || namedSlottedChildren.filter(({ props: { slot } }) => slot === 'label').length > 0))));
-        return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs("fieldset", { "aria-describedby": hasMessageValue ? messageId : null, children: [(this.props.label || namedSlottedChildren.filter(({ props: { slot } }) => slot === 'label').length > 0) && (jsxs("legend", { children: [this.props.label || jsx("slot", { name: "label" }), this.props.required && jsx(Required, {})] })), jsx("slot", {}), hasMessageValue && jsx(StateMessage, { id: messageId, state: this.props.state, message: this.props.message, host: null })] })] }), this.props.children] }));
+        const hasMessageValue = (this.props.message || namedSlotChildren.filter(({ props: { slot } }) => slot === 'message').length > 0) && ['success', 'error'].includes(this.props.state);
+        const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$I(this.props.state, this.props.labelSize, (this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0))));
+        return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs("fieldset", { "aria-describedby": hasMessageValue ? messageId : null, children: [(this.props.label || namedSlotChildren.filter(({ props: { slot } }) => slot === 'label').length > 0) && (jsxs("legend", { children: [this.props.label || jsx("slot", { name: "label" }), this.props.required && jsx(Required, {})] })), jsx("slot", {}), hasMessageValue && jsx(StateMessage, { id: messageId, state: this.props.state, message: this.props.message, host: null })] })] }), this.props.children] }));
     }
 }
 

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

@@ -1,4 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { splitChildren } from '../../splitChildren.js';
 import { Component } from 'react';
 import { minifyCss } from '../../minifyCss.js';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.js';
@@ -6,13 +7,7 @@ import { getFlexItemCss as getComponentCss$H } from '../../../../../../component
 
 class DSRFlexItem extends 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(this.props.children);
         const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$H(this.props.width, this.props.offset, this.props.alignSelf, this.props.grow, this.props.shrink, this.props.flex)));
         return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsx("slot", {})] }), this.props.children] }));
     }

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

@@ -1,4 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { splitChildren } from '../../splitChildren.js';
 import { Component } from 'react';
 import { minifyCss } from '../../minifyCss.js';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.js';
@@ -6,13 +7,7 @@ import { getFlexCss as getComponentCss$G } from '../../../../../../components/di
 
 class DSRFlex extends 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(this.props.children);
         const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$G(this.props.inline, this.props.wrap, this.props.direction, this.props.justifyContent, this.props.alignItems, this.props.alignContent)));
         return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsx("slot", {})] }), this.props.children] }));
     }

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

@@ -1,4 +1,5 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+import { splitChildren } from '../../splitChildren.js';
 import { Component } from 'react';
 import { minifyCss } from '../../minifyCss.js';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.js';
@@ -6,13 +7,7 @@ import { getGridItemCss as getComponentCss$F } from '../../../../../../component
 
 class DSRGridItem extends 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(this.props.children);
         const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$F(this.props.size, this.props.offset, this.props.gutter || { base: 16, s: 24, m: 36 } // default as fallback
         )));
         return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsx("slot", {})] }), this.props.children] }));