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

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

@@ -1,83 +1,13 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { Component, createElement } from 'react';
-import '../components/accordion.wrapper.mjs';
-import '../components/banner.wrapper.mjs';
-import { PButton } from '../components/button.wrapper.mjs';
-import '../components/button-group.wrapper.mjs';
-import { PButtonPure } from '../components/button-pure.wrapper.mjs';
-import '../components/button-tile.wrapper.mjs';
-import '../components/canvas.wrapper.mjs';
-import '../components/carousel.wrapper.mjs';
-import '../components/checkbox.wrapper.mjs';
-import '../components/checkbox-wrapper.wrapper.mjs';
-import '../components/content-wrapper.wrapper.mjs';
-import '../components/crest.wrapper.mjs';
-import '../components/display.wrapper.mjs';
-import '../components/divider.wrapper.mjs';
-import '../components/fieldset.wrapper.mjs';
-import '../components/fieldset-wrapper.wrapper.mjs';
-import '../components/flex.wrapper.mjs';
-import '../components/flex-item.wrapper.mjs';
-import '../components/flyout.wrapper.mjs';
-import '../components/flyout-multilevel.wrapper.mjs';
-import '../components/flyout-multilevel-item.wrapper.mjs';
-import '../components/grid.wrapper.mjs';
-import '../components/grid-item.wrapper.mjs';
-import '../components/heading.wrapper.mjs';
-import '../components/headline.wrapper.mjs';
-import '../components/icon.wrapper.mjs';
-import '../components/inline-notification.wrapper.mjs';
-import '../components/link.wrapper.mjs';
-import '../components/link-pure.wrapper.mjs';
-import '../components/link-social.wrapper.mjs';
-import '../components/link-tile.wrapper.mjs';
-import '../components/link-tile-model-signature.wrapper.mjs';
-import '../components/link-tile-product.wrapper.mjs';
-import '../components/marque.wrapper.mjs';
-import '../components/modal.wrapper.mjs';
-import '../components/model-signature.wrapper.mjs';
-import '../components/multi-select.wrapper.mjs';
-import '../components/multi-select-option.wrapper.mjs';
-import '../components/optgroup.wrapper.mjs';
-import '../components/pagination.wrapper.mjs';
-import '../components/pin-code.wrapper.mjs';
-import '../components/popover.wrapper.mjs';
-import '../components/radio-button-wrapper.wrapper.mjs';
-import '../components/scroller.wrapper.mjs';
-import '../components/segmented-control.wrapper.mjs';
-import '../components/segmented-control-item.wrapper.mjs';
-import '../components/select.wrapper.mjs';
-import '../components/select-option.wrapper.mjs';
-import '../components/select-wrapper.wrapper.mjs';
-import '../components/spinner.wrapper.mjs';
-import '../components/stepper-horizontal.wrapper.mjs';
-import '../components/stepper-horizontal-item.wrapper.mjs';
-import '../components/switch.wrapper.mjs';
-import '../components/table.wrapper.mjs';
-import '../components/table-body.wrapper.mjs';
-import '../components/table-cell.wrapper.mjs';
-import '../components/table-head.wrapper.mjs';
-import '../components/table-head-cell.wrapper.mjs';
-import '../components/table-head-row.wrapper.mjs';
-import '../components/table-row.wrapper.mjs';
-import '../components/tabs.wrapper.mjs';
-import '../components/tabs-bar.wrapper.mjs';
-import '../components/tabs-item.wrapper.mjs';
-import '../components/tag.wrapper.mjs';
-import '../components/tag-dismissible.wrapper.mjs';
-import '../components/text.wrapper.mjs';
-import '../components/text-field-wrapper.wrapper.mjs';
-import '../components/text-list.wrapper.mjs';
-import '../components/text-list-item.wrapper.mjs';
-import '../components/textarea.wrapper.mjs';
-import '../components/textarea-wrapper.wrapper.mjs';
-import '../components/toast.wrapper.mjs';
-import '../components/wordmark.wrapper.mjs';
+import '../../provider.mjs';
 import { splitChildren } from '../../splitChildren.mjs';
 import { minifyCss } from '../../minifyCss.mjs';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.mjs';
 import { getButtonTileCss as getComponentCss$15 } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
 import { isDisabledOrLoading } from '../../../../../../components/dist/utils/esm/utils-entry.mjs';
+import { PButton } from '../components/button.wrapper.mjs';
+import { PButtonPure } from '../components/button-pure.wrapper.mjs';
 
 /**
  * @slot {"name": "header", "description": "Renders a header section above the content area." }

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

@@ -1,84 +1,14 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '../components/accordion.wrapper.mjs';
-import '../components/banner.wrapper.mjs';
-import '../components/button.wrapper.mjs';
-import '../components/button-group.wrapper.mjs';
-import '../components/button-pure.wrapper.mjs';
-import '../components/button-tile.wrapper.mjs';
-import '../components/canvas.wrapper.mjs';
-import '../components/carousel.wrapper.mjs';
-import '../components/checkbox.wrapper.mjs';
-import '../components/checkbox-wrapper.wrapper.mjs';
-import '../components/content-wrapper.wrapper.mjs';
-import '../components/crest.wrapper.mjs';
-import '../components/display.wrapper.mjs';
-import '../components/divider.wrapper.mjs';
-import '../components/fieldset.wrapper.mjs';
-import '../components/fieldset-wrapper.wrapper.mjs';
-import '../components/flex.wrapper.mjs';
-import '../components/flex-item.wrapper.mjs';
-import '../components/flyout.wrapper.mjs';
-import '../components/flyout-multilevel.wrapper.mjs';
-import '../components/flyout-multilevel-item.wrapper.mjs';
-import '../components/grid.wrapper.mjs';
-import '../components/grid-item.wrapper.mjs';
-import '../components/heading.wrapper.mjs';
-import '../components/headline.wrapper.mjs';
-import { PIcon } from '../components/icon.wrapper.mjs';
-import '../components/inline-notification.wrapper.mjs';
-import '../components/link.wrapper.mjs';
-import '../components/link-pure.wrapper.mjs';
-import '../components/link-social.wrapper.mjs';
-import '../components/link-tile.wrapper.mjs';
-import '../components/link-tile-model-signature.wrapper.mjs';
-import '../components/link-tile-product.wrapper.mjs';
-import '../components/marque.wrapper.mjs';
-import '../components/modal.wrapper.mjs';
-import '../components/model-signature.wrapper.mjs';
-import '../components/multi-select.wrapper.mjs';
-import '../components/multi-select-option.wrapper.mjs';
-import '../components/optgroup.wrapper.mjs';
-import '../components/pagination.wrapper.mjs';
-import '../components/pin-code.wrapper.mjs';
-import '../components/popover.wrapper.mjs';
-import '../components/radio-button-wrapper.wrapper.mjs';
-import '../components/scroller.wrapper.mjs';
-import '../components/segmented-control.wrapper.mjs';
-import '../components/segmented-control-item.wrapper.mjs';
-import '../components/select.wrapper.mjs';
-import '../components/select-option.wrapper.mjs';
-import '../components/select-wrapper.wrapper.mjs';
-import { PSpinner } from '../components/spinner.wrapper.mjs';
-import '../components/stepper-horizontal.wrapper.mjs';
-import '../components/stepper-horizontal-item.wrapper.mjs';
-import '../components/switch.wrapper.mjs';
-import '../components/table.wrapper.mjs';
-import '../components/table-body.wrapper.mjs';
-import '../components/table-cell.wrapper.mjs';
-import '../components/table-head.wrapper.mjs';
-import '../components/table-head-cell.wrapper.mjs';
-import '../components/table-head-row.wrapper.mjs';
-import '../components/table-row.wrapper.mjs';
-import '../components/tabs.wrapper.mjs';
-import '../components/tabs-bar.wrapper.mjs';
-import '../components/tabs-item.wrapper.mjs';
-import '../components/tag.wrapper.mjs';
-import '../components/tag-dismissible.wrapper.mjs';
-import '../components/text.wrapper.mjs';
-import '../components/text-field-wrapper.wrapper.mjs';
-import '../components/text-list.wrapper.mjs';
-import '../components/text-list-item.wrapper.mjs';
-import '../components/textarea.wrapper.mjs';
-import '../components/textarea-wrapper.wrapper.mjs';
-import '../components/toast.wrapper.mjs';
-import '../components/wordmark.wrapper.mjs';
-import { splitChildren } from '../../splitChildren.mjs';
 import { Component } from 'react';
+import '../../provider.mjs';
+import { splitChildren } from '../../splitChildren.mjs';
 import { minifyCss } from '../../minifyCss.mjs';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.mjs';
 import { getButtonCss as getComponentCss$14 } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
 import { getButtonAriaAttributes, hasVisibleIcon } from '../../../../../../components/dist/utils/esm/utils-entry.mjs';
 import { loadingId, LoadingMessage } from './loading-message.mjs';
+import { PIcon } from '../components/icon.wrapper.mjs';
+import { PSpinner } from '../components/spinner.wrapper.mjs';
 
 /**
  * @slot {"name": "", "description": "Default slot for the button label." }

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/canvas.mjs

@@ -1,86 +1,18 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '../components/accordion.wrapper.mjs';
-import '../components/banner.wrapper.mjs';
-import { PButton } from '../components/button.wrapper.mjs';
-import '../components/button-group.wrapper.mjs';
-import '../components/button-pure.wrapper.mjs';
-import '../components/button-tile.wrapper.mjs';
-import '../components/canvas.wrapper.mjs';
-import '../components/carousel.wrapper.mjs';
-import '../components/checkbox.wrapper.mjs';
-import '../components/checkbox-wrapper.wrapper.mjs';
-import '../components/content-wrapper.wrapper.mjs';
-import { PCrest } from '../components/crest.wrapper.mjs';
-import '../components/display.wrapper.mjs';
-import '../components/divider.wrapper.mjs';
-import '../components/fieldset.wrapper.mjs';
-import '../components/fieldset-wrapper.wrapper.mjs';
-import '../components/flex.wrapper.mjs';
-import '../components/flex-item.wrapper.mjs';
-import { PFlyout } from '../components/flyout.wrapper.mjs';
-import '../components/flyout-multilevel.wrapper.mjs';
-import '../components/flyout-multilevel-item.wrapper.mjs';
-import '../components/grid.wrapper.mjs';
-import '../components/grid-item.wrapper.mjs';
-import '../components/heading.wrapper.mjs';
-import '../components/headline.wrapper.mjs';
-import '../components/icon.wrapper.mjs';
-import '../components/inline-notification.wrapper.mjs';
-import '../components/link.wrapper.mjs';
-import '../components/link-pure.wrapper.mjs';
-import '../components/link-social.wrapper.mjs';
-import '../components/link-tile.wrapper.mjs';
-import '../components/link-tile-model-signature.wrapper.mjs';
-import '../components/link-tile-product.wrapper.mjs';
-import '../components/marque.wrapper.mjs';
-import '../components/modal.wrapper.mjs';
-import '../components/model-signature.wrapper.mjs';
-import '../components/multi-select.wrapper.mjs';
-import '../components/multi-select-option.wrapper.mjs';
-import '../components/optgroup.wrapper.mjs';
-import '../components/pagination.wrapper.mjs';
-import '../components/pin-code.wrapper.mjs';
-import '../components/popover.wrapper.mjs';
-import '../components/radio-button-wrapper.wrapper.mjs';
-import '../components/scroller.wrapper.mjs';
-import '../components/segmented-control.wrapper.mjs';
-import '../components/segmented-control-item.wrapper.mjs';
-import '../components/select.wrapper.mjs';
-import '../components/select-option.wrapper.mjs';
-import '../components/select-wrapper.wrapper.mjs';
-import '../components/spinner.wrapper.mjs';
-import '../components/stepper-horizontal.wrapper.mjs';
-import '../components/stepper-horizontal-item.wrapper.mjs';
-import '../components/switch.wrapper.mjs';
-import '../components/table.wrapper.mjs';
-import '../components/table-body.wrapper.mjs';
-import '../components/table-cell.wrapper.mjs';
-import '../components/table-head.wrapper.mjs';
-import '../components/table-head-cell.wrapper.mjs';
-import '../components/table-head-row.wrapper.mjs';
-import '../components/table-row.wrapper.mjs';
-import '../components/tabs.wrapper.mjs';
-import '../components/tabs-bar.wrapper.mjs';
-import '../components/tabs-item.wrapper.mjs';
-import '../components/tag.wrapper.mjs';
-import '../components/tag-dismissible.wrapper.mjs';
-import '../components/text.wrapper.mjs';
-import '../components/text-field-wrapper.wrapper.mjs';
-import '../components/text-list.wrapper.mjs';
-import '../components/text-list-item.wrapper.mjs';
-import '../components/textarea.wrapper.mjs';
-import '../components/textarea-wrapper.wrapper.mjs';
-import '../components/toast.wrapper.mjs';
-import { PWordmark } from '../components/wordmark.wrapper.mjs';
-import { splitChildren } from '../../splitChildren.mjs';
 import { Component } from 'react';
+import '../../provider.mjs';
+import { splitChildren } from '../../splitChildren.mjs';
 import { minifyCss } from '../../minifyCss.mjs';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.mjs';
 import { getCanvasCss as getComponentCss$13 } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
+import { PButton } from '../components/button.wrapper.mjs';
+import { PCrest } from '../components/crest.wrapper.mjs';
+import { PFlyout } from '../components/flyout.wrapper.mjs';
+import { PWordmark } from '../components/wordmark.wrapper.mjs';
 
 /**
- * @slot {"name": "title", "description": "Renders the application name in the header section. In case **sidebar-start slot** is present it will be rendered in the corresponding flyout on mobile view." }
- * @slot {"name": "header-start", "description": "Renders a **sticky** header section above the content area on the **start** side (**left** in **LTR** mode / **right** in **RTL** mode). On desktop view, in case **sidebar-start slot** is present and opened it will be rendered within." }
+ * @slot {"name": "title", "description": "Renders the application name in the header section of the sidebar start area." }
+ * @slot {"name": "header-start", "description": "Renders a **sticky** header section above the content area on the **start** side (**left** in **LTR** mode / **right** in **RTL** mode)." }
  * @slot {"name": "header-end", "description": "Renders a **sticky** header section above the content area on the **end** side (**right** in **LTR** mode / **left** in **RTL** mode)." }
  * @slot {"name": "", "description": "Default slot for the main content." }
  * @slot {"name": "footer", "description": "Renders a **sticky** footer section underneath the main content." }
@@ -95,31 +27,25 @@ class DSRCanvas extends Component {
     isMediaQueryS = false;
     isMediaQueryM = false;
     hasTitle;
-    hasHeaderStart;
-    hasHeaderEnd;
-    hasSidebarStart;
     hasSidebarEnd;
     hasFooter;
     hasBackground;
     render() {
         const { children, namedSlotChildren, otherChildren } = splitChildren(this.props.children);
         const hasTitle = namedSlotChildren.filter(({ props: { slot } }) => slot === 'title').length > 0;
-        const hasHeaderStart = namedSlotChildren.filter(({ props: { slot } }) => slot === 'header-start').length > 0;
-        const hasHeaderEnd = namedSlotChildren.filter(({ props: { slot } }) => slot === 'header-end').length > 0;
-        const hasSidebarStart = namedSlotChildren.filter(({ props: { slot } }) => slot === 'sidebar-start').length > 0;
         const hasSidebarEnd = namedSlotChildren.filter(({ props: { slot } }) => slot === 'sidebar-end').length > 0;
         const hasFooter = namedSlotChildren.filter(({ props: { slot } }) => slot === 'footer').length > 0;
         const hasBackground = namedSlotChildren.filter(({ props: { slot } }) => slot === 'background').length > 0;
         const style = minifyCss(stripFocusAndHoverStyles(getComponentCss$13(this.props.theme, this.props.sidebarStartOpen, this.props.sidebarEndOpen)));
-        return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs(Fragment, { children: [jsxs("div", { className: "canvas", children: [jsxs("header", { children: [jsxs("div", { className: "blur-layers", children: [jsx("div", {}), jsx("div", {}), jsx("div", {}), jsx("div", {}), jsx("div", {}), jsx("div", {})] }), jsxs("div", { className: "header", children: [hasSidebarStart && !this.props.sidebarStartOpen && (jsxs(PButton, { theme: this.props.theme, icon: this.props.sidebarStartIcon, variant: "ghost", compact: true, "hide-label": "true", aria: { 'aria-expanded': this.props.sidebarStartOpen }, children: [this.props.sidebarStartOpen ? 'Close' : 'Open', " navigation sidebar"] })), hasHeaderStart && ((hasSidebarStart && !this.props.sidebarStartOpen) || !hasSidebarStart) && (jsx("slot", { name: "header-start" })), hasTitle && ((hasSidebarStart && this.props.isMediaQueryS) || !hasSidebarStart) && (jsx("h2", { children: jsx("slot", { name: "title" }) }))] }), jsx(PCrest, { className: "crest" }), jsx(PWordmark, { className: "wordmark", size: "inherit", theme: this.props.theme }), jsxs("div", { className: "header", children: [hasHeaderEnd && jsx("slot", { name: "header-end" }), hasSidebarEnd && (jsxs(PButton, { theme: this.props.theme, icon: this.props.sidebarEndIcon, variant: "ghost", compact: true, "hide-label": "true", aria: { 'aria-expanded': this.props.sidebarEndOpen }, children: [this.props.sidebarEndOpen ? 'Close' : 'Open', " settings sidebar"] }))] })] }), jsx("main", { children: jsx("slot", {}) }), hasFooter && (jsx("footer", { children: jsx("slot", { name: "footer" }) })), hasSidebarStart && this.props.isMediaQueryS && (jsx("aside", { className: "sidebar-start", 
+        return (jsxs(Fragment, { children: [jsxs("template", { shadowroot: "open", shadowrootmode: "open", children: [jsx("style", { dangerouslySetInnerHTML: { __html: style } }), jsxs(Fragment, { children: [jsxs("div", { className: "root", children: [jsxs("header", { className: "header", children: [jsxs("div", { className: "blur", children: [jsx("div", {}), jsx("div", {}), jsx("div", {}), jsx("div", {}), jsx("div", {}), jsx("div", {}), jsx("div", {}), jsx("div", {})] }), jsxs("div", { className: "header__area header__area--start", children: [!this.props.sidebarStartOpen && (jsxs(PButton, { theme: this.props.theme, icon: "sidebar", variant: "ghost", compact: true, "hide-label": "true", aria: { 'aria-expanded': this.props.sidebarStartOpen }, children: [this.props.sidebarStartOpen ? 'Close' : 'Open', " navigation sidebar"] })), jsx("slot", { name: "header-start" })] }), jsx(PCrest, { className: "header__crest" }), jsx(PWordmark, { className: "header__wordmark", size: "inherit", theme: this.props.theme }), jsx("div", { className: "header__area header__area--end", children: jsx("slot", { name: "header-end" }) })] }), jsx("main", { className: "main", children: jsx("slot", {}) }), hasFooter && (jsx("footer", { className: "footer", children: jsx("slot", { name: "footer" }) })), this.props.isMediaQueryS && (jsx("aside", { className: "sidebar sidebar--start", 
                                             // "inert" will be known from React 19 onwards, see https://github.com/facebook/react/pull/24730
                                             // eslint-disable-next-line
                                             /* @ts-ignore */
-                                            inert: this.props.sidebarStartOpen ? null : true, "aria-label": `Navigation sidebar ${this.props.sidebarStartOpen ? 'open' : 'closed'}`, children: jsxs("div", { className: "scroller", children: [jsxs("div", { className: "sidebar-header", children: [jsxs(PButton, { theme: this.props.theme, icon: this.props.sidebarStartIcon, variant: "ghost", compact: true, "hide-label": "true", aria: { 'aria-expanded': this.props.sidebarStartOpen }, children: [this.props.sidebarStartOpen ? 'Close' : 'Open', " navigation sidebar"] }), hasHeaderStart && jsx("slot", { name: "header-start" })] }), jsx("slot", { name: "sidebar-start" })] }) })), hasSidebarEnd && this.props.isMediaQueryM && (jsx("aside", { className: "sidebar-end", 
+                                            inert: this.props.sidebarStartOpen ? null : true, "aria-label": `Navigation sidebar ${this.props.sidebarStartOpen ? 'open' : 'closed'}`, children: jsxs("div", { className: "sidebar__scroller", children: [jsxs("header", { className: "sidebar__header sidebar__header--start", children: [jsxs(PButton, { theme: this.props.theme, icon: "sidebar", variant: "ghost", compact: true, "hide-label": "true", aria: { 'aria-expanded': this.props.sidebarStartOpen }, children: [this.props.sidebarStartOpen ? 'Close' : 'Open', " navigation sidebar"] }), jsx("h2", { children: jsx("slot", { name: "title" }) })] }), jsx("div", { className: "sidebar__content", children: jsx("slot", { name: "sidebar-start" }) })] }) })), hasSidebarEnd && this.props.isMediaQueryM && (jsx("aside", { className: "sidebar sidebar--end", 
                                             // "inert" will be known from React 19 onwards, see https://github.com/facebook/react/pull/24730
                                             // eslint-disable-next-line
                                             /* @ts-ignore */
-                                            inert: this.props.sidebarEndOpen ? null : true, "aria-label": `Settings sidebar ${this.props.sidebarEndOpen ? 'open' : 'closed'}`, children: jsxs("div", { className: "scroller", children: [jsx("div", { className: "sidebar-header", children: jsxs(PButton, { theme: this.props.theme, icon: "close", variant: "ghost", compact: true, "hide-label": "true", aria: { 'aria-expanded': this.props.sidebarEndOpen }, children: [this.props.sidebarStartOpen ? 'Close' : 'Open', " navigation sidebar"] }) }), jsx("slot", { name: "sidebar-end" })] }) })), hasBackground && jsx("slot", { name: "background" })] }), hasSidebarStart && !this.props.isMediaQueryS && (jsxs(PFlyout, { className: "flyout-start", theme: this.props.theme, open: this.props.sidebarStartOpen, position: "start", children: [hasTitle && (jsx("h2", { slot: "header", children: jsx("slot", { name: "title" }) })), jsx("slot", { name: "sidebar-start" })] })), hasSidebarEnd && !this.props.isMediaQueryM && (jsx(PFlyout, { className: "flyout-end", theme: this.props.theme, open: this.props.sidebarEndOpen, position: "end", children: jsx("slot", { name: "sidebar-end" }) }))] })] }), this.props.children] }));
+                                            inert: this.props.sidebarEndOpen ? null : true, "aria-label": `Settings sidebar ${this.props.sidebarEndOpen ? 'open' : 'closed'}`, children: jsxs("div", { className: "sidebar__scroller", children: [jsx("header", { className: "sidebar__header sidebar__header--end", children: jsxs(PButton, { theme: this.props.theme, icon: "close", variant: "ghost", compact: true, "hide-label": "true", aria: { 'aria-expanded': this.props.sidebarEndOpen }, children: [this.props.sidebarStartOpen ? 'Close' : 'Open', " navigation sidebar"] }) }), jsx("div", { className: "sidebar__content", children: jsx("slot", { name: "sidebar-end" }) })] }) })), hasBackground && jsx("slot", { name: "background" })] }), !this.props.isMediaQueryS && (jsxs(PFlyout, { className: "flyout-start", theme: this.props.theme, open: this.props.sidebarStartOpen, position: "start", children: [hasTitle && (jsx("h2", { slot: "header", children: jsx("slot", { name: "title" }) })), jsx("slot", { name: "sidebar-start" })] })), hasSidebarEnd && !this.props.isMediaQueryM && (jsx(PFlyout, { className: "flyout-end", theme: this.props.theme, open: this.props.sidebarEndOpen, position: "end", children: jsx("slot", { name: "sidebar-end" }) }))] })] }), this.props.children] }));
     }
 }
 

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

@@ -1,83 +1,13 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '../components/accordion.wrapper.mjs';
-import '../components/banner.wrapper.mjs';
-import '../components/button.wrapper.mjs';
-import '../components/button-group.wrapper.mjs';
-import { PButtonPure } from '../components/button-pure.wrapper.mjs';
-import '../components/button-tile.wrapper.mjs';
-import '../components/canvas.wrapper.mjs';
-import '../components/carousel.wrapper.mjs';
-import '../components/checkbox.wrapper.mjs';
-import '../components/checkbox-wrapper.wrapper.mjs';
-import '../components/content-wrapper.wrapper.mjs';
-import '../components/crest.wrapper.mjs';
-import '../components/display.wrapper.mjs';
-import '../components/divider.wrapper.mjs';
-import '../components/fieldset.wrapper.mjs';
-import '../components/fieldset-wrapper.wrapper.mjs';
-import '../components/flex.wrapper.mjs';
-import '../components/flex-item.wrapper.mjs';
-import '../components/flyout.wrapper.mjs';
-import '../components/flyout-multilevel.wrapper.mjs';
-import '../components/flyout-multilevel-item.wrapper.mjs';
-import '../components/grid.wrapper.mjs';
-import '../components/grid-item.wrapper.mjs';
-import '../components/heading.wrapper.mjs';
-import '../components/headline.wrapper.mjs';
-import '../components/icon.wrapper.mjs';
-import '../components/inline-notification.wrapper.mjs';
-import '../components/link.wrapper.mjs';
-import { PLinkPure } from '../components/link-pure.wrapper.mjs';
-import '../components/link-social.wrapper.mjs';
-import '../components/link-tile.wrapper.mjs';
-import '../components/link-tile-model-signature.wrapper.mjs';
-import '../components/link-tile-product.wrapper.mjs';
-import '../components/marque.wrapper.mjs';
-import '../components/modal.wrapper.mjs';
-import '../components/model-signature.wrapper.mjs';
-import '../components/multi-select.wrapper.mjs';
-import '../components/multi-select-option.wrapper.mjs';
-import '../components/optgroup.wrapper.mjs';
-import '../components/pagination.wrapper.mjs';
-import '../components/pin-code.wrapper.mjs';
-import '../components/popover.wrapper.mjs';
-import '../components/radio-button-wrapper.wrapper.mjs';
-import '../components/scroller.wrapper.mjs';
-import '../components/segmented-control.wrapper.mjs';
-import '../components/segmented-control-item.wrapper.mjs';
-import '../components/select.wrapper.mjs';
-import '../components/select-option.wrapper.mjs';
-import '../components/select-wrapper.wrapper.mjs';
-import '../components/spinner.wrapper.mjs';
-import '../components/stepper-horizontal.wrapper.mjs';
-import '../components/stepper-horizontal-item.wrapper.mjs';
-import '../components/switch.wrapper.mjs';
-import '../components/table.wrapper.mjs';
-import '../components/table-body.wrapper.mjs';
-import '../components/table-cell.wrapper.mjs';
-import '../components/table-head.wrapper.mjs';
-import '../components/table-head-cell.wrapper.mjs';
-import '../components/table-head-row.wrapper.mjs';
-import '../components/table-row.wrapper.mjs';
-import '../components/tabs.wrapper.mjs';
-import '../components/tabs-bar.wrapper.mjs';
-import '../components/tabs-item.wrapper.mjs';
-import '../components/tag.wrapper.mjs';
-import '../components/tag-dismissible.wrapper.mjs';
-import '../components/text.wrapper.mjs';
-import '../components/text-field-wrapper.wrapper.mjs';
-import '../components/text-list.wrapper.mjs';
-import '../components/text-list-item.wrapper.mjs';
-import '../components/textarea.wrapper.mjs';
-import '../components/textarea-wrapper.wrapper.mjs';
-import '../components/toast.wrapper.mjs';
-import '../components/wordmark.wrapper.mjs';
-import { splitChildren } from '../../splitChildren.mjs';
 import { Component } from 'react';
+import '../../provider.mjs';
+import { splitChildren } from '../../splitChildren.mjs';
 import { minifyCss } from '../../minifyCss.mjs';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.mjs';
 import { getCarouselCss as getComponentCss$12 } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
 import { isInfinitePagination, parseAndGetAriaAttributes } from '../../../../../../components/dist/utils/esm/utils-entry.mjs';
+import { PButtonPure } from '../components/button-pure.wrapper.mjs';
+import { PLinkPure } from '../components/link-pure.wrapper.mjs';
 
 /**
  * @slot {"name": "heading", "description": "Renders a heading above the carousel." }

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

@@ -1,85 +1,14 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '../components/accordion.wrapper.mjs';
-import '../components/banner.wrapper.mjs';
-import '../components/button.wrapper.mjs';
-import '../components/button-group.wrapper.mjs';
-import '../components/button-pure.wrapper.mjs';
-import '../components/button-tile.wrapper.mjs';
-import '../components/canvas.wrapper.mjs';
-import '../components/carousel.wrapper.mjs';
-import '../components/checkbox.wrapper.mjs';
-import '../components/checkbox-wrapper.wrapper.mjs';
-import '../components/content-wrapper.wrapper.mjs';
-import '../components/crest.wrapper.mjs';
-import '../components/display.wrapper.mjs';
-import '../components/divider.wrapper.mjs';
-import '../components/fieldset.wrapper.mjs';
-import '../components/fieldset-wrapper.wrapper.mjs';
-import '../components/flex.wrapper.mjs';
-import '../components/flex-item.wrapper.mjs';
-import '../components/flyout.wrapper.mjs';
-import '../components/flyout-multilevel.wrapper.mjs';
-import '../components/flyout-multilevel-item.wrapper.mjs';
-import '../components/grid.wrapper.mjs';
-import '../components/grid-item.wrapper.mjs';
-import '../components/heading.wrapper.mjs';
-import '../components/headline.wrapper.mjs';
-import '../components/icon.wrapper.mjs';
-import '../components/inline-notification.wrapper.mjs';
-import '../components/link.wrapper.mjs';
-import '../components/link-pure.wrapper.mjs';
-import '../components/link-social.wrapper.mjs';
-import '../components/link-tile.wrapper.mjs';
-import '../components/link-tile-model-signature.wrapper.mjs';
-import '../components/link-tile-product.wrapper.mjs';
-import '../components/marque.wrapper.mjs';
-import '../components/modal.wrapper.mjs';
-import '../components/model-signature.wrapper.mjs';
-import '../components/multi-select.wrapper.mjs';
-import '../components/multi-select-option.wrapper.mjs';
-import '../components/optgroup.wrapper.mjs';
-import '../components/pagination.wrapper.mjs';
-import '../components/pin-code.wrapper.mjs';
-import '../components/popover.wrapper.mjs';
-import '../components/radio-button-wrapper.wrapper.mjs';
-import '../components/scroller.wrapper.mjs';
-import '../components/segmented-control.wrapper.mjs';
-import '../components/segmented-control-item.wrapper.mjs';
-import '../components/select.wrapper.mjs';
-import '../components/select-option.wrapper.mjs';
-import '../components/select-wrapper.wrapper.mjs';
-import { PSpinner } from '../components/spinner.wrapper.mjs';
-import '../components/stepper-horizontal.wrapper.mjs';
-import '../components/stepper-horizontal-item.wrapper.mjs';
-import '../components/switch.wrapper.mjs';
-import '../components/table.wrapper.mjs';
-import '../components/table-body.wrapper.mjs';
-import '../components/table-cell.wrapper.mjs';
-import '../components/table-head.wrapper.mjs';
-import '../components/table-head-cell.wrapper.mjs';
-import '../components/table-head-row.wrapper.mjs';
-import '../components/table-row.wrapper.mjs';
-import '../components/tabs.wrapper.mjs';
-import '../components/tabs-bar.wrapper.mjs';
-import '../components/tabs-item.wrapper.mjs';
-import '../components/tag.wrapper.mjs';
-import '../components/tag-dismissible.wrapper.mjs';
-import '../components/text.wrapper.mjs';
-import '../components/text-field-wrapper.wrapper.mjs';
-import '../components/text-list.wrapper.mjs';
-import '../components/text-list-item.wrapper.mjs';
-import '../components/textarea.wrapper.mjs';
-import '../components/textarea-wrapper.wrapper.mjs';
-import '../components/toast.wrapper.mjs';
-import '../components/wordmark.wrapper.mjs';
-import { splitChildren } from '../../splitChildren.mjs';
 import { Component } from 'react';
+import '../../provider.mjs';
+import { splitChildren } from '../../splitChildren.mjs';
 import { minifyCss } from '../../minifyCss.mjs';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.mjs';
 import { getCheckboxWrapperCss as getComponentCss$11 } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
+import { LoadingMessage } from './loading-message.mjs';
 import { StateMessage } from './state-message.mjs';
 import { Label } from './label.mjs';
-import { LoadingMessage } from './loading-message.mjs';
+import { PSpinner } from '../components/spinner.wrapper.mjs';
 
 /**
  * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }

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

@@ -1,85 +1,14 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import '../components/accordion.wrapper.mjs';
-import '../components/banner.wrapper.mjs';
-import '../components/button.wrapper.mjs';
-import '../components/button-group.wrapper.mjs';
-import '../components/button-pure.wrapper.mjs';
-import '../components/button-tile.wrapper.mjs';
-import '../components/canvas.wrapper.mjs';
-import '../components/carousel.wrapper.mjs';
-import '../components/checkbox.wrapper.mjs';
-import '../components/checkbox-wrapper.wrapper.mjs';
-import '../components/content-wrapper.wrapper.mjs';
-import '../components/crest.wrapper.mjs';
-import '../components/display.wrapper.mjs';
-import '../components/divider.wrapper.mjs';
-import '../components/fieldset.wrapper.mjs';
-import '../components/fieldset-wrapper.wrapper.mjs';
-import '../components/flex.wrapper.mjs';
-import '../components/flex-item.wrapper.mjs';
-import '../components/flyout.wrapper.mjs';
-import '../components/flyout-multilevel.wrapper.mjs';
-import '../components/flyout-multilevel-item.wrapper.mjs';
-import '../components/grid.wrapper.mjs';
-import '../components/grid-item.wrapper.mjs';
-import '../components/heading.wrapper.mjs';
-import '../components/headline.wrapper.mjs';
-import '../components/icon.wrapper.mjs';
-import '../components/inline-notification.wrapper.mjs';
-import '../components/link.wrapper.mjs';
-import '../components/link-pure.wrapper.mjs';
-import '../components/link-social.wrapper.mjs';
-import '../components/link-tile.wrapper.mjs';
-import '../components/link-tile-model-signature.wrapper.mjs';
-import '../components/link-tile-product.wrapper.mjs';
-import '../components/marque.wrapper.mjs';
-import '../components/modal.wrapper.mjs';
-import '../components/model-signature.wrapper.mjs';
-import '../components/multi-select.wrapper.mjs';
-import '../components/multi-select-option.wrapper.mjs';
-import '../components/optgroup.wrapper.mjs';
-import '../components/pagination.wrapper.mjs';
-import '../components/pin-code.wrapper.mjs';
-import '../components/popover.wrapper.mjs';
-import '../components/radio-button-wrapper.wrapper.mjs';
-import '../components/scroller.wrapper.mjs';
-import '../components/segmented-control.wrapper.mjs';
-import '../components/segmented-control-item.wrapper.mjs';
-import '../components/select.wrapper.mjs';
-import '../components/select-option.wrapper.mjs';
-import '../components/select-wrapper.wrapper.mjs';
-import { PSpinner } from '../components/spinner.wrapper.mjs';
-import '../components/stepper-horizontal.wrapper.mjs';
-import '../components/stepper-horizontal-item.wrapper.mjs';
-import '../components/switch.wrapper.mjs';
-import '../components/table.wrapper.mjs';
-import '../components/table-body.wrapper.mjs';
-import '../components/table-cell.wrapper.mjs';
-import '../components/table-head.wrapper.mjs';
-import '../components/table-head-cell.wrapper.mjs';
-import '../components/table-head-row.wrapper.mjs';
-import '../components/table-row.wrapper.mjs';
-import '../components/tabs.wrapper.mjs';
-import '../components/tabs-bar.wrapper.mjs';
-import '../components/tabs-item.wrapper.mjs';
-import '../components/tag.wrapper.mjs';
-import '../components/tag-dismissible.wrapper.mjs';
-import '../components/text.wrapper.mjs';
-import '../components/text-field-wrapper.wrapper.mjs';
-import '../components/text-list.wrapper.mjs';
-import '../components/text-list-item.wrapper.mjs';
-import '../components/textarea.wrapper.mjs';
-import '../components/textarea-wrapper.wrapper.mjs';
-import '../components/toast.wrapper.mjs';
-import '../components/wordmark.wrapper.mjs';
-import { splitChildren } from '../../splitChildren.mjs';
 import { Component } from 'react';
+import '../../provider.mjs';
+import { splitChildren } from '../../splitChildren.mjs';
 import { minifyCss } from '../../minifyCss.mjs';
 import { stripFocusAndHoverStyles } from '../../stripFocusAndHoverStyles.mjs';
 import { getCheckboxCss as getComponentCss$10 } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
+import { LoadingMessage } from './loading-message.mjs';
 import { messageId, StateMessage } from './state-message.mjs';
 import { Label, descriptionId } from './label.mjs';
-import { LoadingMessage } from './loading-message.mjs';
+import { PSpinner } from '../components/spinner.wrapper.mjs';
 
 /**
  * @slot {"name": "label", "description": "Shows a label. Only [phrasing content](https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Content_categories#Phrasing_content) is allowed." }