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

package/esm/lib/components/table-head.wrapper.js

@@ -1,18 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-
-const PTableHead = forwardRef(({ className, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-table-head');
-    const props = {
-        ...rest,
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PTableHead };

package/esm/lib/components/table-row.wrapper.js

@@ -1,18 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-
-const PTableRow = forwardRef(({ className, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-table-row');
-    const props = {
-        ...rest,
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PTableRow };

package/esm/lib/components/table.wrapper.js

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

package/esm/lib/components/tabs-bar.wrapper.js

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

package/esm/lib/components/tabs-item.wrapper.js

@@ -1,21 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-
-const PTabsItem = forwardRef(({ label, className, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-tabs-item');
-    useBrowserLayoutEffect(() => {
-        elementRef.current.label = label;
-    }, [label]);
-    const props = {
-        ...rest,
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PTabsItem };

package/esm/lib/components/tabs.wrapper.js

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

package/esm/lib/components/tag-dismissible.wrapper.js

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

package/esm/lib/components/tag.wrapper.js

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

package/esm/lib/components/text-field-wrapper.wrapper.js

@@ -1,24 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { useEventCallback, usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-
-const PTextFieldWrapper = 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 = useRef();
-    useEventCallback(elementRef, 'action', onAction);
-    const WebComponentTag = usePrefix('p-text-field-wrapper');
-    const propsToSync = [actionIcon, actionLoading, description, hideLabel, label, message, showCharacterCount, showCounter, showPasswordToggle, state, theme, unit, unitPosition];
-    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: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PTextFieldWrapper };

package/esm/lib/components/text-list-item.wrapper.js

@@ -1,18 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-
-const PTextListItem = forwardRef(({ className, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-text-list-item');
-    const props = {
-        ...rest,
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PTextListItem };

package/esm/lib/components/text-list.wrapper.js

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

package/esm/lib/components/text.wrapper.js

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

package/esm/lib/components/textarea-wrapper.wrapper.js

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

package/esm/lib/components/toast.wrapper.js

@@ -1,21 +0,0 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.js';
-import { syncRef } from '../../utils.js';
-
-const PToast = forwardRef(({ theme = 'light', className, ...rest }, ref) => {
-    const elementRef = useRef();
-    const WebComponentTag = usePrefix('p-toast');
-    useBrowserLayoutEffect(() => {
-        elementRef.current.theme = theme;
-    }, [theme]);
-    const props = {
-        ...rest,
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PToast };

package/esm/lib/components/wordmark.wrapper.js

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

package/esm/provider.js

@@ -1,16 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useEffect } from 'react';
-import { load } from '@porsche-design-system/components-js';
-
-// to warn users about missing PorscheDesignSystemProvider, we set the default values as undefined
-const PorscheDesignSystemContext = createContext({
-    prefix: undefined,
-});
-const PorscheDesignSystemProvider = ({ prefix = '', ...props }) => {
-    useEffect(() => {
-        load({ prefix });
-    }, []); // No runtime prefix change is supported
-    return jsx(PorscheDesignSystemContext.Provider, { value: { prefix }, ...props });
-};
-
-export { PorscheDesignSystemContext, PorscheDesignSystemProvider };

package/esm/public-api.js

@@ -1,65 +0,0 @@
-export { componentsReady } from '@porsche-design-system/components-js';
-export { PAccordion } from './lib/components/accordion.wrapper.js';
-export { PBanner } from './lib/components/banner.wrapper.js';
-export { PButton } from './lib/components/button.wrapper.js';
-export { PButtonGroup } from './lib/components/button-group.wrapper.js';
-export { PButtonPure } from './lib/components/button-pure.wrapper.js';
-export { PButtonTile } from './lib/components/button-tile.wrapper.js';
-export { PCarousel } from './lib/components/carousel.wrapper.js';
-export { PCheckboxWrapper } from './lib/components/checkbox-wrapper.wrapper.js';
-export { PContentWrapper } from './lib/components/content-wrapper.wrapper.js';
-export { PCrest } from './lib/components/crest.wrapper.js';
-export { PDisplay } from './lib/components/display.wrapper.js';
-export { PDivider } from './lib/components/divider.wrapper.js';
-export { PFieldset } from './lib/components/fieldset.wrapper.js';
-export { PFieldsetWrapper } from './lib/components/fieldset-wrapper.wrapper.js';
-export { PFlex } from './lib/components/flex.wrapper.js';
-export { PFlexItem } from './lib/components/flex-item.wrapper.js';
-export { PFlyout } from './lib/components/flyout.wrapper.js';
-export { PGrid } from './lib/components/grid.wrapper.js';
-export { PGridItem } from './lib/components/grid-item.wrapper.js';
-export { PHeading } from './lib/components/heading.wrapper.js';
-export { PHeadline } from './lib/components/headline.wrapper.js';
-export { PIcon } from './lib/components/icon.wrapper.js';
-export { PInlineNotification } from './lib/components/inline-notification.wrapper.js';
-export { PLink } from './lib/components/link.wrapper.js';
-export { PLinkPure } from './lib/components/link-pure.wrapper.js';
-export { PLinkSocial } from './lib/components/link-social.wrapper.js';
-export { PLinkTile } from './lib/components/link-tile.wrapper.js';
-export { PLinkTileModelSignature } from './lib/components/link-tile-model-signature.wrapper.js';
-export { PMarque } from './lib/components/marque.wrapper.js';
-export { PModal } from './lib/components/modal.wrapper.js';
-export { PModelSignature } from './lib/components/model-signature.wrapper.js';
-export { PPagination } from './lib/components/pagination.wrapper.js';
-export { PPopover } from './lib/components/popover.wrapper.js';
-export { PRadioButtonWrapper } from './lib/components/radio-button-wrapper.wrapper.js';
-export { PScroller } from './lib/components/scroller.wrapper.js';
-export { PSegmentedControl } from './lib/components/segmented-control.wrapper.js';
-export { PSegmentedControlItem } from './lib/components/segmented-control-item.wrapper.js';
-export { PSelectWrapper } from './lib/components/select-wrapper.wrapper.js';
-export { PSpinner } from './lib/components/spinner.wrapper.js';
-export { PStepperHorizontal } from './lib/components/stepper-horizontal.wrapper.js';
-export { PStepperHorizontalItem } from './lib/components/stepper-horizontal-item.wrapper.js';
-export { PSwitch } from './lib/components/switch.wrapper.js';
-export { PTable } from './lib/components/table.wrapper.js';
-export { PTableBody } from './lib/components/table-body.wrapper.js';
-export { PTableCell } from './lib/components/table-cell.wrapper.js';
-export { PTableHead } from './lib/components/table-head.wrapper.js';
-export { PTableHeadCell } from './lib/components/table-head-cell.wrapper.js';
-export { PTableHeadRow } from './lib/components/table-head-row.wrapper.js';
-export { PTableRow } from './lib/components/table-row.wrapper.js';
-export { PTabs } from './lib/components/tabs.wrapper.js';
-export { PTabsBar } from './lib/components/tabs-bar.wrapper.js';
-export { PTabsItem } from './lib/components/tabs-item.wrapper.js';
-export { PTag } from './lib/components/tag.wrapper.js';
-export { PTagDismissible } from './lib/components/tag-dismissible.wrapper.js';
-export { PText } from './lib/components/text.wrapper.js';
-export { PTextFieldWrapper } from './lib/components/text-field-wrapper.wrapper.js';
-export { PTextList } from './lib/components/text-list.wrapper.js';
-export { PTextListItem } from './lib/components/text-list-item.wrapper.js';
-export { PTextareaWrapper } from './lib/components/textarea-wrapper.wrapper.js';
-export { PToast } from './lib/components/toast.wrapper.js';
-export { PWordmark } from './lib/components/wordmark.wrapper.js';
-export { PorscheDesignSystemProvider } from './provider.js';
-export { skipCheckForPorscheDesignSystemProviderDuringTests, useToastManager } from './hooks.js';
-export { skipPorscheDesignSystemCDNRequestsDuringTests } from './utils.js';

package/hooks.js

@@ -1,69 +0,0 @@
-'use strict';
-
-var react = require('react');
-var provider = require('./provider.js');
-var utils = require('./utils.js');
-
-let skipCheck = false;
-/**
- * sets a flag that skips the need for `PorscheDesignSystemProvider` during testing
- * when `process.env.NODE_ENV === 'test'`
- */
-const skipCheckForPorscheDesignSystemProviderDuringTests = () => {
-    skipCheck = true;
-};
-const usePrefix = (tagName) => {
-    if (process.env.NODE_ENV === 'test' && skipCheck) {
-        return tagName;
-    }
-    else {
-        const { prefix } = react.useContext(provider.PorscheDesignSystemContext); // eslint-disable-line react-hooks/rules-of-hooks
-        if (prefix === undefined) {
-            throw new Error('It appears the <PorscheDesignSystemProvider /> is missing. Make sure to wrap your App in it.');
-        }
-        return prefix ? prefix + '-' + tagName : tagName;
-    }
-};
-const useEventCallback = (ref, eventName, eventHandler) => {
-    react.useEffect(() => {
-        const { current } = ref;
-        if (current && eventHandler) {
-            current.addEventListener(eventName, eventHandler);
-            return () => current?.removeEventListener(eventName, eventHandler);
-        }
-    }, [eventHandler]); // eslint-disable-line react-hooks/exhaustive-deps
-};
-const useMergedClass = (ref, className) => {
-    const prevComponentClassName = react.useRef();
-    return react.useMemo(() => {
-        if (!className) {
-            return undefined;
-        }
-        const { current } = ref;
-        let newClassName = className;
-        if (current) {
-            newClassName = utils.getMergedClassName(current.className, prevComponentClassName.current, className);
-            // the jsx does not override className when the attribute changes
-            current.className = newClassName;
-        }
-        prevComponentClassName.current = className;
-        return newClassName;
-    }, [className]); // eslint-disable-line react-hooks/exhaustive-deps
-};
-const useBrowserLayoutEffect = typeof window !== 'undefined' ? react.useLayoutEffect : react.useEffect;
-const useToastManager = () => {
-    const tagName = usePrefix('p-toast');
-    return {
-        addMessage: (message) => {
-            const toast = document.body.querySelector(tagName);
-            customElements.whenDefined(tagName).then(() => toast.addMessage(message));
-        },
-    };
-};
-
-exports.skipCheckForPorscheDesignSystemProviderDuringTests = skipCheckForPorscheDesignSystemProviderDuringTests;
-exports.useBrowserLayoutEffect = useBrowserLayoutEffect;
-exports.useEventCallback = useEventCallback;
-exports.useMergedClass = useMergedClass;
-exports.usePrefix = usePrefix;
-exports.useToastManager = useToastManager;

package/jsdom-polyfill/index.js

@@ -1,12 +0,0 @@
-'use strict';
-
-var jsdomPolyfill = require('@porsche-design-system/components-js/jsdom-polyfill');
-
-
-
-Object.keys(jsdomPolyfill).forEach(function (k) {
-	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
-		enumerable: true,
-		get: function () { return jsdomPolyfill[k]; }
-	});
-});

package/lib/components/accordion.wrapper.js

@@ -1,27 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.js');
-var utils = require('../../utils.js');
-
-const PAccordion = react.forwardRef(({ compact, heading, onAccordionChange, onUpdate, open, size = 'small', tag = 'h2', theme = 'light', className, ...rest }, ref) => {
-    const elementRef = react.useRef();
-    hooks.useEventCallback(elementRef, 'accordionChange', onAccordionChange);
-    hooks.useEventCallback(elementRef, 'update', onUpdate);
-    const WebComponentTag = hooks.usePrefix('p-accordion');
-    const propsToSync = [compact, heading, open, size, tag, theme];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['compact', 'heading', 'open', 'size', 'tag', '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.PAccordion = PAccordion;

package/lib/components/banner.wrapper.js

@@ -1,26 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.js');
-var utils = require('../../utils.js');
-
-const PBanner = react.forwardRef(({ description = '', dismissButton = true, heading = '', onDismiss, open = false, persistent, state = 'info', theme = 'light', width, className, ...rest }, ref) => {
-    const elementRef = react.useRef();
-    hooks.useEventCallback(elementRef, 'dismiss', onDismiss);
-    const WebComponentTag = hooks.usePrefix('p-banner');
-    const propsToSync = [description, dismissButton, heading, open, persistent, state, theme, width];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['description', 'dismissButton', 'heading', 'open', 'persistent', 'state', 'theme', 'width'].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.PBanner = PBanner;

package/lib/components/button-group.wrapper.js

@@ -1,23 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.js');
-var utils = require('../../utils.js');
-
-const PButtonGroup = react.forwardRef(({ direction = { base: 'column', xs: 'row' }, className, ...rest }, ref) => {
-    const elementRef = react.useRef();
-    const WebComponentTag = hooks.usePrefix('p-button-group');
-    hooks.useBrowserLayoutEffect(() => {
-        elementRef.current.direction = direction;
-    }, [direction]);
-    const props = {
-        ...rest,
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PButtonGroup = PButtonGroup;

package/lib/components/button-pure.wrapper.js

@@ -1,25 +0,0 @@
-'use client';
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.js');
-var utils = require('../../utils.js');
-
-const PButtonPure = react.forwardRef(({ active = false, alignLabel = 'right', aria, disabled = false, hideLabel = false, icon = 'arrow-right', iconSource, loading = false, size = 'small', stretch = false, theme = 'light', type = 'submit', weight = 'regular', className, ...rest }, ref) => {
-    const elementRef = react.useRef();
-    const WebComponentTag = hooks.usePrefix('p-button-pure');
-    const propsToSync = [active, alignLabel, aria, disabled, hideLabel, icon, iconSource, loading, size, stretch, theme, type, weight];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['active', 'alignLabel', 'aria', 'disabled', 'hideLabel', 'icon', 'iconSource', 'loading', 'size', 'stretch', 'theme', 'type', '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.PButtonPure = PButtonPure;