@porsche-design-system/components-vue 3.29.0-rc.2 → 3.29.0-rc.3

package/CHANGELOG.md

@@ -14,6 +14,13 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ## [Unreleased]
 
+## [3.29.0-rc.3] - 2025-07-29
+
+### Fixed
+
+- Partials: `topLevelAwait` issue in ESM build
+  ([#3947](https://github.com/porsche-design-system/porsche-design-system/pull/3947))
+
 ## [3.29.0-rc.2] - 2025-07-28
 
 ### Changed
@@ -30,6 +37,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
   ([#3916](https://github.com/porsche-design-system/porsche-design-system/pull/3916))
 - `Input Text`: `counter` prop functions independently of `max-length`, allowing character count display even when no
   limit is set ([#3901](https://github.com/porsche-design-system/porsche-design-system/pull/3901))
+- `Input Email`: ([#3927](https://github.com/porsche-design-system/porsche-design-system/pull/3927))
 
 ### Changed
 

package/cjs/lib/components/InputEmailWrapper.vue.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),u=e.defineComponent({__name:"InputEmailWrapper",props:{autoComplete:{},compact:{type:Boolean,default:!1},description:{default:""},disabled:{type:Boolean,default:!1},form:{},hideLabel:{default:!1},indicator:{type:Boolean,default:!1},label:{default:""},loading:{type:Boolean,default:!1},maxLength:{},message:{default:""},minLength:{},multiple:{type:Boolean,default:!1},name:{},pattern:{},placeholder:{default:""},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},state:{default:"none"},theme:{},value:{default:""}},emits:["blur","change","input"],setup(d,{emit:f}){const p=t.usePrefix("p-input-email"),a=d,n=e.ref(),o=f,s=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...a,theme:a.theme||s.value});return e.onMounted(()=>{r(),t.addEventListenerToElementRef(n,"blur",o),t.addEventListenerToElementRef(n,"change",o),t.addEventListenerToElementRef(n,"input",o)}),e.onUpdated(r),e.watch(s,l=>{t.syncProperties(n,{theme:a.theme||l})}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},512))}});module.exports=u;

package/cjs/lib/components/InputEmailWrapper.vue2.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("./InputEmailWrapper.vue.cjs");module.exports=e;

package/cjs/public-api.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("@porsche-design-system/components-js"),t=require("./lib/components/AccordionWrapper.vue.cjs"),p=require("./lib/components/BannerWrapper.vue.cjs"),u=require("./lib/components/ButtonWrapper.vue.cjs"),s=require("./lib/components/ButtonGroupWrapper.vue.cjs"),n=require("./lib/components/ButtonPureWrapper.vue.cjs"),i=require("./lib/components/ButtonTileWrapper.vue.cjs"),a=require("./lib/components/CanvasWrapper.vue.cjs"),c=require("./lib/components/CarouselWrapper.vue.cjs"),o=require("./lib/components/CheckboxWrapper.vue.cjs"),l=require("./lib/components/CheckboxWrapperWrapper.vue.cjs"),v=require("./lib/components/ContentWrapperWrapper.vue.cjs"),g=require("./lib/components/CrestWrapper.vue.cjs"),P=require("./lib/components/DisplayWrapper.vue.cjs"),y=require("./lib/components/DividerWrapper.vue.cjs"),W=require("./lib/components/DrilldownWrapper.vue.cjs"),q=require("./lib/components/DrilldownItemWrapper.vue.cjs"),d=require("./lib/components/DrilldownLinkWrapper.vue.cjs"),T=require("./lib/components/FieldsetWrapper.vue.cjs"),S=require("./lib/components/FieldsetWrapperWrapper.vue.cjs"),m=require("./lib/components/FlexWrapper.vue.cjs"),b=require("./lib/components/FlexItemWrapper.vue.cjs"),I=require("./lib/components/FlyoutWrapper.vue.cjs"),x=require("./lib/components/GridWrapper.vue.cjs"),C=require("./lib/components/GridItemWrapper.vue.cjs"),k=require("./lib/components/HeadingWrapper.vue.cjs"),h=require("./lib/components/HeadlineWrapper.vue.cjs"),D=require("./lib/components/IconWrapper.vue.cjs"),L=require("./lib/components/InlineNotificationWrapper.vue.cjs"),B=require("./lib/components/InputNumberWrapper.vue.cjs"),M=require("./lib/components/InputPasswordWrapper.vue.cjs"),w=require("./lib/components/InputSearchWrapper.vue.cjs"),H=require("./lib/components/InputTextWrapper.vue.cjs"),F=require("./lib/components/LinkWrapper.vue.cjs"),O=require("./lib/components/LinkPureWrapper.vue.cjs"),R=require("./lib/components/LinkSocialWrapper.vue.cjs"),G=require("./lib/components/LinkTileWrapper.vue.cjs"),f=require("./lib/components/LinkTileModelSignatureWrapper.vue.cjs"),j=require("./lib/components/LinkTileProductWrapper.vue.cjs"),z=require("./lib/components/MarqueWrapper.vue.cjs"),N=require("./lib/components/ModalWrapper.vue.cjs"),A=require("./lib/components/ModelSignatureWrapper.vue.cjs"),K=require("./lib/components/MultiSelectWrapper.vue.cjs"),J=require("./lib/components/MultiSelectOptionWrapper.vue.cjs"),E=require("./lib/components/OptgroupWrapper.vue.cjs"),Q=require("./lib/components/PaginationWrapper.vue.cjs"),U=require("./lib/components/PinCodeWrapper.vue.cjs"),V=require("./lib/components/PopoverWrapper.vue.cjs"),X=require("./lib/components/RadioButtonWrapperWrapper.vue.cjs"),Y=require("./lib/components/ScrollerWrapper.vue.cjs"),Z=require("./lib/components/SegmentedControlWrapper.vue.cjs"),$=require("./lib/components/SegmentedControlItemWrapper.vue.cjs"),ee=require("./lib/components/SelectWrapper.vue.cjs"),re=require("./lib/components/SelectOptionWrapper.vue.cjs"),_e=require("./lib/components/SelectWrapperWrapper.vue.cjs"),te=require("./lib/components/SheetWrapper.vue.cjs"),pe=require("./lib/components/SpinnerWrapper.vue.cjs"),ue=require("./lib/components/StepperHorizontalWrapper.vue.cjs"),se=require("./lib/components/StepperHorizontalItemWrapper.vue.cjs"),ne=require("./lib/components/SwitchWrapper.vue.cjs"),ie=require("./lib/components/TableWrapper.vue.cjs"),ae=require("./lib/components/TableBodyWrapper.vue.cjs"),ce=require("./lib/components/TableCellWrapper.vue.cjs"),oe=require("./lib/components/TableHeadWrapper.vue.cjs"),le=require("./lib/components/TableHeadCellWrapper.vue.cjs"),ve=require("./lib/components/TableHeadRowWrapper.vue.cjs"),ge=require("./lib/components/TableRowWrapper.vue.cjs"),Pe=require("./lib/components/TabsWrapper.vue.cjs"),ye=require("./lib/components/TabsBarWrapper.vue.cjs"),We=require("./lib/components/TabsItemWrapper.vue.cjs"),qe=require("./lib/components/TagWrapper.vue.cjs"),de=require("./lib/components/TagDismissibleWrapper.vue.cjs"),Te=require("./lib/components/TextWrapper.vue.cjs"),Se=require("./lib/components/TextFieldWrapperWrapper.vue.cjs"),me=require("./lib/components/TextListWrapper.vue.cjs"),be=require("./lib/components/TextListItemWrapper.vue.cjs"),Ie=require("./lib/components/TextareaWrapper.vue.cjs"),xe=require("./lib/components/TextareaWrapperWrapper.vue.cjs"),Ce=require("./lib/components/ToastWrapper.vue.cjs"),ke=require("./lib/components/WordmarkWrapper.vue.cjs"),e=require("./utils.cjs"),he=require("./PorscheDesignSystemProvider.vue.cjs"),r=require("./plugin.cjs");Object.defineProperty(exports,"componentsReady",{enumerable:!0,get:()=>_.componentsReady});exports.PAccordion=t;exports.PBanner=p;exports.PButton=u;exports.PButtonGroup=s;exports.PButtonPure=n;exports.PButtonTile=i;exports.PCanvas=a;exports.PCarousel=c;exports.PCheckbox=o;exports.PCheckboxWrapper=l;exports.PContentWrapper=v;exports.PCrest=g;exports.PDisplay=P;exports.PDivider=y;exports.PDrilldown=W;exports.PDrilldownItem=q;exports.PDrilldownLink=d;exports.PFieldset=T;exports.PFieldsetWrapper=S;exports.PFlex=m;exports.PFlexItem=b;exports.PFlyout=I;exports.PGrid=x;exports.PGridItem=C;exports.PHeading=k;exports.PHeadline=h;exports.PIcon=D;exports.PInlineNotification=L;exports.PInputNumber=B;exports.PInputPassword=M;exports.PInputSearch=w;exports.PInputText=H;exports.PLink=F;exports.PLinkPure=O;exports.PLinkSocial=R;exports.PLinkTile=G;exports.PLinkTileModelSignature=f;exports.PLinkTileProduct=j;exports.PMarque=z;exports.PModal=N;exports.PModelSignature=A;exports.PMultiSelect=K;exports.PMultiSelectOption=J;exports.POptgroup=E;exports.PPagination=Q;exports.PPinCode=U;exports.PPopover=V;exports.PRadioButtonWrapper=X;exports.PScroller=Y;exports.PSegmentedControl=Z;exports.PSegmentedControlItem=$;exports.PSelect=ee;exports.PSelectOption=re;exports.PSelectWrapper=_e;exports.PSheet=te;exports.PSpinner=pe;exports.PStepperHorizontal=ue;exports.PStepperHorizontalItem=se;exports.PSwitch=ne;exports.PTable=ie;exports.PTableBody=ae;exports.PTableCell=ce;exports.PTableHead=oe;exports.PTableHeadCell=le;exports.PTableHeadRow=ve;exports.PTableRow=ge;exports.PTabs=Pe;exports.PTabsBar=ye;exports.PTabsItem=We;exports.PTag=qe;exports.PTagDismissible=de;exports.PText=Te;exports.PTextFieldWrapper=Se;exports.PTextList=me;exports.PTextListItem=be;exports.PTextarea=Ie;exports.PTextareaWrapper=xe;exports.PToast=Ce;exports.PWordmark=ke;exports.themeInjectionKey=e.themeInjectionKey;exports.useToastManager=e.useToastManager;exports.PorscheDesignSystemProvider=he;exports.createPorscheDesignSystem=r.createPorscheDesignSystem;exports.usePorscheDesignSystemPlugin=r.usePorscheDesignSystemPlugin;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const _=require("@porsche-design-system/components-js"),t=require("./lib/components/AccordionWrapper.vue.cjs"),p=require("./lib/components/BannerWrapper.vue.cjs"),u=require("./lib/components/ButtonWrapper.vue.cjs"),s=require("./lib/components/ButtonGroupWrapper.vue.cjs"),n=require("./lib/components/ButtonPureWrapper.vue.cjs"),i=require("./lib/components/ButtonTileWrapper.vue.cjs"),a=require("./lib/components/CanvasWrapper.vue.cjs"),c=require("./lib/components/CarouselWrapper.vue.cjs"),o=require("./lib/components/CheckboxWrapper.vue.cjs"),l=require("./lib/components/CheckboxWrapperWrapper.vue.cjs"),v=require("./lib/components/ContentWrapperWrapper.vue.cjs"),g=require("./lib/components/CrestWrapper.vue.cjs"),P=require("./lib/components/DisplayWrapper.vue.cjs"),y=require("./lib/components/DividerWrapper.vue.cjs"),W=require("./lib/components/DrilldownWrapper.vue.cjs"),q=require("./lib/components/DrilldownItemWrapper.vue.cjs"),d=require("./lib/components/DrilldownLinkWrapper.vue.cjs"),T=require("./lib/components/FieldsetWrapper.vue.cjs"),S=require("./lib/components/FieldsetWrapperWrapper.vue.cjs"),m=require("./lib/components/FlexWrapper.vue.cjs"),b=require("./lib/components/FlexItemWrapper.vue.cjs"),I=require("./lib/components/FlyoutWrapper.vue.cjs"),x=require("./lib/components/GridWrapper.vue.cjs"),C=require("./lib/components/GridItemWrapper.vue.cjs"),k=require("./lib/components/HeadingWrapper.vue.cjs"),h=require("./lib/components/HeadlineWrapper.vue.cjs"),D=require("./lib/components/IconWrapper.vue.cjs"),L=require("./lib/components/InlineNotificationWrapper.vue.cjs"),B=require("./lib/components/InputEmailWrapper.vue.cjs"),M=require("./lib/components/InputNumberWrapper.vue.cjs"),w=require("./lib/components/InputPasswordWrapper.vue.cjs"),H=require("./lib/components/InputSearchWrapper.vue.cjs"),F=require("./lib/components/InputTextWrapper.vue.cjs"),O=require("./lib/components/LinkWrapper.vue.cjs"),R=require("./lib/components/LinkPureWrapper.vue.cjs"),G=require("./lib/components/LinkSocialWrapper.vue.cjs"),f=require("./lib/components/LinkTileWrapper.vue.cjs"),j=require("./lib/components/LinkTileModelSignatureWrapper.vue.cjs"),z=require("./lib/components/LinkTileProductWrapper.vue.cjs"),N=require("./lib/components/MarqueWrapper.vue.cjs"),A=require("./lib/components/ModalWrapper.vue.cjs"),E=require("./lib/components/ModelSignatureWrapper.vue.cjs"),K=require("./lib/components/MultiSelectWrapper.vue.cjs"),J=require("./lib/components/MultiSelectOptionWrapper.vue.cjs"),Q=require("./lib/components/OptgroupWrapper.vue.cjs"),U=require("./lib/components/PaginationWrapper.vue.cjs"),V=require("./lib/components/PinCodeWrapper.vue.cjs"),X=require("./lib/components/PopoverWrapper.vue.cjs"),Y=require("./lib/components/RadioButtonWrapperWrapper.vue.cjs"),Z=require("./lib/components/ScrollerWrapper.vue.cjs"),$=require("./lib/components/SegmentedControlWrapper.vue.cjs"),ee=require("./lib/components/SegmentedControlItemWrapper.vue.cjs"),re=require("./lib/components/SelectWrapper.vue.cjs"),_e=require("./lib/components/SelectOptionWrapper.vue.cjs"),te=require("./lib/components/SelectWrapperWrapper.vue.cjs"),pe=require("./lib/components/SheetWrapper.vue.cjs"),ue=require("./lib/components/SpinnerWrapper.vue.cjs"),se=require("./lib/components/StepperHorizontalWrapper.vue.cjs"),ne=require("./lib/components/StepperHorizontalItemWrapper.vue.cjs"),ie=require("./lib/components/SwitchWrapper.vue.cjs"),ae=require("./lib/components/TableWrapper.vue.cjs"),ce=require("./lib/components/TableBodyWrapper.vue.cjs"),oe=require("./lib/components/TableCellWrapper.vue.cjs"),le=require("./lib/components/TableHeadWrapper.vue.cjs"),ve=require("./lib/components/TableHeadCellWrapper.vue.cjs"),ge=require("./lib/components/TableHeadRowWrapper.vue.cjs"),Pe=require("./lib/components/TableRowWrapper.vue.cjs"),ye=require("./lib/components/TabsWrapper.vue.cjs"),We=require("./lib/components/TabsBarWrapper.vue.cjs"),qe=require("./lib/components/TabsItemWrapper.vue.cjs"),de=require("./lib/components/TagWrapper.vue.cjs"),Te=require("./lib/components/TagDismissibleWrapper.vue.cjs"),Se=require("./lib/components/TextWrapper.vue.cjs"),me=require("./lib/components/TextFieldWrapperWrapper.vue.cjs"),be=require("./lib/components/TextListWrapper.vue.cjs"),Ie=require("./lib/components/TextListItemWrapper.vue.cjs"),xe=require("./lib/components/TextareaWrapper.vue.cjs"),Ce=require("./lib/components/TextareaWrapperWrapper.vue.cjs"),ke=require("./lib/components/ToastWrapper.vue.cjs"),he=require("./lib/components/WordmarkWrapper.vue.cjs"),e=require("./utils.cjs"),De=require("./PorscheDesignSystemProvider.vue.cjs"),r=require("./plugin.cjs");Object.defineProperty(exports,"componentsReady",{enumerable:!0,get:()=>_.componentsReady});exports.PAccordion=t;exports.PBanner=p;exports.PButton=u;exports.PButtonGroup=s;exports.PButtonPure=n;exports.PButtonTile=i;exports.PCanvas=a;exports.PCarousel=c;exports.PCheckbox=o;exports.PCheckboxWrapper=l;exports.PContentWrapper=v;exports.PCrest=g;exports.PDisplay=P;exports.PDivider=y;exports.PDrilldown=W;exports.PDrilldownItem=q;exports.PDrilldownLink=d;exports.PFieldset=T;exports.PFieldsetWrapper=S;exports.PFlex=m;exports.PFlexItem=b;exports.PFlyout=I;exports.PGrid=x;exports.PGridItem=C;exports.PHeading=k;exports.PHeadline=h;exports.PIcon=D;exports.PInlineNotification=L;exports.PInputEmail=B;exports.PInputNumber=M;exports.PInputPassword=w;exports.PInputSearch=H;exports.PInputText=F;exports.PLink=O;exports.PLinkPure=R;exports.PLinkSocial=G;exports.PLinkTile=f;exports.PLinkTileModelSignature=j;exports.PLinkTileProduct=z;exports.PMarque=N;exports.PModal=A;exports.PModelSignature=E;exports.PMultiSelect=K;exports.PMultiSelectOption=J;exports.POptgroup=Q;exports.PPagination=U;exports.PPinCode=V;exports.PPopover=X;exports.PRadioButtonWrapper=Y;exports.PScroller=Z;exports.PSegmentedControl=$;exports.PSegmentedControlItem=ee;exports.PSelect=re;exports.PSelectOption=_e;exports.PSelectWrapper=te;exports.PSheet=pe;exports.PSpinner=ue;exports.PStepperHorizontal=se;exports.PStepperHorizontalItem=ne;exports.PSwitch=ie;exports.PTable=ae;exports.PTableBody=ce;exports.PTableCell=oe;exports.PTableHead=le;exports.PTableHeadCell=ve;exports.PTableHeadRow=ge;exports.PTableRow=Pe;exports.PTabs=ye;exports.PTabsBar=We;exports.PTabsItem=qe;exports.PTag=de;exports.PTagDismissible=Te;exports.PText=Se;exports.PTextFieldWrapper=me;exports.PTextList=be;exports.PTextListItem=Ie;exports.PTextarea=xe;exports.PTextareaWrapper=Ce;exports.PToast=ke;exports.PWordmark=he;exports.themeInjectionKey=e.themeInjectionKey;exports.useToastManager=e.useToastManager;exports.PorscheDesignSystemProvider=De;exports.createPorscheDesignSystem=r.createPorscheDesignSystem;exports.usePorscheDesignSystemPlugin=r.usePorscheDesignSystemPlugin;

package/esm/lib/components/InputEmailWrapper.vue.d.ts

@@ -0,0 +1,122 @@
+import type { BreakpointCustomizable, InputEmailState, Theme } from '../types';
+type PInputEmailProps = {
+    /**
+     * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='email').
+     */
+    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>;
+    /**
+     * Controls the visibility of an email icon.
+     */
+    indicator?: boolean;
+    /**
+     * Text content for a user-facing label.
+     */
+    label?: string;
+    /**
+     * @experimental Shows a loading indicator.
+     */
+    loading?: boolean;
+    /**
+     * A non-negative integer specifying the maximum number of characters the user can enter into the input.
+     */
+    maxLength?: number;
+    /**
+     * Dynamic feedback text for validation or status.
+     */
+    message?: string;
+    /**
+     * A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
+     */
+    minLength?: number;
+    /**
+     * A boolean value that, if present, it allows the user to enter a list of multiple email addresses, separated by commas (and optional whitespace). The browser will validate each email address in the list.
+     */
+    multiple?: boolean;
+    /**
+     * The name of the input field, used when submitting the form data.
+     */
+    name: string;
+    /**
+     * Specifies a regular expression that the input's value must match for the value to pass constraint validation. This allows for more specific email validation rules than the browser's default (e.g., restricting to a specific domain). If provided, it overrides the browser's default email validation.
+     */
+    pattern?: string;
+    /**
+     * A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='you@example.com'). This text is displayed when the input field is empty.
+     */
+    placeholder?: string;
+    /**
+     * 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?: 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;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<PInputEmailProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    blur: (value: Event) => any;
+    change: (value: Event) => any;
+    input: (value: InputEvent) => any;
+}, string, import("vue").PublicProps, Readonly<PInputEmailProps> & Readonly<{
+    onBlur?: ((value: Event) => any) | undefined;
+    onChange?: ((value: Event) => any) | undefined;
+    onInput?: ((value: InputEvent) => any) | undefined;
+}>, {
+    label: string;
+    compact: boolean;
+    description: string;
+    state: InputEmailState;
+    required: boolean;
+    disabled: boolean;
+    hideLabel: BreakpointCustomizable<boolean>;
+    loading: boolean;
+    value: string;
+    message: string;
+    indicator: boolean;
+    multiple: boolean;
+    placeholder: string;
+    readOnly: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/esm/lib/components/InputEmailWrapper.vue.mjs

@@ -0,0 +1,48 @@
+import { defineComponent as u, ref as m, inject as i, onMounted as c, onUpdated as h, watch as y, openBlock as B, createBlock as g, resolveDynamicComponent as C, unref as _, withCtx as b, renderSlot as v } from "vue";
+import { usePrefix as x, themeInjectionKey as L, addEventListenerToElementRef as o, syncProperties as p } from "../../utils.mjs";
+const E = /* @__PURE__ */ u({
+  __name: "InputEmailWrapper",
+  props: {
+    autoComplete: {},
+    compact: { type: Boolean, default: !1 },
+    description: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    form: {},
+    hideLabel: { default: !1 },
+    indicator: { type: Boolean, default: !1 },
+    label: { default: "" },
+    loading: { type: Boolean, default: !1 },
+    maxLength: {},
+    message: { default: "" },
+    minLength: {},
+    multiple: { type: Boolean, default: !1 },
+    name: {},
+    pattern: {},
+    placeholder: { default: "" },
+    readOnly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    state: { default: "none" },
+    theme: {},
+    value: { default: "" }
+  },
+  emits: ["blur", "change", "input"],
+  setup(s, { emit: r }) {
+    const d = x("p-input-email"), t = s, e = m(), a = r, l = i(L), f = () => p(e, { ...t, theme: t.theme || l.value });
+    return c(() => {
+      f(), o(e, "blur", a), o(e, "change", a), o(e, "input", a);
+    }), h(f), y(l, (n) => {
+      p(e, { theme: t.theme || n });
+    }), (n, R) => (B(), g(C(_(d)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, {
+      default: b(() => [
+        v(n.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
+  }
+});
+export {
+  E as default
+};

package/esm/lib/components/InputEmailWrapper.vue2.mjs

@@ -0,0 +1,4 @@
+import f from "./InputEmailWrapper.vue.mjs";
+export {
+  f as default
+};

package/esm/lib/components/InputNumberWrapper.vue.d.ts

@@ -1,11 +1,11 @@
-import type { InputNumberAutoComplete, BreakpointCustomizable, InputNumberState, Theme } from '../types';
+import type { BreakpointCustomizable, InputNumberState, Theme } from '../types';
 type PInputNumberProps = {
     /**
-     * Specifies whether the input can be autofilled by the browser
+     * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
      */
-    autoComplete?: InputNumberAutoComplete;
+    autoComplete?: string;
     /**
-     * Displays as a compact version.
+     * A boolean value that, if present, renders the input field as a compact version.
      */
     compact?: boolean;
     /**
@@ -13,23 +13,23 @@ type PInputNumberProps = {
      */
     controls?: boolean;
     /**
-     * The description text.
+     * Supplementary text providing more context or explanation for the input.
      */
     description?: string;
     /**
-     * Marks the number input as disabled.
+     * A boolean value that, if present, makes the input field unusable and unclickable. The value will not be submitted with the form.
      */
     disabled?: boolean;
     /**
-     * The id of a form element the number input should be associated with.
+     * 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;
     /**
-     * Show or hide label and description text. For better accessibility, it is recommended to show the label.
+     * Controls the visibility of the label.
      */
     hideLabel?: BreakpointCustomizable<boolean>;
     /**
-     * The label text.
+     * Text content for a user-facing label.
      */
     label?: string;
     /**
@@ -41,7 +41,7 @@ type PInputNumberProps = {
      */
     max?: number;
     /**
-     * The message styled depending on validation state.
+     * Dynamic feedback text for validation or status.
      */
     message?: string;
     /**
@@ -49,23 +49,23 @@ type PInputNumberProps = {
      */
     min?: number;
     /**
-     * The name of the number input.
+     * The name of the input field, used when submitting the form data.
      */
     name: string;
     /**
-     * The placeholder text.
+     * A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Enter a number'). This text is displayed when the input field is empty.
      */
     placeholder?: string;
     /**
-     * Specifies whether the number input should be read-only.
+     * 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;
     /**
-     * Marks the number input as required.
+     * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
      */
     required?: boolean;
     /**
-     * The validation state.
+     * Indicates the validation or overall status of the input component.
      */
     state?: InputNumberState;
     /**
@@ -73,7 +73,7 @@ type PInputNumberProps = {
      */
     step?: number;
     /**
-     * Adapts the color depending on the theme.
+     * Controls the visual appearance of the component.
      */
     theme?: Theme;
     /**
@@ -105,9 +105,9 @@ declare const __VLS_component: import("vue").DefineComponent<PInputNumberProps,
     loading: boolean;
     value: string;
     message: string;
-    controls: boolean;
     placeholder: string;
     readOnly: boolean;
+    controls: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/esm/lib/components/InputPasswordWrapper.vue.d.ts

@@ -1,31 +1,31 @@
-import type { InputPasswordAutoComplete, BreakpointCustomizable, InputPasswordState, Theme } from '../types';
+import type { BreakpointCustomizable, InputPasswordState, Theme } from '../types';
 type PInputPasswordProps = {
     /**
-     * Specifies whether the input can be autofilled by the browser
+     * 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?: InputPasswordAutoComplete;
+    autoComplete?: string;
     /**
-     * Displays as a compact version.
+     * A boolean value that, if present, renders the input field as a compact version.
      */
     compact?: boolean;
     /**
-     * The description text.
+     * Supplementary text providing more context or explanation for the input.
      */
     description?: string;
     /**
-     * Marks the password input as disabled.
+     * A boolean value that, if present, makes the input field unusable and unclickable. The value will not be submitted with the form.
      */
     disabled?: boolean;
     /**
-     * The id of a form element the password input should be associated with.
+     * 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;
     /**
-     * Show or hide label and description text. For better accessibility it is recommended to show the label.
+     * Controls the visibility of the label.
      */
     hideLabel?: BreakpointCustomizable<boolean>;
     /**
-     * The label text.
+     * Text content for a user-facing label.
      */
     label?: string;
     /**
@@ -33,39 +33,39 @@ type PInputPasswordProps = {
      */
     loading?: boolean;
     /**
-     * The max length of the password input.
+     * A non-negative integer specifying the maximum number of characters the user can enter into the input.
      */
     maxLength?: number;
     /**
-     * The message styled depending on validation state.
+     * Dynamic feedback text for validation or status.
      */
     message?: string;
     /**
-     * The min length of the password input.
+     * A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
      */
     minLength?: number;
     /**
-     * The name of the password input.
+     * The name of the input field, used when submitting the form data.
      */
     name: string;
     /**
-     * The placeholder text.
+     * A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Enter your password'). This text is displayed when the input field is empty.
      */
     placeholder?: string;
     /**
-     * Specifies whether the password input should be read-only.
+     * 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;
     /**
-     * Marks the password input as required.
+     * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
      */
     required?: boolean;
     /**
-     * The validation state.
+     * Indicates the validation or overall status of the input component.
      */
     state?: InputPasswordState;
     /**
-     * Adapts the color depending on the theme.
+     * Controls the visual appearance of the component.
      */
     theme?: Theme;
     /**

package/esm/lib/components/InputSearchWrapper.vue.d.ts

@@ -1,31 +1,31 @@
-import type { InputSearchAutoComplete, BreakpointCustomizable, InputSearchState, Theme } from '../types';
+import type { BreakpointCustomizable, InputSearchState, Theme } from '../types';
 type PInputSearchProps = {
     /**
-     * Specifies whether the input can be autofilled by the browser
+     * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
      */
-    autoComplete?: InputSearchAutoComplete;
+    autoComplete?: string;
     /**
      * Show clear input value button
      */
     clear?: boolean;
     /**
-     * Displays as a compact version.
+     * A boolean value that, if present, renders the input field as a compact version.
      */
     compact?: boolean;
     /**
-     * The description text.
+     * Supplementary text providing more context or explanation for the input.
      */
     description?: string;
     /**
-     * Marks the search input as disabled.
+     * A boolean value that, if present, makes the input field unusable and unclickable. The value will not be submitted with the form.
      */
     disabled?: boolean;
     /**
-     * The id of a form element the search input should be associated with.
+     * 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;
     /**
-     * Show or hide label and description text. For better accessibility it is recommended to show the label.
+     * Controls the visibility of the label.
      */
     hideLabel?: BreakpointCustomizable<boolean>;
     /**
@@ -33,7 +33,7 @@ type PInputSearchProps = {
      */
     indicator?: boolean;
     /**
-     * The label text.
+     * Text content for a user-facing label.
      */
     label?: string;
     /**
@@ -41,31 +41,31 @@ type PInputSearchProps = {
      */
     loading?: boolean;
     /**
-     * The message styled depending on validation state.
+     * Dynamic feedback text for validation or status.
      */
     message?: string;
     /**
-     * The name of the search input.
+     * The name of the input field, used when submitting the form data.
      */
     name: string;
     /**
-     * The placeholder text.
+     * A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Search...'). This text is displayed when the input field is empty.
      */
     placeholder?: string;
     /**
-     * Specifies whether the search input should be read-only.
+     * 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;
     /**
-     * Marks the search input as required.
+     * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
      */
     required?: boolean;
     /**
-     * The validation state.
+     * Indicates the validation or overall status of the input component.
      */
     state?: InputSearchState;
     /**
-     * Adapts the color depending on the theme.
+     * Controls the visual appearance of the component.
      */
     theme?: Theme;
     /**
@@ -96,10 +96,10 @@ declare const __VLS_component: import("vue").DefineComponent<PInputSearchProps,
     loading: boolean;
     value: string;
     message: string;
+    indicator: boolean;
     placeholder: string;
     readOnly: boolean;
     clear: boolean;
-    indicator: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/esm/lib/components/InputTextWrapper.vue.d.ts

@@ -1,11 +1,11 @@
-import type { InputTextAutoComplete, BreakpointCustomizable, InputTextState, Theme } from '../types';
+import type { BreakpointCustomizable, InputTextState, Theme } from '../types';
 type PInputTextProps = {
     /**
-     * Specifies whether the input can be autofilled by the browser
+     * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='name').
      */
-    autoComplete?: InputTextAutoComplete;
+    autoComplete?: string;
     /**
-     * Displays as a compact version.
+     * A boolean value that, if present, renders the input field as a compact version.
      */
     compact?: boolean;
     /**
@@ -13,23 +13,23 @@ type PInputTextProps = {
      */
     counter?: boolean;
     /**
-     * The description text.
+     * Supplementary text providing more context or explanation for the input.
      */
     description?: string;
     /**
-     * Marks the text input as disabled.
+     * A boolean value that, if present, makes the input field unusable and unclickable. The value will not be submitted with the form.
      */
     disabled?: boolean;
     /**
-     * The id of a form element the text input should be associated with.
+     * 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;
     /**
-     * Show or hide label and description text. For better accessibility, it is recommended to show the label.
+     * Controls the visibility of the label.
      */
     hideLabel?: BreakpointCustomizable<boolean>;
     /**
-     * The label text.
+     * Text content for a user-facing label.
      */
     label?: string;
     /**
@@ -37,31 +37,31 @@ type PInputTextProps = {
      */
     loading?: boolean;
     /**
-     * The max length of the text input.
+     * A non-negative integer specifying the maximum number of characters the user can enter into the input.
      */
     maxLength?: number;
     /**
-     * The message styled depending on validation state.
+     * Dynamic feedback text for validation or status.
      */
     message?: string;
     /**
-     * The min length of the text input.
+     * A non-negative integer specifying the minimum number of characters required for the input's value to be considered valid.
      */
     minLength?: number;
     /**
-     * The name of the text input.
+     * The name of the input field, used when submitting the form data.
      */
     name: string;
     /**
-     * The placeholder text.
+     * A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Enter your full name'). This text is displayed when the input field is empty.
      */
     placeholder?: string;
     /**
-     * Specifies whether the text input should be read-only.
+     * 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;
     /**
-     * Marks the text input as required.
+     * A boolean value that, if present, indicates that the input field must be filled out before the form can be submitted.
      */
     required?: boolean;
     /**
@@ -69,11 +69,11 @@ type PInputTextProps = {
      */
     spellCheck?: boolean;
     /**
-     * The validation state.
+     * Indicates the validation or overall status of the input component.
      */
     state?: InputTextState;
     /**
-     * Adapts the color depending on the theme.
+     * Controls the visual appearance of the component.
      */
     theme?: Theme;
     /**

package/esm/lib/components/TextareaWrapper.vue.d.ts

@@ -1,59 +1,59 @@
-import type { TextareaAutoComplete, BreakpointCustomizable, TextareaResize, TextareaState, Theme, TextareaWrap } from '../types';
+import type { BreakpointCustomizable, TextareaResize, TextareaState, Theme, TextareaWrap } from '../types';
 type PTextareaProps = {
     /**
-     * Specifies whether the input can be autofilled by the browser
+     * Provides a hint to the browser about what type of data the field expects, which can assist with autofill features (e.g., autocomplete='on').
      */
-    autoComplete?: TextareaAutoComplete;
+    autoComplete?: string;
     /**
      * Show or hide the character counter.
      */
     counter?: boolean;
     /**
-     * The description text.
+     * Supplementary text providing more context or explanation for the textarea.
      */
     description?: string;
     /**
-     * Marks the textarea as disabled.
+     * A boolean value that, if present, makes the textarea unusable and unclickable. The value will not be submitted with the form.
      */
     disabled?: boolean;
     /**
-     * The id of a form element the textarea should be associated with.
+     * Specifies the id of the <form> element that the textarea belongs to (useful if the textarea is not a direct descendant of the form).
      */
     form?: string;
     /**
-     * Show or hide label. For better accessibility, it is recommended to show the label.
+     * Controls the visibility of the label.
      */
     hideLabel?: BreakpointCustomizable<boolean>;
     /**
-     * The label text.
+     * Text content for a user-facing label.
      */
     label?: string;
     /**
-     * The max length of the textarea.
+     * A non-negative integer specifying the maximum number of characters the user can enter into the textarea.
      */
     maxLength?: number;
     /**
-     * The message styled depending on validation state.
+     * Dynamic feedback text for validation or status.
      */
     message?: string;
     /**
-     * The min length of the textarea.
+     * A non-negative integer specifying the minimum number of characters required for the textarea's value to be considered valid.
      */
     minLength?: number;
     /**
-     * The name of the textarea.
+     * The name of the textarea, used when submitting the form data.
      */
     name: string;
     /**
-     * The placeholder text.
+     * A string that provides a brief hint to the user about what kind of information is expected in the field (e.g., placeholder='Write your message here...'). This text is displayed when the textarea is empty.
      */
     placeholder?: string;
     /**
-     * Specifies whether the textarea should be read-only.
+     * A boolean value that, if present, makes the textarea uneditable by the user, but its value will still be submitted with the form.
      */
     readOnly?: boolean;
     /**
-     * Marks the textarea as required.
+     * A boolean value that, if present, indicates that the textarea must be filled out before the form can be submitted.
      */
     required?: boolean;
     /**
@@ -65,15 +65,15 @@ type PTextareaProps = {
      */
     rows?: number;
     /**
-     * Specifies whether the input should have its spelling and grammar checked
+     * Specifies whether the textarea should have its spelling and grammar checked
      */
     spellCheck?: boolean;
     /**
-     * The validation state.
+     * Indicates the validation or overall status of the textarea component.
      */
     state?: TextareaState;
     /**
-     * Adapts the color depending on the theme.
+     * Controls the visual appearance of the component.
      */
     theme?: Theme;
     /**
@@ -81,7 +81,7 @@ type PTextareaProps = {
      */
     value?: string;
     /**
-     * Handles wrapping behaviour of elements.
+     * Handles wrapping behavior of elements.
      */
     wrap?: TextareaWrap;
 };

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

@@ -26,6 +26,7 @@ export { default as PHeading } from './HeadingWrapper.vue';
 export { default as PHeadline } from './HeadlineWrapper.vue';
 export { default as PIcon } from './IconWrapper.vue';
 export { default as PInlineNotification } from './InlineNotificationWrapper.vue';
+export { default as PInputEmail } from './InputEmailWrapper.vue';
 export { default as PInputNumber } from './InputNumberWrapper.vue';
 export { default as PInputPassword } from './InputPasswordWrapper.vue';
 export { default as PInputSearch } from './InputSearchWrapper.vue';

package/esm/lib/types.d.ts

@@ -1090,41 +1090,23 @@ declare const ICON_COLORS: readonly [
     "state-disabled"
 ];
 export type IconColor = (typeof ICON_COLORS)[number];
+export type InputEmailState = FormState;
+export type InputEmailChangeEventDetail = Event;
+export type InputEmailBlurEventDetail = Event;
+export type InputEmailInputEventDetail = InputEvent;
 export type InputNumberState = FormState;
-declare const INPUT_NUMBER_AUTO_COMPLETE: readonly [
-    "off",
-    "on"
-];
-export type InputNumberAutoComplete = (typeof INPUT_NUMBER_AUTO_COMPLETE)[number];
 export type InputNumberChangeEventDetail = Event;
 export type InputNumberBlurEventDetail = Event;
 export type InputNumberInputEventDetail = InputEvent;
 export type InputPasswordState = FormState;
-declare const INPUT_PASSWORD_AUTO_COMPLETE: readonly [
-    "off",
-    "on",
-    "current-password",
-    "new-password"
-];
-export type InputPasswordAutoComplete = (typeof INPUT_PASSWORD_AUTO_COMPLETE)[number];
 export type InputPasswordChangeEventDetail = Event;
 export type InputPasswordBlurEventDetail = Event;
 export type InputPasswordInputEventDetail = InputEvent;
 export type InputSearchState = FormState;
-declare const INPUT_SEARCH_AUTO_COMPLETE: readonly [
-    "off",
-    "on"
-];
-export type InputSearchAutoComplete = (typeof INPUT_SEARCH_AUTO_COMPLETE)[number];
 export type InputSearchChangeEventDetail = Event;
 export type InputSearchBlurEventDetail = Event;
 export type InputSearchInputEventDetail = InputEvent;
 export type InputTextState = FormState;
-declare const INPUT_TEXT_AUTO_COMPLETE: readonly [
-    "off",
-    "on"
-];
-export type InputTextAutoComplete = (typeof INPUT_TEXT_AUTO_COMPLETE)[number];
 export type InputTextChangeEventDetail = Event;
 export type InputTextBlurEventDetail = Event;
 export type InputTextInputEventDetail = InputEvent;
@@ -1516,11 +1498,6 @@ declare const TEXT_LIST_TYPES: readonly [
 ];
 export type TextListType = (typeof TEXT_LIST_TYPES)[number];
 export type TextareaState = FormState;
-declare const AUTO_COMPLETE: readonly [
-    "off",
-    "on"
-];
-export type TextareaAutoComplete = (typeof AUTO_COMPLETE)[number];
 declare const TEXTAREA_WRAPS: readonly [
     "hard",
     "soft",

package/esm/public-api.mjs

@@ -7,7 +7,7 @@ import { default as x } from "./lib/components/ButtonPureWrapper.vue.mjs";
 import { default as i } from "./lib/components/ButtonTileWrapper.vue.mjs";
 import { default as T } from "./lib/components/CanvasWrapper.vue.mjs";
 import { default as S } from "./lib/components/CarouselWrapper.vue.mjs";
-import { default as g } from "./lib/components/CheckboxWrapper.vue.mjs";
+import { default as b } from "./lib/components/CheckboxWrapper.vue.mjs";
 import { default as C } from "./lib/components/CheckboxWrapperWrapper.vue.mjs";
 import { default as h } from "./lib/components/ContentWrapperWrapper.vue.mjs";
 import { default as L } from "./lib/components/CrestWrapper.vue.mjs";
@@ -19,7 +19,7 @@ import { default as G } from "./lib/components/DrilldownLinkWrapper.vue.mjs";
 import { default as z } from "./lib/components/FieldsetWrapper.vue.mjs";
 import { default as j } from "./lib/components/FieldsetWrapperWrapper.vue.mjs";
 import { default as A } from "./lib/components/FlexWrapper.vue.mjs";
-import { default as E } from "./lib/components/FlexItemWrapper.vue.mjs";
+import { default as K } from "./lib/components/FlexItemWrapper.vue.mjs";
 import { default as Q } from "./lib/components/FlyoutWrapper.vue.mjs";
 import { default as V } from "./lib/components/GridWrapper.vue.mjs";
 import { default as Y } from "./lib/components/GridItemWrapper.vue.mjs";
@@ -27,60 +27,61 @@ import { default as _ } from "./lib/components/HeadingWrapper.vue.mjs";
 import { default as ee } from "./lib/components/HeadlineWrapper.vue.mjs";
 import { default as re } from "./lib/components/IconWrapper.vue.mjs";
 import { default as ae } from "./lib/components/InlineNotificationWrapper.vue.mjs";
-import { default as le } from "./lib/components/InputNumberWrapper.vue.mjs";
-import { default as se } from "./lib/components/InputPasswordWrapper.vue.mjs";
-import { default as ue } from "./lib/components/InputSearchWrapper.vue.mjs";
-import { default as xe } from "./lib/components/InputTextWrapper.vue.mjs";
-import { default as ie } from "./lib/components/LinkWrapper.vue.mjs";
-import { default as Te } from "./lib/components/LinkPureWrapper.vue.mjs";
-import { default as Se } from "./lib/components/LinkSocialWrapper.vue.mjs";
-import { default as ge } from "./lib/components/LinkTileWrapper.vue.mjs";
-import { default as Ce } from "./lib/components/LinkTileModelSignatureWrapper.vue.mjs";
-import { default as he } from "./lib/components/LinkTileProductWrapper.vue.mjs";
-import { default as Le } from "./lib/components/MarqueWrapper.vue.mjs";
-import { default as Be } from "./lib/components/ModalWrapper.vue.mjs";
-import { default as we } from "./lib/components/ModelSignatureWrapper.vue.mjs";
-import { default as Me } from "./lib/components/MultiSelectWrapper.vue.mjs";
-import { default as ve } from "./lib/components/MultiSelectOptionWrapper.vue.mjs";
-import { default as Ge } from "./lib/components/OptgroupWrapper.vue.mjs";
-import { default as ze } from "./lib/components/PaginationWrapper.vue.mjs";
-import { default as je } from "./lib/components/PinCodeWrapper.vue.mjs";
-import { default as Ae } from "./lib/components/PopoverWrapper.vue.mjs";
-import { default as Ee } from "./lib/components/RadioButtonWrapperWrapper.vue.mjs";
-import { default as Qe } from "./lib/components/ScrollerWrapper.vue.mjs";
-import { default as Ve } from "./lib/components/SegmentedControlWrapper.vue.mjs";
-import { default as Ye } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
-import { default as _e } from "./lib/components/SelectWrapper.vue.mjs";
-import { default as et } from "./lib/components/SelectOptionWrapper.vue.mjs";
-import { default as rt } from "./lib/components/SelectWrapperWrapper.vue.mjs";
-import { default as at } from "./lib/components/SheetWrapper.vue.mjs";
-import { default as lt } from "./lib/components/SpinnerWrapper.vue.mjs";
-import { default as st } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
-import { default as ut } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
-import { default as xt } from "./lib/components/SwitchWrapper.vue.mjs";
-import { default as it } from "./lib/components/TableWrapper.vue.mjs";
-import { default as Tt } from "./lib/components/TableBodyWrapper.vue.mjs";
-import { default as St } from "./lib/components/TableCellWrapper.vue.mjs";
-import { default as gt } from "./lib/components/TableHeadWrapper.vue.mjs";
-import { default as Ct } from "./lib/components/TableHeadCellWrapper.vue.mjs";
-import { default as ht } from "./lib/components/TableHeadRowWrapper.vue.mjs";
-import { default as Lt } from "./lib/components/TableRowWrapper.vue.mjs";
-import { default as Bt } from "./lib/components/TabsWrapper.vue.mjs";
-import { default as wt } from "./lib/components/TabsBarWrapper.vue.mjs";
-import { default as Mt } from "./lib/components/TabsItemWrapper.vue.mjs";
-import { default as vt } from "./lib/components/TagWrapper.vue.mjs";
-import { default as Gt } from "./lib/components/TagDismissibleWrapper.vue.mjs";
-import { default as zt } from "./lib/components/TextWrapper.vue.mjs";
-import { default as jt } from "./lib/components/TextFieldWrapperWrapper.vue.mjs";
-import { default as At } from "./lib/components/TextListWrapper.vue.mjs";
-import { default as Et } from "./lib/components/TextListItemWrapper.vue.mjs";
-import { default as Qt } from "./lib/components/TextareaWrapper.vue.mjs";
-import { default as Vt } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
-import { default as Yt } from "./lib/components/ToastWrapper.vue.mjs";
-import { default as _t } from "./lib/components/WordmarkWrapper.vue.mjs";
-import { themeInjectionKey as er, useToastManager as tr } from "./utils.mjs";
-import { default as or } from "./PorscheDesignSystemProvider.vue.mjs";
-import { createPorscheDesignSystem as fr, usePorscheDesignSystemPlugin as lr } from "./plugin.mjs";
+import { default as le } from "./lib/components/InputEmailWrapper.vue.mjs";
+import { default as se } from "./lib/components/InputNumberWrapper.vue.mjs";
+import { default as ue } from "./lib/components/InputPasswordWrapper.vue.mjs";
+import { default as xe } from "./lib/components/InputSearchWrapper.vue.mjs";
+import { default as ie } from "./lib/components/InputTextWrapper.vue.mjs";
+import { default as Te } from "./lib/components/LinkWrapper.vue.mjs";
+import { default as Se } from "./lib/components/LinkPureWrapper.vue.mjs";
+import { default as be } from "./lib/components/LinkSocialWrapper.vue.mjs";
+import { default as Ce } from "./lib/components/LinkTileWrapper.vue.mjs";
+import { default as he } from "./lib/components/LinkTileModelSignatureWrapper.vue.mjs";
+import { default as Le } from "./lib/components/LinkTileProductWrapper.vue.mjs";
+import { default as Be } from "./lib/components/MarqueWrapper.vue.mjs";
+import { default as we } from "./lib/components/ModalWrapper.vue.mjs";
+import { default as Me } from "./lib/components/ModelSignatureWrapper.vue.mjs";
+import { default as ve } from "./lib/components/MultiSelectWrapper.vue.mjs";
+import { default as Ge } from "./lib/components/MultiSelectOptionWrapper.vue.mjs";
+import { default as ze } from "./lib/components/OptgroupWrapper.vue.mjs";
+import { default as je } from "./lib/components/PaginationWrapper.vue.mjs";
+import { default as Ae } from "./lib/components/PinCodeWrapper.vue.mjs";
+import { default as Ke } from "./lib/components/PopoverWrapper.vue.mjs";
+import { default as Qe } from "./lib/components/RadioButtonWrapperWrapper.vue.mjs";
+import { default as Ve } from "./lib/components/ScrollerWrapper.vue.mjs";
+import { default as Ye } from "./lib/components/SegmentedControlWrapper.vue.mjs";
+import { default as _e } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
+import { default as et } from "./lib/components/SelectWrapper.vue.mjs";
+import { default as rt } from "./lib/components/SelectOptionWrapper.vue.mjs";
+import { default as at } from "./lib/components/SelectWrapperWrapper.vue.mjs";
+import { default as lt } from "./lib/components/SheetWrapper.vue.mjs";
+import { default as st } from "./lib/components/SpinnerWrapper.vue.mjs";
+import { default as ut } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
+import { default as xt } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
+import { default as it } from "./lib/components/SwitchWrapper.vue.mjs";
+import { default as Tt } from "./lib/components/TableWrapper.vue.mjs";
+import { default as St } from "./lib/components/TableBodyWrapper.vue.mjs";
+import { default as bt } from "./lib/components/TableCellWrapper.vue.mjs";
+import { default as Ct } from "./lib/components/TableHeadWrapper.vue.mjs";
+import { default as ht } from "./lib/components/TableHeadCellWrapper.vue.mjs";
+import { default as Lt } from "./lib/components/TableHeadRowWrapper.vue.mjs";
+import { default as Bt } from "./lib/components/TableRowWrapper.vue.mjs";
+import { default as wt } from "./lib/components/TabsWrapper.vue.mjs";
+import { default as Mt } from "./lib/components/TabsBarWrapper.vue.mjs";
+import { default as vt } from "./lib/components/TabsItemWrapper.vue.mjs";
+import { default as Gt } from "./lib/components/TagWrapper.vue.mjs";
+import { default as zt } from "./lib/components/TagDismissibleWrapper.vue.mjs";
+import { default as jt } from "./lib/components/TextWrapper.vue.mjs";
+import { default as At } from "./lib/components/TextFieldWrapperWrapper.vue.mjs";
+import { default as Kt } from "./lib/components/TextListWrapper.vue.mjs";
+import { default as Qt } from "./lib/components/TextListItemWrapper.vue.mjs";
+import { default as Vt } from "./lib/components/TextareaWrapper.vue.mjs";
+import { default as Yt } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
+import { default as _t } from "./lib/components/ToastWrapper.vue.mjs";
+import { default as er } from "./lib/components/WordmarkWrapper.vue.mjs";
+import { themeInjectionKey as rr, useToastManager as or } from "./utils.mjs";
+import { default as fr } from "./PorscheDesignSystemProvider.vue.mjs";
+import { createPorscheDesignSystem as pr, usePorscheDesignSystemPlugin as sr } from "./plugin.mjs";
 export {
   a as PAccordion,
   l as PBanner,
@@ -90,7 +91,7 @@ export {
   i as PButtonTile,
   T as PCanvas,
   S as PCarousel,
-  g as PCheckbox,
+  b as PCheckbox,
   C as PCheckboxWrapper,
   h as PContentWrapper,
   L as PCrest,
@@ -102,7 +103,7 @@ export {
   z as PFieldset,
   j as PFieldsetWrapper,
   A as PFlex,
-  E as PFlexItem,
+  K as PFlexItem,
   Q as PFlyout,
   V as PGrid,
   Y as PGridItem,
@@ -110,61 +111,62 @@ export {
   ee as PHeadline,
   re as PIcon,
   ae as PInlineNotification,
-  le as PInputNumber,
-  se as PInputPassword,
-  ue as PInputSearch,
-  xe as PInputText,
-  ie as PLink,
-  Te as PLinkPure,
-  Se as PLinkSocial,
-  ge as PLinkTile,
-  Ce as PLinkTileModelSignature,
-  he as PLinkTileProduct,
-  Le as PMarque,
-  Be as PModal,
-  we as PModelSignature,
-  Me as PMultiSelect,
-  ve as PMultiSelectOption,
-  Ge as POptgroup,
-  ze as PPagination,
-  je as PPinCode,
-  Ae as PPopover,
-  Ee as PRadioButtonWrapper,
-  Qe as PScroller,
-  Ve as PSegmentedControl,
-  Ye as PSegmentedControlItem,
-  _e as PSelect,
-  et as PSelectOption,
-  rt as PSelectWrapper,
-  at as PSheet,
-  lt as PSpinner,
-  st as PStepperHorizontal,
-  ut as PStepperHorizontalItem,
-  xt as PSwitch,
-  it as PTable,
-  Tt as PTableBody,
-  St as PTableCell,
-  gt as PTableHead,
-  Ct as PTableHeadCell,
-  ht as PTableHeadRow,
-  Lt as PTableRow,
-  Bt as PTabs,
-  wt as PTabsBar,
-  Mt as PTabsItem,
-  vt as PTag,
-  Gt as PTagDismissible,
-  zt as PText,
-  jt as PTextFieldWrapper,
-  At as PTextList,
-  Et as PTextListItem,
-  Qt as PTextarea,
-  Vt as PTextareaWrapper,
-  Yt as PToast,
-  _t as PWordmark,
-  or as PorscheDesignSystemProvider,
+  le as PInputEmail,
+  se as PInputNumber,
+  ue as PInputPassword,
+  xe as PInputSearch,
+  ie as PInputText,
+  Te as PLink,
+  Se as PLinkPure,
+  be as PLinkSocial,
+  Ce as PLinkTile,
+  he as PLinkTileModelSignature,
+  Le as PLinkTileProduct,
+  Be as PMarque,
+  we as PModal,
+  Me as PModelSignature,
+  ve as PMultiSelect,
+  Ge as PMultiSelectOption,
+  ze as POptgroup,
+  je as PPagination,
+  Ae as PPinCode,
+  Ke as PPopover,
+  Qe as PRadioButtonWrapper,
+  Ve as PScroller,
+  Ye as PSegmentedControl,
+  _e as PSegmentedControlItem,
+  et as PSelect,
+  rt as PSelectOption,
+  at as PSelectWrapper,
+  lt as PSheet,
+  st as PSpinner,
+  ut as PStepperHorizontal,
+  xt as PStepperHorizontalItem,
+  it as PSwitch,
+  Tt as PTable,
+  St as PTableBody,
+  bt as PTableCell,
+  Ct as PTableHead,
+  ht as PTableHeadCell,
+  Lt as PTableHeadRow,
+  Bt as PTableRow,
+  wt as PTabs,
+  Mt as PTabsBar,
+  vt as PTabsItem,
+  Gt as PTag,
+  zt as PTagDismissible,
+  jt as PText,
+  At as PTextFieldWrapper,
+  Kt as PTextList,
+  Qt as PTextListItem,
+  Vt as PTextarea,
+  Yt as PTextareaWrapper,
+  _t as PToast,
+  er as PWordmark,
+  fr as PorscheDesignSystemProvider,
   r as componentsReady,
-  fr as createPorscheDesignSystem,
-  er as themeInjectionKey,
-  lr as usePorscheDesignSystemPlugin,
-  tr as useToastManager
+  pr as createPorscheDesignSystem,
+  rr as themeInjectionKey,
+  sr as usePorscheDesignSystemPlugin,
+  or as useToastManager
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-vue",
-  "version": "3.29.0-rc.2",
+  "version": "3.29.0-rc.3",
   "description": "Porsche Design System is a component library designed to help developers create the best experience for software or services distributed by Dr. Ing. h.c. F. Porsche AG.",
   "keywords": [
     "porsche",
@@ -17,7 +17,7 @@
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://designsystem.porsche.com",
   "dependencies": {
-    "@porsche-design-system/components-js": "3.29.0-rc.2"
+    "@porsche-design-system/components-js": "3.29.0-rc.3"
   },
   "peerDependencies": {
     "ag-grid-enterprise": ">= 33.0.0 <35.0.0",