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

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

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { SelectedAriaRole, FieldsetLabelSize, FieldsetState, Theme } from '../types';
+import type { SelectedAriaRole, FieldsetLabelSize, FieldsetState } from '../types';
 export type PFieldsetProps = BaseProps & {
     /**
      * Add ARIA attributes.
@@ -25,12 +25,8 @@ export type PFieldsetProps = BaseProps & {
      * The validation state.
      */
     state?: FieldsetState;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
 };
-export declare const PFieldset: 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"> & {
+export declare const PFieldset: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Add ARIA attributes.
      */
@@ -55,10 +51,6 @@ export declare const PFieldset: import("react").ForwardRefExoticComponent<Omit<i
      * The validation state.
      */
     state?: FieldsetState;
-    /**
-     * Adapts color depending on theme.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/ssr/esm/lib/components/flag.wrapper.d.ts

@@ -14,7 +14,7 @@ export type PFlagProps = BaseProps & {
      */
     size?: FlagSize;
 };
-export declare const PFlag: 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"> & {
+export declare const PFlag: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * A map of ARIA attributes to enhance the flag's accessibility. For example, use `{ 'aria-label': 'German flag' }` to provide a descriptive label for screen readers.
      */

package/ssr/esm/lib/components/flyout.wrapper.d.ts

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { SelectedAriaAttributes, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition, Theme } from '../types';
+import type { SelectedAriaAttributes, FlyoutAriaAttribute, FlyoutBackdrop, FlyoutBackground, FlyoutFooterBehavior, FlyoutMotionHiddenEndEventDetail, FlyoutMotionVisibleEndEventDetail, FlyoutPosition } from '../types';
 export type PFlyoutProps = BaseProps & {
     /**
      * Add ARIA attributes.
@@ -9,6 +9,10 @@ export type PFlyoutProps = BaseProps & {
      * Defines the backdrop, 'blur' (should be used when the underlying content is not relevant for users) and 'shading' (should be used when the user still needs a visual connection to the underlying content).
      */
     backdrop?: FlyoutBackdrop;
+    /**
+     * Defines the background color
+     */
+    background?: FlyoutBackground;
     /**
      * If true, the flyout will not be closable via backdrop click.
      */
@@ -37,12 +41,8 @@ export type PFlyoutProps = BaseProps & {
      * The position of the flyout
      */
     position?: FlyoutPosition;
-    /**
-     * Adapts the flyout color depending on the theme.
-     */
-    theme?: Theme;
 };
-export declare const PFlyout: 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"> & {
+export declare const PFlyout: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Add ARIA attributes.
      */
@@ -51,6 +51,10 @@ export declare const PFlyout: import("react").ForwardRefExoticComponent<Omit<imp
      * Defines the backdrop, 'blur' (should be used when the underlying content is not relevant for users) and 'shading' (should be used when the user still needs a visual connection to the underlying content).
      */
     backdrop?: FlyoutBackdrop;
+    /**
+     * Defines the background color
+     */
+    background?: FlyoutBackground;
     /**
      * If true, the flyout will not be closable via backdrop click.
      */
@@ -79,10 +83,6 @@ export declare const PFlyout: import("react").ForwardRefExoticComponent<Omit<imp
      * The position of the flyout
      */
     position?: FlyoutPosition;
-    /**
-     * Adapts the flyout color depending on the theme.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/ssr/esm/lib/components/heading.wrapper.d.ts

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { HeadingAlign, HeadingColor, BreakpointCustomizable, HeadingSize, HeadingTag, Theme } from '../types';
+import type { HeadingAlign, HeadingColor, BreakpointCustomizable, HeadingSize, HeadingTag } from '../types';
 export type PHeadingProps = BaseProps & {
     /**
      * Text alignment of the component.
@@ -21,12 +21,8 @@ export type PHeadingProps = BaseProps & {
      * Sets a heading tag, so it fits correctly within the outline of the page.
      */
     tag?: HeadingTag;
-    /**
-     * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
-     */
-    theme?: Theme;
 };
-export declare const PHeading: 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"> & {
+export declare const PHeading: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Text alignment of the component.
      */
@@ -47,10 +43,6 @@ export declare const PHeading: import("react").ForwardRefExoticComponent<Omit<im
      * Sets a heading tag, so it fits correctly within the outline of the page.
      */
     tag?: HeadingTag;
-    /**
-     * Adapts the text color depending on the theme. Has no effect when "inherit" is set as color prop.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/ssr/esm/lib/components/icon.wrapper.d.ts

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { SelectedAriaAttributes, IconAriaAttribute, IconColor, IconName, IconSize, Theme } from '../types';
+import type { SelectedAriaAttributes, IconAriaAttribute, IconColor, IconName, IconSize } from '../types';
 export type PIconProps = BaseProps & {
     /**
      * Add ARIA attributes.
@@ -9,11 +9,6 @@ export type PIconProps = BaseProps & {
      * Basic color variations depending on theme property.
      */
     color?: IconColor;
-    /**
-     * Has no effect anymore (the component is now using the native `loading="lazy"` attribute by default)
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    lazy?: boolean;
     /**
      * Specifies which icon to use.
      */
@@ -26,12 +21,8 @@ export type PIconProps = BaseProps & {
      * Specifies a whole icon path which can be used for custom icons.
      */
     source?: string;
-    /**
-     * Adapts the color depending on the theme. Has no effect when "inherit" is set as color prop.
-     */
-    theme?: Theme;
 };
-export declare const PIcon: 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"> & {
+export declare const PIcon: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Add ARIA attributes.
      */
@@ -40,11 +31,6 @@ export declare const PIcon: import("react").ForwardRefExoticComponent<Omit<impor
      * Basic color variations depending on theme property.
      */
     color?: IconColor;
-    /**
-     * Has no effect anymore (the component is now using the native `loading="lazy"` attribute by default)
-     * @deprecated since v3.0.0, will be removed with next major release
-     */
-    lazy?: boolean;
     /**
      * Specifies which icon to use.
      */
@@ -57,8 +43,4 @@ export declare const PIcon: import("react").ForwardRefExoticComponent<Omit<impor
      * Specifies a whole icon path which can be used for custom icons.
      */
     source?: string;
-    /**
-     * Adapts the color depending on the theme. Has no effect when "inherit" is set as color prop.
-     */
-    theme?: Theme;
 } & import("react").RefAttributes<HTMLElement>>;

package/ssr/esm/lib/components/index.d.ts

@@ -1,14 +1,11 @@
 export * from './accordion.wrapper';
 export * from './banner.wrapper';
 export * from './button.wrapper';
-export * from './button-group.wrapper';
 export * from './button-pure.wrapper';
 export * from './button-tile.wrapper';
 export * from './canvas.wrapper';
 export * from './carousel.wrapper';
 export * from './checkbox.wrapper';
-export * from './checkbox-wrapper.wrapper';
-export * from './content-wrapper.wrapper';
 export * from './crest.wrapper';
 export * from './display.wrapper';
 export * from './divider.wrapper';
@@ -16,19 +13,14 @@ export * from './drilldown.wrapper';
 export * from './drilldown-item.wrapper';
 export * from './drilldown-link.wrapper';
 export * from './fieldset.wrapper';
-export * from './fieldset-wrapper.wrapper';
 export * from './flag.wrapper';
-export * from './flex.wrapper';
-export * from './flex-item.wrapper';
 export * from './flyout.wrapper';
-export * from './grid.wrapper';
-export * from './grid-item.wrapper';
 export * from './heading.wrapper';
-export * from './headline.wrapper';
 export * from './icon.wrapper';
 export * from './inline-notification.wrapper';
 export * from './input-date.wrapper';
 export * from './input-email.wrapper';
+export * from './input-month.wrapper';
 export * from './input-number.wrapper';
 export * from './input-password.wrapper';
 export * from './input-search.wrapper';
@@ -36,13 +28,11 @@ export * from './input-tel.wrapper';
 export * from './input-text.wrapper';
 export * from './input-time.wrapper';
 export * from './input-url.wrapper';
+export * from './input-week.wrapper';
 export * from './link.wrapper';
 export * from './link-pure.wrapper';
-export * from './link-social.wrapper';
 export * from './link-tile.wrapper';
-export * from './link-tile-model-signature.wrapper';
 export * from './link-tile-product.wrapper';
-export * from './marque.wrapper';
 export * from './modal.wrapper';
 export * from './model-signature.wrapper';
 export * from './multi-select.wrapper';
@@ -51,7 +41,6 @@ export * from './optgroup.wrapper';
 export * from './pagination.wrapper';
 export * from './pin-code.wrapper';
 export * from './popover.wrapper';
-export * from './radio-button-wrapper.wrapper';
 export * from './radio-group.wrapper';
 export * from './radio-group-option.wrapper';
 export * from './scroller.wrapper';
@@ -59,7 +48,6 @@ export * from './segmented-control.wrapper';
 export * from './segmented-control-item.wrapper';
 export * from './select.wrapper';
 export * from './select-option.wrapper';
-export * from './select-wrapper.wrapper';
 export * from './sheet.wrapper';
 export * from './spinner.wrapper';
 export * from './stepper-horizontal.wrapper';
@@ -78,10 +66,8 @@ export * from './tabs-item.wrapper';
 export * from './tag.wrapper';
 export * from './tag-dismissible.wrapper';
 export * from './text.wrapper';
-export * from './text-field-wrapper.wrapper';
 export * from './text-list.wrapper';
 export * from './text-list-item.wrapper';
 export * from './textarea.wrapper';
-export * from './textarea-wrapper.wrapper';
 export * from './toast.wrapper';
 export * from './wordmark.wrapper';

package/ssr/esm/lib/components/inline-notification.wrapper.d.ts

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState, Theme } from '../types';
+import type { InlineNotificationActionIcon, InlineNotificationHeadingTag, InlineNotificationState } from '../types';
 export type PInlineNotificationProps = BaseProps & {
     /**
      * Action icon of the inline-notification.
@@ -37,20 +37,12 @@ export type PInlineNotificationProps = BaseProps & {
      * Emitted when the close button is clicked.
      */
     onDismiss?: (event: CustomEvent<void>) => void;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. Defines if the inline-notification can be closed/removed by the user.
-     */
-    persistent?: boolean;
     /**
      * State of the inline-notification.
      */
     state?: InlineNotificationState;
-    /**
-     * Adapts the inline-notification color depending on the theme.
-     */
-    theme?: Theme;
 };
-export declare const PInlineNotification: 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"> & {
+export declare const PInlineNotification: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Action icon of the inline-notification.
      */
@@ -87,18 +79,10 @@ export declare const PInlineNotification: import("react").ForwardRefExoticCompon
      * Emitted when the close button is clicked.
      */
     onDismiss?: (event: CustomEvent<void>) => void;
-    /**
-     * @deprecated since v3.0.0, will be removed with next major release, use `dismissButton` instead. Defines if the inline-notification can be closed/removed by the user.
-     */
-    persistent?: boolean;
     /**
      * State of the inline-notification.
      */
     state?: InlineNotificationState;
-    /**
-     * Adapts the inline-notification color depending on the theme.
-     */
-    theme?: Theme;
 } & {
     children?: import("react").ReactNode | undefined;
 } & import("react").RefAttributes<HTMLElement>>;

package/ssr/esm/lib/components/input-date.wrapper.d.ts

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { BreakpointCustomizable, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState, Theme } from '../types';
+import type { BreakpointCustomizable, InputDateBlurEventDetail, InputDateChangeEventDetail, InputDateInputEventDetail, InputDateState } from '../types';
 export type PInputDateProps = BaseProps & {
     /**
      * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., auto-complete='bday' for a birthday).
@@ -77,16 +77,12 @@ export type PInputDateProps = BaseProps & {
      * Defines the granularity of the date input. This value is given in days. The default is 1 (one day).
      */
     step?: number;
-    /**
-     * Controls the visual appearance of the component.
-     */
-    theme?: Theme;
     /**
      * The default date value for the input, in YYYY-MM-DD format (e.g., value='2025-07-02').
      */
     value?: string;
 };
-export declare const PInputDate: 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"> & {
+export declare const PInputDate: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., auto-complete='bday' for a birthday).
      */
@@ -163,10 +159,6 @@ export declare const PInputDate: import("react").ForwardRefExoticComponent<Omit<
      * Defines the granularity of the date input. This value is given in days. The default is 1 (one day).
      */
     step?: number;
-    /**
-     * Controls the visual appearance of the component.
-     */
-    theme?: Theme;
     /**
      * The default date value for the input, in YYYY-MM-DD format (e.g., value='2025-07-02').
      */

package/ssr/esm/lib/components/input-email.wrapper.d.ts

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { BreakpointCustomizable, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState, Theme } from '../types';
+import type { BreakpointCustomizable, InputEmailBlurEventDetail, InputEmailChangeEventDetail, InputEmailInputEventDetail, InputEmailState } from '../types';
 export type PInputEmailProps = BaseProps & {
     /**
      * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='email').
@@ -89,16 +89,12 @@ export type PInputEmailProps = BaseProps & {
      * Indicates the validation or overall status of the input component.
      */
     state?: InputEmailState;
-    /**
-     * Controls the visual appearance of the component.
-     */
-    theme?: Theme;
     /**
      * The default email address (or comma-separated list of addresses) for the input.
      */
     value?: string;
 };
-export declare const PInputEmail: 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"> & {
+export declare const PInputEmail: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='email').
      */
@@ -187,10 +183,6 @@ export declare const PInputEmail: import("react").ForwardRefExoticComponent<Omit
      * Indicates the validation or overall status of the input component.
      */
     state?: InputEmailState;
-    /**
-     * Controls the visual appearance of the component.
-     */
-    theme?: Theme;
     /**
      * The default email address (or comma-separated list of addresses) for the input.
      */

package/ssr/esm/lib/components/input-month.wrapper.d.ts

@@ -0,0 +1,168 @@
+import type { BaseProps } from '../../BaseProps';
+import type { BreakpointCustomizable, InputMonthBlurEventDetail, InputMonthChangeEventDetail, InputMonthInputEventDetail, InputMonthState } from '../types';
+export type PInputMonthProps = BaseProps & {
+    /**
+     * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features.
+     */
+    autoComplete?: string;
+    /**
+     * A boolean value that, if present, renders the input field as a compact version.
+     */
+    compact?: boolean;
+    /**
+     * Supplementary text providing more context or explanation for the input.
+     */
+    description?: string;
+    /**
+     * A boolean value that, if present, makes the input field unusable and unclickable. The value will not be submitted with the form.
+     */
+    disabled?: boolean;
+    /**
+     * Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
+     */
+    form?: string;
+    /**
+     * Controls the visibility of the label.
+     */
+    hideLabel?: BreakpointCustomizable<boolean>;
+    /**
+     * Text content for a user-facing label.
+     */
+    label?: string;
+    /**
+     * @experimental Shows a loading indicator.
+     */
+    loading?: boolean;
+    /**
+     * Specifies the latest month that can be selected. The value must be a month string in YYYY-MM format(e.g., max='2024-12').
+     */
+    max?: string;
+    /**
+     * Dynamic feedback text for validation or status.
+     */
+    message?: string;
+    /**
+     * Specifies the earliest month that can be selected. The value must be a month string in YYYY-MM format (e.g., min='2023-01').
+     */
+    min?: string;
+    /**
+     * The name of the input field, used when submitting the form data.
+     */
+    name: string;
+    /**
+     * Emitted when the number input has lost focus.
+     */
+    onBlur?: (event: CustomEvent<InputMonthBlurEventDetail>) => void;
+    /**
+     * Emitted when the number input loses focus after its value was changed.
+     */
+    onChange?: (event: CustomEvent<InputMonthChangeEventDetail>) => void;
+    /**
+     * Emitted when the value has been changed as a direct result of a user action.
+     */
+    onInput?: (event: CustomEvent<InputMonthInputEventDetail>) => void;
+    /**
+     * A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
+     */
+    readOnly?: boolean;
+    /**
+     * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
+     */
+    required?: boolean;
+    /**
+     * Indicates the validation or overall status of the input component.
+     */
+    state?: InputMonthState;
+    /**
+     * Defines the stepping interval in months. For example, step="1" increments by 1 month, step="12" by 1 year. The default is 1 month.
+     */
+    step?: number;
+    /**
+     * The default month value for the input, in YYYY-MM format (e.g., value='2025-07').
+     */
+    value?: string;
+};
+export declare const PInputMonth: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
+    /**
+     * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features.
+     */
+    autoComplete?: string;
+    /**
+     * A boolean value that, if present, renders the input field as a compact version.
+     */
+    compact?: boolean;
+    /**
+     * Supplementary text providing more context or explanation for the input.
+     */
+    description?: string;
+    /**
+     * A boolean value that, if present, makes the input field unusable and unclickable. The value will not be submitted with the form.
+     */
+    disabled?: boolean;
+    /**
+     * Specifies the id of the <form> element that the input belongs to (useful if the input is not a direct descendant of the form).
+     */
+    form?: string;
+    /**
+     * Controls the visibility of the label.
+     */
+    hideLabel?: BreakpointCustomizable<boolean>;
+    /**
+     * Text content for a user-facing label.
+     */
+    label?: string;
+    /**
+     * @experimental Shows a loading indicator.
+     */
+    loading?: boolean;
+    /**
+     * Specifies the latest month that can be selected. The value must be a month string in YYYY-MM format(e.g., max='2024-12').
+     */
+    max?: string;
+    /**
+     * Dynamic feedback text for validation or status.
+     */
+    message?: string;
+    /**
+     * Specifies the earliest month that can be selected. The value must be a month string in YYYY-MM format (e.g., min='2023-01').
+     */
+    min?: string;
+    /**
+     * The name of the input field, used when submitting the form data.
+     */
+    name: string;
+    /**
+     * Emitted when the number input has lost focus.
+     */
+    onBlur?: (event: CustomEvent<InputMonthBlurEventDetail>) => void;
+    /**
+     * Emitted when the number input loses focus after its value was changed.
+     */
+    onChange?: (event: CustomEvent<InputMonthChangeEventDetail>) => void;
+    /**
+     * Emitted when the value has been changed as a direct result of a user action.
+     */
+    onInput?: (event: CustomEvent<InputMonthInputEventDetail>) => void;
+    /**
+     * A boolean value that, if present, makes the input field uneditable by the user, but its value will still be submitted with the form.
+     */
+    readOnly?: boolean;
+    /**
+     * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
+     */
+    required?: boolean;
+    /**
+     * Indicates the validation or overall status of the input component.
+     */
+    state?: InputMonthState;
+    /**
+     * Defines the stepping interval in months. For example, step="1" increments by 1 month, step="12" by 1 year. The default is 1 month.
+     */
+    step?: number;
+    /**
+     * The default month value for the input, in YYYY-MM format (e.g., value='2025-07').
+     */
+    value?: string;
+} & {
+    children?: import("react").ReactNode | undefined;
+} & import("react").RefAttributes<HTMLElement>>;

package/ssr/esm/lib/components/input-number.wrapper.d.ts

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { BreakpointCustomizable, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState, Theme } from '../types';
+import type { BreakpointCustomizable, InputNumberBlurEventDetail, InputNumberChangeEventDetail, InputNumberInputEventDetail, InputNumberState } from '../types';
 export type PInputNumberProps = BaseProps & {
     /**
      * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='postal-code').
@@ -85,16 +85,12 @@ export type PInputNumberProps = BaseProps & {
      * The granularity that the value must adhere to.
      */
     step?: number;
-    /**
-     * Controls the visual appearance of the component.
-     */
-    theme?: Theme;
     /**
      * The number input value.
      */
     value?: string;
 };
-export declare const PInputNumber: 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"> & {
+export declare const PInputNumber: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='postal-code').
      */
@@ -179,10 +175,6 @@ export declare const PInputNumber: import("react").ForwardRefExoticComponent<Omi
      * The granularity that the value must adhere to.
      */
     step?: number;
-    /**
-     * Controls the visual appearance of the component.
-     */
-    theme?: Theme;
     /**
      * The number input value.
      */

package/ssr/esm/lib/components/input-password.wrapper.d.ts

@@ -1,5 +1,5 @@
 import type { BaseProps } from '../../BaseProps';
-import type { BreakpointCustomizable, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState, Theme } from '../types';
+import type { BreakpointCustomizable, InputPasswordBlurEventDetail, InputPasswordChangeEventDetail, InputPasswordInputEventDetail, InputPasswordState } from '../types';
 export type PInputPasswordProps = BaseProps & {
     /**
      * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='current-password', autocomplete='new-password').
@@ -77,10 +77,6 @@ export type PInputPasswordProps = BaseProps & {
      * Indicates the validation or overall status of the input component.
      */
     state?: InputPasswordState;
-    /**
-     * Controls the visual appearance of the component.
-     */
-    theme?: Theme;
     /**
      * Show or hide password toggle for `input type="password"`.
      */
@@ -90,7 +86,7 @@ export type PInputPasswordProps = BaseProps & {
      */
     value?: string;
 };
-export declare const PInputPassword: 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"> & {
+export declare const PInputPassword: import("react").ForwardRefExoticComponent<Omit<import("react").DOMAttributes<{}>, "onChange" | "onInput" | "onToggle"> & Pick<import("react").HTMLAttributes<{}>, "suppressHydrationWarning" | "autoFocus" | "className" | "dir" | "hidden" | "id" | "inert" | "lang" | "slot" | "style" | "tabIndex" | "title" | "translate" | "role"> & {
     /**
      * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='current-password', autocomplete='new-password').
      */
@@ -167,10 +163,6 @@ export declare const PInputPassword: import("react").ForwardRefExoticComponent<O
      * Indicates the validation or overall status of the input component.
      */
     state?: InputPasswordState;
-    /**
-     * Controls the visual appearance of the component.
-     */
-    theme?: Theme;
     /**
      * Show or hide password toggle for `input type="password"`.
      */