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

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,113 +1,51 @@
 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 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": "title", "description": "Application name" }
- * @slot {"name": "footer", "description": "Shows a footer section, flowing under the content area when scrollable." }
- * @slot {"name": "sidebar-start", "description": "Shows a sidebar area on the **start** side (**left** in **LTR** mode / **right** in **RTL** mode). On mobile view it transforms into a flyout." }
- * @slot {"name": "sidebar-end", "description": "Shows a sidebar area on the **end** side (**right** in **LTR** mode / **left** in **RTL** mode). On mobile view it transforms into a flyout." }
+ * @slot {"name": "", "description": "Default slot for the main content." }
+ * @slot {"name": "footer", "description": "Renders a **sticky** footer section underneath the main content." }
+ * @slot {"name": "sidebar-start", "description": "Renders a sidebar area on the **start** side (**left** in **LTR** mode / **right** in **RTL** mode). On mobile view it transforms into a flyout." }
+ * @slot {"name": "sidebar-end", "description": "Renders a sidebar area on the **end** side (**right** in **LTR** mode / **left** in **RTL** mode). On mobile view it transforms into a flyout." }
+ * @slot {"name": "background", "description": "Can be used to pass a sticky media element <img/> or <video/> placed underneath the main content." }
  *
  * @experimental
  */
 class DSRCanvas extends Component {
     host;
-    isDesktopView = false;
-    hasSidebarStart;
+    isMediaQueryS = false;
+    isMediaQueryM = false;
+    hasTitle;
     hasSidebarEnd;
+    hasFooter;
+    hasBackground;
     render() {
         const { children, namedSlotChildren, otherChildren } = splitChildren(this.props.children);
-        const hasSidebarStart = namedSlotChildren.filter(({ props: { slot } }) => slot === 'sidebar-start').length > 0;
+        const hasTitle = namedSlotChildren.filter(({ props: { slot } }) => slot === 'title').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: "header", children: [hasSidebarStart && (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"] })), jsx("h2", { children: jsx("slot", { name: "title" }) }), jsx("slot", { name: "header-start" })] }), jsx(PCrest, { className: "crest" }), jsx(PWordmark, { className: "wordmark", size: "inherit", theme: this.props.theme }), jsxs("div", { className: "header", children: [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", {}) }), jsx("footer", { children: jsx("slot", { name: "footer" }) }), this.props.isDesktopView && (jsxs(Fragment, { children: [hasSidebarStart && (jsx("aside", { className: "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: jsx("slot", { name: "sidebar-start" }) })), hasSidebarEnd && (jsx("aside", { className: "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: jsx("slot", { name: "sidebar-end" }) }))] }))] }), !this.props.isDesktopView && (jsxs(Fragment, { children: [hasSidebarStart && (jsx(PFlyout, { theme: this.props.theme, open: this.props.sidebarStartOpen, position: "start", children: jsx("slot", { name: "sidebar-start" }) })), hasSidebarEnd && (jsx(PFlyout, { theme: this.props.theme, open: this.props.sidebarEndOpen, position: "end", children: jsx("slot", { name: "sidebar-end" }) }))] }))] })] }), this.props.children] }));
+        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: "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: "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." }

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/flyout-multilevel-item.mjs

@@ -1,82 +1,11 @@
 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 '../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 { getFlyoutMultilevelItemCss as getComponentCss$S } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
+import { PButtonPure } from '../components/button-pure.wrapper.mjs';
 
 /**
  * @slot {"name": "", "description": "Default slot for the main content." }