@porsche-design-system/components-react 3.31.0 → 4.0.0-alpha.0

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

@@ -1,27 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
-const PGridItem = /*#__PURE__*/ react.forwardRef(({ offset = 0, size = 1, className, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    const WebComponentTag = hooks.usePrefix('p-grid-item');
-    const propsToSync = [offset, size];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['offset', 'size'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PGridItem = PGridItem;

package/cjs/lib/components/grid.wrapper.cjs

@@ -1,27 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
-const PGrid = /*#__PURE__*/ react.forwardRef(({ direction = 'row', gutter = { base: 16, s: 24, m: 36 }, wrap = 'wrap', className, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    const WebComponentTag = hooks.usePrefix('p-grid');
-    const propsToSync = [direction, gutter, wrap];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['direction', 'gutter', 'wrap'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PGrid = PGrid;

package/cjs/lib/components/headline.wrapper.cjs

@@ -1,27 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-heading" instead. */
-const PHeadline = /*#__PURE__*/ react.forwardRef(({ align = 'start', color = 'primary', ellipsis = false, tag, theme, variant = 'headline-1', className, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    const WebComponentTag = hooks.usePrefix('p-headline');
-    const propsToSync = [align, color, ellipsis, tag, theme || hooks.useTheme(), variant];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['align', 'color', 'ellipsis', 'tag', 'theme', 'variant'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PHeadline = PHeadline;

package/cjs/lib/components/link-social.wrapper.cjs

@@ -1,27 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-
-/** @deprecated since v3.0.0, will be removed with next major release. Use `p-link` with corresponding social icon instead. */
-const PLinkSocial = /*#__PURE__*/ react.forwardRef(({ compact = false, hideLabel = false, href, icon, iconSource, rel, target = '_self', theme, className, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    const WebComponentTag = hooks.usePrefix('p-link-social');
-    const propsToSync = [compact, hideLabel, href, icon, iconSource, rel, target, theme || hooks.useTheme()];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['compact', 'hideLabel', 'href', 'icon', 'iconSource', 'rel', 'target', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PLinkSocial = PLinkSocial;

package/cjs/lib/components/link-tile-model-signature.wrapper.cjs

@@ -1,26 +0,0 @@
-"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 PLinkTileModelSignature = /*#__PURE__*/ react.forwardRef(({ aspectRatio = '3/4', description, heading, headingTag = 'h2', linkDirection = { base: 'column', xs: 'row', }, model = '911', weight = 'semi-bold', className, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    const WebComponentTag = hooks.usePrefix('p-link-tile-model-signature');
-    const propsToSync = [aspectRatio, description, heading, headingTag, linkDirection, model, weight];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['aspectRatio', 'description', 'heading', 'headingTag', 'linkDirection', 'model', 'weight'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PLinkTileModelSignature = PLinkTileModelSignature;

package/cjs/lib/components/marque.wrapper.cjs

@@ -1,27 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-
-/** @deprecated since v3.0.0, will be removed with next major release. Please use "p-wordmark" instead. */
-const PMarque = /*#__PURE__*/ react.forwardRef(({ aria, href, size = 'responsive', target = '_self', trademark = true, variant = 'default', className, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    const WebComponentTag = hooks.usePrefix('p-marque');
-    const propsToSync = [aria, href, size, target, trademark, variant];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['aria', 'href', 'size', 'target', 'trademark', 'variant'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PMarque = PMarque;

package/cjs/lib/components/radio-button-wrapper.wrapper.cjs

@@ -1,27 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-
-/** @deprecated since v3.30.0, will be removed with next major release. Please use `p-radio-group` instead. */
-const PRadioButtonWrapper = /*#__PURE__*/ react.forwardRef(({ hideLabel = false, label = '', loading = false, message = '', state = 'none', theme, className, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    const WebComponentTag = hooks.usePrefix('p-radio-button-wrapper');
-    const propsToSync = [hideLabel, label, loading, message, state, theme || hooks.useTheme()];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['hideLabel', 'label', 'loading', 'message', 'state', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PRadioButtonWrapper = PRadioButtonWrapper;

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

@@ -1,27 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-
-/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-select` instead. */
-const PSelectWrapper = /*#__PURE__*/ react.forwardRef(({ description = '', dropdownDirection = 'auto', filter = false, hideLabel = false, label = '', message = '', native = false, state = 'none', theme, className, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    const WebComponentTag = hooks.usePrefix('p-select-wrapper');
-    const propsToSync = [description, dropdownDirection, filter, hideLabel, label, message, native, state, theme || hooks.useTheme()];
-    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)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PSelectWrapper = PSelectWrapper;

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

@@ -1,28 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-
-/** @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`. */
-const PTextFieldWrapper = /*#__PURE__*/ react.forwardRef(({ actionIcon, actionLoading = false, description = '', hideLabel = false, label = '', message = '', onAction, showCharacterCount, showCounter = true, showPasswordToggle = true, state = 'none', submitButton = true, theme, unit = '', unitPosition = 'prefix', className, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    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, submitButton, theme || hooks.useTheme(), unit, unitPosition];
-    hooks.useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['actionIcon', 'actionLoading', 'description', 'hideLabel', 'label', 'message', 'showCharacterCount', 'showCounter', 'showPasswordToggle', 'state', 'submitButton', 'theme', 'unit', 'unitPosition'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        class: hooks.useMergedClass(elementRef, className),
-        ref: utils.syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PTextFieldWrapper = PTextFieldWrapper;

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

@@ -1,27 +0,0 @@
-"use client";
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var hooks = require('../../hooks.cjs');
-var utils = require('../../utils.cjs');
-
-/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-textarea` instead. */
-const PTextareaWrapper = /*#__PURE__*/ react.forwardRef(({ description = '', hideLabel = false, label = '', message = '', showCharacterCount, showCounter = true, state = 'none', theme, className, ...rest }, ref) => {
-    const elementRef = react.useRef(undefined);
-    const WebComponentTag = hooks.usePrefix('p-textarea-wrapper');
-    const propsToSync = [description, hideLabel, label, message, showCharacterCount, showCounter, state, theme || hooks.useTheme()];
-    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)
-    };
-    // @ts-ignore
-    return jsxRuntime.jsx(WebComponentTag, { ...props });
-});
-
-exports.PTextareaWrapper = PTextareaWrapper;

package/esm/lib/components/button-group.wrapper.d.ts

@@ -1,16 +0,0 @@
-import type { BaseProps } from '../../BaseProps';
-import type { BreakpointCustomizable, ButtonGroupDirection } from '../types';
-export type PButtonGroupProps = BaseProps & {
-    /**
-     * Defines the direction of the main and cross axis. The default is ’{base: ‘column’, xs: ‘row’}' showing buttons vertically stacked on mobile viewports and side-by-side in a horizontal row from breakpoint ‘xs’. You always need to provide a base value when using breakpoints.
-     */
-    direction?: BreakpointCustomizable<ButtonGroupDirection>;
-};
-export declare const PButtonGroup: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
-    /**
-     * Defines the direction of the main and cross axis. The default is ’{base: ‘column’, xs: ‘row’}' showing buttons vertically stacked on mobile viewports and side-by-side in a horizontal row from breakpoint ‘xs’. You always need to provide a base value when using breakpoints.
-     */
-    direction?: BreakpointCustomizable<ButtonGroupDirection>;
-} & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/button-group.wrapper.mjs

@@ -1,22 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
-import { syncRef } from '../../utils.mjs';
-
-const PButtonGroup = /*#__PURE__*/ forwardRef(({ direction = { base: 'column', xs: 'row' }, className, ...rest }, ref) => {
-    const elementRef = useRef(undefined);
-    const WebComponentTag = usePrefix('p-button-group');
-    useBrowserLayoutEffect(() => {
-        elementRef.current.direction = direction;
-    }, [direction]);
-    const props = {
-        ...rest,
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PButtonGroup };

package/esm/lib/components/checkbox-wrapper.wrapper.d.ts

@@ -1,57 +0,0 @@
-import type { BaseProps } from '../../BaseProps';
-import type { BreakpointCustomizable, CheckboxWrapperState, Theme } from '../types';
-export type PCheckboxWrapperProps = BaseProps & {
-    /**
-     * Show or hide label. For better accessibility it's recommended to show the label.
-     */
-    hideLabel?: BreakpointCustomizable<boolean>;
-    /**
-     * The label text.
-     */
-    label?: string;
-    /**
-     * @experimental Disables the checkbox and shows a loading indicator.
-     */
-    loading?: boolean;
-    /**
-     * The message styled depending on validation state.
-     */
-    message?: string;
-    /**
-     * The validation state.
-     */
-    state?: CheckboxWrapperState;
-    /**
-     * Adapts the color depending on the theme.
-     */
-    theme?: Theme;
-};
-/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead. */
-export declare const PCheckboxWrapper: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
-    /**
-     * Show or hide label. For better accessibility it's recommended to show the label.
-     */
-    hideLabel?: BreakpointCustomizable<boolean>;
-    /**
-     * The label text.
-     */
-    label?: string;
-    /**
-     * @experimental Disables the checkbox and shows a loading indicator.
-     */
-    loading?: boolean;
-    /**
-     * The message styled depending on validation state.
-     */
-    message?: string;
-    /**
-     * The validation state.
-     */
-    state?: CheckboxWrapperState;
-    /**
-     * Adapts the color depending on the theme.
-     */
-    theme?: Theme;
-} & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/checkbox-wrapper.wrapper.mjs

@@ -1,25 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
-import { syncRef } from '../../utils.mjs';
-
-/** @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` instead. */
-const PCheckboxWrapper = /*#__PURE__*/ forwardRef(({ hideLabel = false, label = '', loading = false, message = '', state = 'none', theme, className, ...rest }, ref) => {
-    const elementRef = useRef(undefined);
-    const WebComponentTag = usePrefix('p-checkbox-wrapper');
-    const propsToSync = [hideLabel, label, loading, message, state, theme || useTheme()];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['hideLabel', 'label', 'loading', 'message', 'state', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PCheckboxWrapper };

package/esm/lib/components/content-wrapper.wrapper.d.ts

@@ -1,37 +0,0 @@
-import type { BaseProps } from '../../BaseProps';
-import type { ContentWrapperBackgroundColor, Theme, ContentWrapperWidth } from '../types';
-export type PContentWrapperProps = BaseProps & {
-    /**
-     * Has no effect anymore
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    backgroundColor?: ContentWrapperBackgroundColor;
-    /**
-     * Has no effect anymore
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    theme?: Theme;
-    /**
-     * Defines the outer spacings between the content area and the left and right screen sides, as well as centering its content and setting a max-width.
-     */
-    width?: ContentWrapperWidth;
-};
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
-export declare const PContentWrapper: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
-    /**
-     * Has no effect anymore
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    backgroundColor?: ContentWrapperBackgroundColor;
-    /**
-     * Has no effect anymore
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    theme?: Theme;
-    /**
-     * Defines the outer spacings between the content area and the left and right screen sides, as well as centering its content and setting a max-width.
-     */
-    width?: ContentWrapperWidth;
-} & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/content-wrapper.wrapper.mjs

@@ -1,25 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
-import { syncRef } from '../../utils.mjs';
-
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
-const PContentWrapper = /*#__PURE__*/ forwardRef(({ backgroundColor = 'transparent', theme, width = 'extended', className, ...rest }, ref) => {
-    const elementRef = useRef(undefined);
-    const WebComponentTag = usePrefix('p-content-wrapper');
-    const propsToSync = [backgroundColor, theme || useTheme(), width];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['backgroundColor', 'theme', 'width'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PContentWrapper };

package/esm/lib/components/fieldset-wrapper.wrapper.d.ts

@@ -1,57 +0,0 @@
-import type { BaseProps } from '../../BaseProps';
-import type { FieldsetWrapperLabelSize, FieldsetWrapperState, Theme } from '../types';
-export type PFieldsetWrapperProps = BaseProps & {
-    /**
-     * The label text.
-     */
-    label?: string;
-    /**
-     * The size of the label text.
-     */
-    labelSize?: FieldsetWrapperLabelSize;
-    /**
-     * The message styled depending on validation state.
-     */
-    message?: string;
-    /**
-     * Marks the Fieldset as required.
-     */
-    required?: boolean;
-    /**
-     * The validation state.
-     */
-    state?: FieldsetWrapperState;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
-};
-/** @deprecated since v3.0.0, will be removed with next major release. Please use `p-fieldset` instead. */
-export declare const PFieldsetWrapper: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
-    /**
-     * The label text.
-     */
-    label?: string;
-    /**
-     * The size of the label text.
-     */
-    labelSize?: FieldsetWrapperLabelSize;
-    /**
-     * The message styled depending on validation state.
-     */
-    message?: string;
-    /**
-     * Marks the Fieldset as required.
-     */
-    required?: boolean;
-    /**
-     * The validation state.
-     */
-    state?: FieldsetWrapperState;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
-} & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/fieldset-wrapper.wrapper.mjs

@@ -1,25 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useTheme, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
-import { syncRef } from '../../utils.mjs';
-
-/** @deprecated since v3.0.0, will be removed with next major release. Please use `p-fieldset` instead. */
-const PFieldsetWrapper = /*#__PURE__*/ forwardRef(({ label = '', labelSize = 'medium', message = '', required = false, state = 'none', theme, className, ...rest }, ref) => {
-    const elementRef = useRef(undefined);
-    const WebComponentTag = usePrefix('p-fieldset-wrapper');
-    const propsToSync = [label, labelSize, message, required, state, theme || useTheme()];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['label', 'labelSize', 'message', 'required', 'state', 'theme'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PFieldsetWrapper };

package/esm/lib/components/flex-item.wrapper.d.ts

@@ -1,57 +0,0 @@
-import type { BaseProps } from '../../BaseProps';
-import type { BreakpointCustomizable, FlexItemAlignSelf, FlexItemFlex, FlexItemGrow, FlexItemOffset, FlexItemShrink, FlexItemWidth } from '../types';
-export type PFlexItemProps = BaseProps & {
-    /**
-     * Defines how this flex item is aligned along the cross axis. This overwrites the cross axis alignment set by the container. Corresponds to the "alignSelf" css property.
-     */
-    alignSelf?: BreakpointCustomizable<FlexItemAlignSelf>;
-    /**
-     * The shorthand property for the combined definition of "shrink", "grow" and "basis"
-     */
-    flex?: BreakpointCustomizable<FlexItemFlex>;
-    /**
-     * The ability to allow/disallow the flex child to grow.
-     */
-    grow?: BreakpointCustomizable<FlexItemGrow>;
-    /**
-     * The offset of the column. You can also supply values for specific breakpoints, like {base: "none", l: "one-quarter"}. You always need to provide a base value when doing this.
-     */
-    offset?: BreakpointCustomizable<FlexItemOffset>;
-    /**
-     * The ability to allow/disallow the flex child to shrink.
-     */
-    shrink?: BreakpointCustomizable<FlexItemShrink>;
-    /**
-     * The width of the flex item. You can also supply values for specific breakpoints, like {base: "full", l: "one-quarter"}. You always need to provide a base value when doing this.
-     */
-    width?: BreakpointCustomizable<FlexItemWidth>;
-};
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
-export declare const PFlexItem: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
-    /**
-     * Defines how this flex item is aligned along the cross axis. This overwrites the cross axis alignment set by the container. Corresponds to the "alignSelf" css property.
-     */
-    alignSelf?: BreakpointCustomizable<FlexItemAlignSelf>;
-    /**
-     * The shorthand property for the combined definition of "shrink", "grow" and "basis"
-     */
-    flex?: BreakpointCustomizable<FlexItemFlex>;
-    /**
-     * The ability to allow/disallow the flex child to grow.
-     */
-    grow?: BreakpointCustomizable<FlexItemGrow>;
-    /**
-     * The offset of the column. You can also supply values for specific breakpoints, like {base: "none", l: "one-quarter"}. You always need to provide a base value when doing this.
-     */
-    offset?: BreakpointCustomizable<FlexItemOffset>;
-    /**
-     * The ability to allow/disallow the flex child to shrink.
-     */
-    shrink?: BreakpointCustomizable<FlexItemShrink>;
-    /**
-     * The width of the flex item. You can also supply values for specific breakpoints, like {base: "full", l: "one-quarter"}. You always need to provide a base value when doing this.
-     */
-    width?: BreakpointCustomizable<FlexItemWidth>;
-} & {
-    children?: import("react").ReactNode | undefined;
-} & import("react").RefAttributes<HTMLElement>>;

package/esm/lib/components/flex-item.wrapper.mjs

@@ -1,25 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef } from 'react';
-import { usePrefix, useBrowserLayoutEffect, useMergedClass } from '../../hooks.mjs';
-import { syncRef } from '../../utils.mjs';
-
-/** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Flex instead. */
-const PFlexItem = /*#__PURE__*/ forwardRef(({ alignSelf = 'auto', flex = 'initial', grow = 0, offset = 'none', shrink = 1, width = 'auto', className, ...rest }, ref) => {
-    const elementRef = useRef(undefined);
-    const WebComponentTag = usePrefix('p-flex-item');
-    const propsToSync = [alignSelf, flex, grow, offset, shrink, width];
-    useBrowserLayoutEffect(() => {
-        const { current } = elementRef;
-        ['alignSelf', 'flex', 'grow', 'offset', 'shrink', 'width'].forEach((propName, i) => (current[propName] = propsToSync[i]));
-    }, propsToSync);
-    const props = {
-        ...rest,
-        class: useMergedClass(elementRef, className),
-        ref: syncRef(elementRef, ref)
-    };
-    // @ts-ignore
-    return jsx(WebComponentTag, { ...props });
-});
-
-export { PFlexItem };