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

package/cjs/lib/components/table-cell.wrapper.cjs

@@ -0,0 +1,23 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PTableCell = react.forwardRef(({ multiline = false, className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    const WebComponentTag = hooks.usePrefix('p-table-cell');
+    hooks.useBrowserLayoutEffect(() => {
+        elementRef.current.multiline = multiline;
+    }, [multiline]);
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PTableCell = PTableCell;

package/cjs/lib/components/table-head-cell.wrapper.cjs

@@ -0,0 +1,25 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PTableHeadCell = react.forwardRef(({ hideLabel = false, multiline = false, sort, className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    const WebComponentTag = hooks.usePrefix('p-table-head-cell');
+    const propsToSync = [hideLabel, multiline, sort];
+    hooks.useBrowserLayoutEffect(() => {
+        const { current } = elementRef;
+        ['hideLabel', 'multiline', 'sort'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+    }, propsToSync);
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PTableHeadCell = PTableHeadCell;

package/cjs/lib/components/table-head-row.wrapper.cjs

@@ -0,0 +1,20 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PTableHeadRow = react.forwardRef(({ className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    const WebComponentTag = hooks.usePrefix('p-table-head-row');
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PTableHeadRow = PTableHeadRow;

package/cjs/lib/components/table-head.wrapper.cjs

@@ -0,0 +1,20 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PTableHead = react.forwardRef(({ className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    const WebComponentTag = hooks.usePrefix('p-table-head');
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PTableHead = PTableHead;

package/cjs/lib/components/table-row.wrapper.cjs

@@ -0,0 +1,20 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PTableRow = react.forwardRef(({ className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    const WebComponentTag = hooks.usePrefix('p-table-row');
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PTableRow = PTableRow;

package/cjs/lib/components/table.wrapper.cjs

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PTable = react.forwardRef(({ caption, onSortingChange, onUpdate, theme = 'light', className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    hooks.useEventCallback(elementRef, 'sortingChange', onSortingChange);
+    hooks.useEventCallback(elementRef, 'update', onUpdate);
+    const WebComponentTag = hooks.usePrefix('p-table');
+    const propsToSync = [caption, theme];
+    hooks.useBrowserLayoutEffect(() => {
+        const { current } = elementRef;
+        ['caption', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+    }, propsToSync);
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PTable = PTable;

package/cjs/lib/components/tabs-bar.wrapper.cjs

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PTabsBar = react.forwardRef(({ activeTabIndex, gradientColor = 'background-base', gradientColorScheme, onTabChange, onUpdate, size = 'small', theme = 'light', weight = 'regular', className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    hooks.useEventCallback(elementRef, 'tabChange', onTabChange);
+    hooks.useEventCallback(elementRef, 'update', onUpdate);
+    const WebComponentTag = hooks.usePrefix('p-tabs-bar');
+    const propsToSync = [activeTabIndex, gradientColor, gradientColorScheme, size, theme, weight];
+    hooks.useBrowserLayoutEffect(() => {
+        const { current } = elementRef;
+        ['activeTabIndex', 'gradientColor', 'gradientColorScheme', 'size', 'theme', 'weight'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+    }, propsToSync);
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PTabsBar = PTabsBar;

package/cjs/lib/components/tabs-item.wrapper.cjs

@@ -0,0 +1,23 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PTabsItem = react.forwardRef(({ label, className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    const WebComponentTag = hooks.usePrefix('p-tabs-item');
+    hooks.useBrowserLayoutEffect(() => {
+        elementRef.current.label = label;
+    }, [label]);
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PTabsItem = PTabsItem;

package/cjs/lib/components/tabs.wrapper.cjs

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PTabs = react.forwardRef(({ activeTabIndex = 0, gradientColor = 'background-base', gradientColorScheme, onTabChange, onUpdate, size = 'small', theme = 'light', weight = 'regular', className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    hooks.useEventCallback(elementRef, 'tabChange', onTabChange);
+    hooks.useEventCallback(elementRef, 'update', onUpdate);
+    const WebComponentTag = hooks.usePrefix('p-tabs');
+    const propsToSync = [activeTabIndex, gradientColor, gradientColorScheme, size, theme, weight];
+    hooks.useBrowserLayoutEffect(() => {
+        const { current } = elementRef;
+        ['activeTabIndex', 'gradientColor', 'gradientColorScheme', 'size', 'theme', 'weight'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+    }, propsToSync);
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PTabs = PTabs;

package/cjs/lib/components/tag-dismissible.wrapper.cjs

@@ -0,0 +1,25 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PTagDismissible = react.forwardRef(({ aria, color = 'background-surface', label, theme = 'light', className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    const WebComponentTag = hooks.usePrefix('p-tag-dismissible');
+    const propsToSync = [aria, color, label, theme];
+    hooks.useBrowserLayoutEffect(() => {
+        const { current } = elementRef;
+        ['aria', 'color', 'label', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+    }, propsToSync);
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PTagDismissible = PTagDismissible;

package/cjs/lib/components/tag.wrapper.cjs

@@ -0,0 +1,25 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PTag = react.forwardRef(({ color = 'background-surface', icon, iconSource, theme = 'light', className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    const WebComponentTag = hooks.usePrefix('p-tag');
+    const propsToSync = [color, icon, iconSource, theme];
+    hooks.useBrowserLayoutEffect(() => {
+        const { current } = elementRef;
+        ['color', 'icon', 'iconSource', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+    }, propsToSync);
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PTag = PTag;

package/cjs/lib/components/text-field-wrapper.wrapper.cjs

@@ -0,0 +1,26 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PTextFieldWrapper = react.forwardRef(({ actionIcon, actionLoading = false, description = '', hideLabel = false, label = '', message = '', onAction, showCharacterCount, showCounter = true, showPasswordToggle = true, state = 'none', theme = 'light', unit = '', unitPosition = 'prefix', className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    hooks.useEventCallback(elementRef, 'action', onAction);
+    const WebComponentTag = hooks.usePrefix('p-text-field-wrapper');
+    const propsToSync = [actionIcon, actionLoading, description, hideLabel, label, message, showCharacterCount, showCounter, showPasswordToggle, state, theme, unit, unitPosition];
+    hooks.useBrowserLayoutEffect(() => {
+        const { current } = elementRef;
+        ['actionIcon', 'actionLoading', 'description', 'hideLabel', 'label', 'message', 'showCharacterCount', 'showCounter', 'showPasswordToggle', 'state', 'theme', 'unit', 'unitPosition'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+    }, propsToSync);
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PTextFieldWrapper = PTextFieldWrapper;

package/cjs/lib/components/text-list-item.wrapper.cjs

@@ -0,0 +1,20 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PTextListItem = react.forwardRef(({ className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    const WebComponentTag = hooks.usePrefix('p-text-list-item');
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PTextListItem = PTextListItem;

package/cjs/lib/components/text-list.wrapper.cjs

@@ -0,0 +1,25 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PTextList = react.forwardRef(({ listType, orderType, theme = 'light', type = 'unordered', className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    const WebComponentTag = hooks.usePrefix('p-text-list');
+    const propsToSync = [listType, orderType, theme, type];
+    hooks.useBrowserLayoutEffect(() => {
+        const { current } = elementRef;
+        ['listType', 'orderType', 'theme', 'type'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+    }, propsToSync);
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PTextList = PTextList;

package/cjs/lib/components/text.wrapper.cjs

@@ -0,0 +1,25 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PText = react.forwardRef(({ align = 'left', color = 'primary', ellipsis = false, size = 'small', tag = 'p', theme = 'light', weight = 'regular', className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    const WebComponentTag = hooks.usePrefix('p-text');
+    const propsToSync = [align, color, ellipsis, size, tag, theme, weight];
+    hooks.useBrowserLayoutEffect(() => {
+        const { current } = elementRef;
+        ['align', 'color', 'ellipsis', 'size', 'tag', 'theme', 'weight'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+    }, propsToSync);
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PText = PText;

package/cjs/lib/components/textarea-wrapper.wrapper.cjs

@@ -0,0 +1,25 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PTextareaWrapper = react.forwardRef(({ description = '', hideLabel = false, label = '', message = '', showCharacterCount, showCounter = true, state = 'none', theme = 'light', className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    const WebComponentTag = hooks.usePrefix('p-textarea-wrapper');
+    const propsToSync = [description, hideLabel, label, message, showCharacterCount, showCounter, state, theme];
+    hooks.useBrowserLayoutEffect(() => {
+        const { current } = elementRef;
+        ['description', 'hideLabel', 'label', 'message', 'showCharacterCount', 'showCounter', 'state', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+    }, propsToSync);
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PTextareaWrapper = PTextareaWrapper;

package/cjs/lib/components/toast.wrapper.cjs

@@ -0,0 +1,23 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PToast = react.forwardRef(({ theme = 'light', className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    const WebComponentTag = hooks.usePrefix('p-toast');
+    hooks.useBrowserLayoutEffect(() => {
+        elementRef.current.theme = theme;
+    }, [theme]);
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PToast = PToast;

package/cjs/lib/components/wordmark.wrapper.cjs

@@ -0,0 +1,25 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var hooks = require('../../hooks.cjs');
+var utils = require('../../utils.cjs');
+
+const PWordmark = react.forwardRef(({ aria, href, size = 'small', target = '_self', theme = 'light', className, ...rest }, ref) => {
+    const elementRef = react.useRef();
+    const WebComponentTag = hooks.usePrefix('p-wordmark');
+    const propsToSync = [aria, href, size, target, theme];
+    hooks.useBrowserLayoutEffect(() => {
+        const { current } = elementRef;
+        ['aria', 'href', 'size', 'target', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
+    }, propsToSync);
+    const props = {
+        ...rest,
+        class: hooks.useMergedClass(elementRef, className),
+        ref: utils.syncRef(elementRef, ref)
+    };
+    return jsxRuntime.jsx(WebComponentTag, { ...props });
+});
+
+exports.PWordmark = PWordmark;

package/cjs/provider.cjs

@@ -0,0 +1,20 @@
+'use client';
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var react = require('react');
+var componentsJs = require('@porsche-design-system/components-js');
+
+// to warn users about missing PorscheDesignSystemProvider, we set the default values as undefined
+const PorscheDesignSystemContext = react.createContext({
+    prefix: undefined,
+});
+const PorscheDesignSystemProvider = ({ prefix = '', cdn, ...props }) => {
+    react.useEffect(() => {
+        componentsJs.load({ prefix, cdn });
+    }, []); // runtime prefix or cdn change is not supported
+    return jsxRuntime.jsx(PorscheDesignSystemContext.Provider, { value: { prefix }, ...props });
+};
+
+exports.PorscheDesignSystemContext = PorscheDesignSystemContext;
+exports.PorscheDesignSystemProvider = PorscheDesignSystemProvider;

package/cjs/public-api.cjs

@@ -0,0 +1,139 @@
+'use strict';
+
+var componentsJs = require('@porsche-design-system/components-js');
+var accordion_wrapper = require('./lib/components/accordion.wrapper.cjs');
+var banner_wrapper = require('./lib/components/banner.wrapper.cjs');
+var button_wrapper = require('./lib/components/button.wrapper.cjs');
+var buttonGroup_wrapper = require('./lib/components/button-group.wrapper.cjs');
+var buttonPure_wrapper = require('./lib/components/button-pure.wrapper.cjs');
+var buttonTile_wrapper = require('./lib/components/button-tile.wrapper.cjs');
+var carousel_wrapper = require('./lib/components/carousel.wrapper.cjs');
+var checkboxWrapper_wrapper = require('./lib/components/checkbox-wrapper.wrapper.cjs');
+var contentWrapper_wrapper = require('./lib/components/content-wrapper.wrapper.cjs');
+var crest_wrapper = require('./lib/components/crest.wrapper.cjs');
+var display_wrapper = require('./lib/components/display.wrapper.cjs');
+var divider_wrapper = require('./lib/components/divider.wrapper.cjs');
+var fieldset_wrapper = require('./lib/components/fieldset.wrapper.cjs');
+var fieldsetWrapper_wrapper = require('./lib/components/fieldset-wrapper.wrapper.cjs');
+var flex_wrapper = require('./lib/components/flex.wrapper.cjs');
+var flexItem_wrapper = require('./lib/components/flex-item.wrapper.cjs');
+var flyout_wrapper = require('./lib/components/flyout.wrapper.cjs');
+var grid_wrapper = require('./lib/components/grid.wrapper.cjs');
+var gridItem_wrapper = require('./lib/components/grid-item.wrapper.cjs');
+var heading_wrapper = require('./lib/components/heading.wrapper.cjs');
+var headline_wrapper = require('./lib/components/headline.wrapper.cjs');
+var icon_wrapper = require('./lib/components/icon.wrapper.cjs');
+var inlineNotification_wrapper = require('./lib/components/inline-notification.wrapper.cjs');
+var link_wrapper = require('./lib/components/link.wrapper.cjs');
+var linkPure_wrapper = require('./lib/components/link-pure.wrapper.cjs');
+var linkSocial_wrapper = require('./lib/components/link-social.wrapper.cjs');
+var linkTile_wrapper = require('./lib/components/link-tile.wrapper.cjs');
+var linkTileModelSignature_wrapper = require('./lib/components/link-tile-model-signature.wrapper.cjs');
+var marque_wrapper = require('./lib/components/marque.wrapper.cjs');
+var modal_wrapper = require('./lib/components/modal.wrapper.cjs');
+var modelSignature_wrapper = require('./lib/components/model-signature.wrapper.cjs');
+var pagination_wrapper = require('./lib/components/pagination.wrapper.cjs');
+var popover_wrapper = require('./lib/components/popover.wrapper.cjs');
+var radioButtonWrapper_wrapper = require('./lib/components/radio-button-wrapper.wrapper.cjs');
+var scroller_wrapper = require('./lib/components/scroller.wrapper.cjs');
+var segmentedControl_wrapper = require('./lib/components/segmented-control.wrapper.cjs');
+var segmentedControlItem_wrapper = require('./lib/components/segmented-control-item.wrapper.cjs');
+var selectWrapper_wrapper = require('./lib/components/select-wrapper.wrapper.cjs');
+var spinner_wrapper = require('./lib/components/spinner.wrapper.cjs');
+var stepperHorizontal_wrapper = require('./lib/components/stepper-horizontal.wrapper.cjs');
+var stepperHorizontalItem_wrapper = require('./lib/components/stepper-horizontal-item.wrapper.cjs');
+var switch_wrapper = require('./lib/components/switch.wrapper.cjs');
+var table_wrapper = require('./lib/components/table.wrapper.cjs');
+var tableBody_wrapper = require('./lib/components/table-body.wrapper.cjs');
+var tableCell_wrapper = require('./lib/components/table-cell.wrapper.cjs');
+var tableHead_wrapper = require('./lib/components/table-head.wrapper.cjs');
+var tableHeadCell_wrapper = require('./lib/components/table-head-cell.wrapper.cjs');
+var tableHeadRow_wrapper = require('./lib/components/table-head-row.wrapper.cjs');
+var tableRow_wrapper = require('./lib/components/table-row.wrapper.cjs');
+var tabs_wrapper = require('./lib/components/tabs.wrapper.cjs');
+var tabsBar_wrapper = require('./lib/components/tabs-bar.wrapper.cjs');
+var tabsItem_wrapper = require('./lib/components/tabs-item.wrapper.cjs');
+var tag_wrapper = require('./lib/components/tag.wrapper.cjs');
+var tagDismissible_wrapper = require('./lib/components/tag-dismissible.wrapper.cjs');
+var text_wrapper = require('./lib/components/text.wrapper.cjs');
+var textFieldWrapper_wrapper = require('./lib/components/text-field-wrapper.wrapper.cjs');
+var textList_wrapper = require('./lib/components/text-list.wrapper.cjs');
+var textListItem_wrapper = require('./lib/components/text-list-item.wrapper.cjs');
+var textareaWrapper_wrapper = require('./lib/components/textarea-wrapper.wrapper.cjs');
+var toast_wrapper = require('./lib/components/toast.wrapper.cjs');
+var wordmark_wrapper = require('./lib/components/wordmark.wrapper.cjs');
+var provider = require('./provider.cjs');
+var hooks = require('./hooks.cjs');
+var utils = require('./utils.cjs');
+
+
+
+Object.defineProperty(exports, 'componentsReady', {
+	enumerable: true,
+	get: function () { return componentsJs.componentsReady; }
+});
+exports.PAccordion = accordion_wrapper.PAccordion;
+exports.PBanner = banner_wrapper.PBanner;
+exports.PButton = button_wrapper.PButton;
+exports.PButtonGroup = buttonGroup_wrapper.PButtonGroup;
+exports.PButtonPure = buttonPure_wrapper.PButtonPure;
+exports.PButtonTile = buttonTile_wrapper.PButtonTile;
+exports.PCarousel = carousel_wrapper.PCarousel;
+exports.PCheckboxWrapper = checkboxWrapper_wrapper.PCheckboxWrapper;
+exports.PContentWrapper = contentWrapper_wrapper.PContentWrapper;
+exports.PCrest = crest_wrapper.PCrest;
+exports.PDisplay = display_wrapper.PDisplay;
+exports.PDivider = divider_wrapper.PDivider;
+exports.PFieldset = fieldset_wrapper.PFieldset;
+exports.PFieldsetWrapper = fieldsetWrapper_wrapper.PFieldsetWrapper;
+exports.PFlex = flex_wrapper.PFlex;
+exports.PFlexItem = flexItem_wrapper.PFlexItem;
+exports.PFlyout = flyout_wrapper.PFlyout;
+exports.PGrid = grid_wrapper.PGrid;
+exports.PGridItem = gridItem_wrapper.PGridItem;
+exports.PHeading = heading_wrapper.PHeading;
+exports.PHeadline = headline_wrapper.PHeadline;
+exports.PIcon = icon_wrapper.PIcon;
+exports.PInlineNotification = inlineNotification_wrapper.PInlineNotification;
+exports.PLink = link_wrapper.PLink;
+exports.PLinkPure = linkPure_wrapper.PLinkPure;
+exports.PLinkSocial = linkSocial_wrapper.PLinkSocial;
+exports.PLinkTile = linkTile_wrapper.PLinkTile;
+exports.PLinkTileModelSignature = linkTileModelSignature_wrapper.PLinkTileModelSignature;
+exports.PMarque = marque_wrapper.PMarque;
+exports.PModal = modal_wrapper.PModal;
+exports.PModelSignature = modelSignature_wrapper.PModelSignature;
+exports.PPagination = pagination_wrapper.PPagination;
+exports.PPopover = popover_wrapper.PPopover;
+exports.PRadioButtonWrapper = radioButtonWrapper_wrapper.PRadioButtonWrapper;
+exports.PScroller = scroller_wrapper.PScroller;
+exports.PSegmentedControl = segmentedControl_wrapper.PSegmentedControl;
+exports.PSegmentedControlItem = segmentedControlItem_wrapper.PSegmentedControlItem;
+exports.PSelectWrapper = selectWrapper_wrapper.PSelectWrapper;
+exports.PSpinner = spinner_wrapper.PSpinner;
+exports.PStepperHorizontal = stepperHorizontal_wrapper.PStepperHorizontal;
+exports.PStepperHorizontalItem = stepperHorizontalItem_wrapper.PStepperHorizontalItem;
+exports.PSwitch = switch_wrapper.PSwitch;
+exports.PTable = table_wrapper.PTable;
+exports.PTableBody = tableBody_wrapper.PTableBody;
+exports.PTableCell = tableCell_wrapper.PTableCell;
+exports.PTableHead = tableHead_wrapper.PTableHead;
+exports.PTableHeadCell = tableHeadCell_wrapper.PTableHeadCell;
+exports.PTableHeadRow = tableHeadRow_wrapper.PTableHeadRow;
+exports.PTableRow = tableRow_wrapper.PTableRow;
+exports.PTabs = tabs_wrapper.PTabs;
+exports.PTabsBar = tabsBar_wrapper.PTabsBar;
+exports.PTabsItem = tabsItem_wrapper.PTabsItem;
+exports.PTag = tag_wrapper.PTag;
+exports.PTagDismissible = tagDismissible_wrapper.PTagDismissible;
+exports.PText = text_wrapper.PText;
+exports.PTextFieldWrapper = textFieldWrapper_wrapper.PTextFieldWrapper;
+exports.PTextList = textList_wrapper.PTextList;
+exports.PTextListItem = textListItem_wrapper.PTextListItem;
+exports.PTextareaWrapper = textareaWrapper_wrapper.PTextareaWrapper;
+exports.PToast = toast_wrapper.PToast;
+exports.PWordmark = wordmark_wrapper.PWordmark;
+exports.PorscheDesignSystemProvider = provider.PorscheDesignSystemProvider;
+exports.skipCheckForPorscheDesignSystemProviderDuringTests = hooks.skipCheckForPorscheDesignSystemProviderDuringTests;
+exports.useToastManager = hooks.useToastManager;
+exports.skipPorscheDesignSystemCDNRequestsDuringTests = utils.skipPorscheDesignSystemCDNRequestsDuringTests;