@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/table.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 '../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 { PScroller } from '../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 { getTableCss as getComponentCss$i } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
+import { PScroller } from '../components/scroller.wrapper.mjs';
 
 /**
  * @slot {"name": "caption", "description": "Shows a caption that describes the content of the table." }

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs-bar.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 '../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 { PScroller } from '../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 { getTabsBarCss as getComponentCss$d } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
+import { PScroller } from '../components/scroller.wrapper.mjs';
 
 /**
  * @slot {"name": "", "description": "Default slot for the `button` or `a` tags which will be rendered as tabs." }

package/ssr/esm/components-react/projects/react-ssr-wrapper/src/lib/dsr-components/tabs.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 '../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 { PTabsBar } from '../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 { getTabsCss as getComponentCss$b } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
+import { PTabsBar } from '../components/tabs-bar.wrapper.mjs';
 
 /**
  * @slot {"name": "", "description": "Default slot for the `p-tabs-item` tags." }

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

@@ -1,83 +1,12 @@
 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 '../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 { getTagDismissibleCss as getComponentCss$a } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
 import { parseAndGetAriaAttributes } from '../../../../../../components/dist/utils/esm/utils-entry.mjs';
+import { PIcon } from '../components/icon.wrapper.mjs';
 
 /**
  * @slot {"name": "", "description": "Default slot for the tag content." }

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

@@ -1,83 +1,12 @@
 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 '../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 { getTagCss as getComponentCss$9 } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
 import { getDirectChildHTMLElement } from '../../../../../../components/dist/utils/esm/utils-entry.mjs';
+import { PIcon } from '../components/icon.wrapper.mjs';
 
 /**
  * @slot {"name": "", "description": "Default slot for the tag content." }

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

@@ -1,85 +1,15 @@
 import { Component, createElement } from 'react';
 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 { 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 '../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 { getTextFieldWrapperCss as getComponentCss$8 } from '../../../../../../components/dist/styles/esm/styles-entry.mjs';
 import { isWithinForm, hasLocateAction, showCustomCalendarOrTimeIndicator, isType } from '../../../../../../components/dist/utils/esm/utils-entry.mjs';
+import { PButtonPure } from '../components/button-pure.wrapper.mjs';
 import { StateMessage } from './state-message.mjs';
 import { Label } from './label.mjs';
+import { PIcon } from '../components/icon.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/lib/components/canvas.wrapper.d.ts

@@ -1,18 +1,18 @@
 import type { BaseProps } from '../../BaseProps';
-import type { CanvasSidebarEndIcon, CanvasSidebarStartIcon, Theme } from '../types';
+import type { CanvasSidebarStartUpdateEventDetail, Theme } from '../types';
 export type PCanvasProps = BaseProps & {
     /**
-     * The icon to toggle the sidebar on the end side
+     * Emitted when the sidebar end requests to be dismissed.
      */
-    sidebarEndIcon?: CanvasSidebarEndIcon;
+    onSidebarEndDismiss?: (event: CustomEvent<void>) => void;
     /**
-     * Open the sidebar on the end side
+     * Emitted when the sidebar start requests to be opened or dismissed.
      */
-    sidebarEndOpen?: boolean;
+    onSidebarStartUpdate?: (event: CustomEvent<CanvasSidebarStartUpdateEventDetail>) => void;
     /**
-     * The icon to toggle the sidebar on the start side
+     * Open the sidebar on the end side
      */
-    sidebarStartIcon?: CanvasSidebarStartIcon;
+    sidebarEndOpen?: boolean;
     /**
      * Open the sidebar on the start side
      */
@@ -24,17 +24,17 @@ export type PCanvasProps = BaseProps & {
 };
 export declare const PCanvas: import("react").ForwardRefExoticComponent<import("react").DOMAttributes<{}> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
-     * The icon to toggle the sidebar on the end side
+     * Emitted when the sidebar end requests to be dismissed.
      */
-    sidebarEndIcon?: CanvasSidebarEndIcon;
+    onSidebarEndDismiss?: (event: CustomEvent<void>) => void;
     /**
-     * Open the sidebar on the end side
+     * Emitted when the sidebar start requests to be opened or dismissed.
      */
-    sidebarEndOpen?: boolean;
+    onSidebarStartUpdate?: (event: CustomEvent<CanvasSidebarStartUpdateEventDetail>) => void;
     /**
-     * The icon to toggle the sidebar on the start side
+     * Open the sidebar on the end side
      */
-    sidebarStartIcon?: CanvasSidebarStartIcon;
+    sidebarEndOpen?: boolean;
     /**
      * Open the sidebar on the start side
      */

package/ssr/esm/lib/dsr-components/canvas.d.ts

@@ -1,7 +1,7 @@
 import { Component } from 'react';
 /**
- * @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." }
@@ -16,9 +16,6 @@ export declare class DSRCanvas extends Component<any> {
     private isMediaQueryS;
     private isMediaQueryM;
     private hasTitle;
-    private hasHeaderStart;
-    private hasHeaderEnd;
-    private hasSidebarStart;
     private hasSidebarEnd;
     private hasFooter;
     private hasBackground;

package/ssr/esm/lib/types.d.ts

@@ -386,6 +386,7 @@ declare const ICON_NAMES: readonly [
     "shopping-bag-filled",
     "shopping-cart",
     "shopping-cart-filled",
+    "sidebar",
     "sidelights",
     "snowflake",
     "sort",
@@ -691,8 +692,9 @@ export type ButtonTileSize = TileSize;
 export type ButtonTileBackground = TileBackground;
 export type ButtonTileWeight = TileWeight;
 export type ButtonTileAlign = TileAlign;
-export type CanvasSidebarStartIcon = IconName;
-export type CanvasSidebarEndIcon = IconName;
+export type CanvasSidebarStartUpdateEventDetail = {
+    open: boolean;
+};
 declare const CAROUSEL_WIDTHS: readonly [
     "basic",
     "extended"