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

package/lib/components/radio-button-wrapper.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 PRadioButtonWrapper = react.forwardRef(({ hideLabel = false, label = '', message = '', state = 'none', theme = 'light', className, ...rest }, ref) => {
-    const elementRef = react.useRef();
-    const WebComponentTag = hooks.usePrefix('p-radio-button-wrapper');
-    const propsToSync = [hideLabel, label, message, state, theme];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['hideLabel', 'label', 'message', '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.PRadioButtonWrapper = PRadioButtonWrapper;

package/lib/components/scroller.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 PScroller = react.forwardRef(({ alignScrollIndicator = 'center', aria, gradientColor = 'background-base', gradientColorScheme, scrollIndicatorPosition, scrollToPosition, scrollbar = false, theme = 'light', className, ...rest }, ref) => {
-    const elementRef = react.useRef();
-    const WebComponentTag = hooks.usePrefix('p-scroller');
-    const propsToSync = [alignScrollIndicator, aria, gradientColor, gradientColorScheme, scrollIndicatorPosition, scrollToPosition, scrollbar, theme];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['alignScrollIndicator', 'aria', 'gradientColor', 'gradientColorScheme', 'scrollIndicatorPosition', 'scrollToPosition', 'scrollbar', '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.PScroller = PScroller;

package/lib/components/segmented-control-item.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 PSegmentedControlItem = react.forwardRef(({ disabled = false, icon, iconSource, label, value, className, ...rest }, ref) => {
-    const elementRef = react.useRef();
-    const WebComponentTag = hooks.usePrefix('p-segmented-control-item');
-    const propsToSync = [disabled, icon, iconSource, label, value];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['disabled', 'icon', 'iconSource', 'label', 'value'].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.PSegmentedControlItem = PSegmentedControlItem;

package/lib/components/segmented-control.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 PSegmentedControl = react.forwardRef(({ backgroundColor, columns = 'auto', onSegmentedControlChange, onUpdate, theme = 'light', value, className, ...rest }, ref) => {
-    const elementRef = react.useRef();
-    hooks.useEventCallback(elementRef, 'segmentedControlChange', onSegmentedControlChange);
-    hooks.useEventCallback(elementRef, 'update', onUpdate);
-    const WebComponentTag = hooks.usePrefix('p-segmented-control');
-    const propsToSync = [backgroundColor, columns, theme, value];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['backgroundColor', 'columns', 'theme', 'value'].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.PSegmentedControl = PSegmentedControl;

package/lib/components/select-wrapper.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 PSelectWrapper = react.forwardRef(({ description = '', dropdownDirection = 'auto', filter = false, hideLabel = false, label = '', message = '', native = false, state = 'none', theme = 'light', className, ...rest }, ref) => {
-    const elementRef = react.useRef();
-    const WebComponentTag = hooks.usePrefix('p-select-wrapper');
-    const propsToSync = [description, dropdownDirection, filter, hideLabel, label, message, native, state, theme];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['description', 'dropdownDirection', 'filter', 'hideLabel', 'label', 'message', 'native', '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.PSelectWrapper = PSelectWrapper;

package/lib/components/spinner.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 PSpinner = react.forwardRef(({ aria, size = 'small', theme = 'light', className, ...rest }, ref) => {
-    const elementRef = react.useRef();
-    const WebComponentTag = hooks.usePrefix('p-spinner');
-    const propsToSync = [aria, size, theme];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['aria', 'size', '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.PSpinner = PSpinner;

package/lib/components/stepper-horizontal-item.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 PStepperHorizontalItem = react.forwardRef(({ disabled = false, state, className, ...rest }, ref) => {
-    const elementRef = react.useRef();
-    const WebComponentTag = hooks.usePrefix('p-stepper-horizontal-item');
-    const propsToSync = [disabled, state];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['disabled', 'state'].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.PStepperHorizontalItem = PStepperHorizontalItem;

package/lib/components/stepper-horizontal.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 PStepperHorizontal = react.forwardRef(({ onStepChange, onUpdate, size = 'small', theme = 'light', className, ...rest }, ref) => {
-    const elementRef = react.useRef();
-    hooks.useEventCallback(elementRef, 'stepChange', onStepChange);
-    hooks.useEventCallback(elementRef, 'update', onUpdate);
-    const WebComponentTag = hooks.usePrefix('p-stepper-horizontal');
-    const propsToSync = [size, theme];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['size', '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.PStepperHorizontal = PStepperHorizontal;

package/lib/components/switch.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 PSwitch = react.forwardRef(({ alignLabel = 'right', checked = false, disabled = false, hideLabel = false, loading = false, onSwitchChange, onUpdate, stretch = false, theme = 'light', className, ...rest }, ref) => {
-    const elementRef = react.useRef();
-    hooks.useEventCallback(elementRef, 'switchChange', onSwitchChange);
-    hooks.useEventCallback(elementRef, 'update', onUpdate);
-    const WebComponentTag = hooks.usePrefix('p-switch');
-    const propsToSync = [alignLabel, checked, disabled, hideLabel, loading, stretch, theme];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['alignLabel', 'checked', 'disabled', 'hideLabel', 'loading', 'stretch', '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.PSwitch = PSwitch;

package/lib/components/table-body.wrapper.js

@@ -1,20 +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 PTableBody = react.forwardRef(({ className, ...rest }, ref) => {
-    const elementRef = react.useRef();
-    const WebComponentTag = hooks.usePrefix('p-table-body');
-    const props = {
-        ...rest,
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PTableBody = PTableBody;

package/lib/components/table-cell.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 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/lib/components/table-head-cell.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 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/lib/components/table-head-row.wrapper.js

@@ -1,20 +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 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/lib/components/table-head.wrapper.js

@@ -1,20 +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 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/lib/components/table-row.wrapper.js

@@ -1,20 +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 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/lib/components/table.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 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/lib/components/tabs-bar.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 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/lib/components/tabs-item.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 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/lib/components/tabs.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 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/lib/components/tag-dismissible.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 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/lib/components/tag.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 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/lib/components/text-field-wrapper.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 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/lib/components/text-list-item.wrapper.js

@@ -1,20 +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 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/lib/components/text-list.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 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/lib/components/text.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 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;