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

package/CHANGELOG.md

@@ -14,6 +14,37 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ## [Unreleased]
 
+## [3.29.0-rc.4] - 2025-08-15
+
+### Added
+
+- `Flag`: ([#3964](https://github.com/porsche-design-system/porsche-design-system/pull/3964))
+- `Input Url`: ([#3949](https://github.com/porsche-design-system/porsche-design-system/pull/3949))
+- `Multi Select`: `compact` prop to enable a smaller, space-saving version for compact layouts
+  ([#3953](https://github.com/porsche-design-system/porsche-design-system/pull/3953))
+- `Fieldset`: ARIA role `radiogroup` is now supported via `aria` prop. Internal ARIA attributes for `aria-invalid` and
+  `aria-required`. ([#3957](https://github.com/porsche-design-system/porsche-design-system/pull/3957))
+- `Input Date`, `Input Time`: ([#3954](https://github.com/porsche-design-system/porsche-design-system/pull/3954))
+
+### Changed
+
+- `Multi Select`, `Select`: `background` is now transparent to be aligned with other form fields
+  ([#3953](https://github.com/porsche-design-system/porsche-design-system/pull/3953))
+- `Multi Select`, `Select`: improved a11y and highlight of options
+  ([#3953](https://github.com/porsche-design-system/porsche-design-system/pull/3953))
+- `Multi Select`: aligned filter and keyboard behavior with `Select`
+  ([#3943](https://github.com/porsche-design-system/porsche-design-system/pull/3943))
+- `Scroller`: Deprecation of prop `gradientColor` because gradient is now managed internally and adapts to all themes
+  and background colors automatically.
+  ([#3962](https://github.com/porsche-design-system/porsche-design-system/pull/3962))
+
+## [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 +61,8 @@ 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))
+- `Input Tel`: ([#3928](https://github.com/porsche-design-system/porsche-design-system/pull/3928))
 
 ### Changed
 

package/cjs/lib/components/FieldsetWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"FieldsetWrapper",props:{label:{default:""},labelSize:{default:"medium"},message:{default:""},required:{type:Boolean,default:!1},state:{default:"none"},theme:{}},setup(c){const l=t.usePrefix("p-fieldset"),n=c,o=e.ref(),r=e.inject(t.themeInjectionKey),a=()=>t.syncProperties(o,{...n,theme:n.theme||r.value});return e.onMounted(a),e.onUpdated(a),e.watch(r,s=>{t.syncProperties(o,{theme:n.theme||s})}),(s,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=p;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"FieldsetWrapper",props:{aria:{},label:{default:""},labelSize:{default:"medium"},message:{default:""},required:{type:Boolean,default:!1},state:{default:"none"},theme:{}},setup(c){const l=t.usePrefix("p-fieldset"),n=c,o=e.ref(),r=e.inject(t.themeInjectionKey),a=()=>t.syncProperties(o,{...n,theme:n.theme||r.value});return e.onMounted(a),e.onUpdated(a),e.watch(r,s=>{t.syncProperties(o,{theme:n.theme||s})}),(s,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(l)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/lib/components/FlagWrapper.vue.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),c=e.defineComponent({__name:"FlagWrapper",props:{aria:{},name:{default:"de"},size:{default:"small"}},setup(r){const s=t.usePrefix("p-flag"),p=r,n=e.ref(),o=()=>t.syncProperties(n,p);return e.onMounted(o),e.onUpdated(o),(a,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),{ref_key:"pdsComponentRef",ref:n},null,512))}});module.exports=c;

package/cjs/lib/components/FlagWrapper.vue2.cjs

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

package/cjs/lib/components/InputDateWrapper.vue.cjs

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

package/cjs/lib/components/InputDateWrapper.vue2.cjs

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

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/lib/components/InputTelWrapper.vue.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),u=e.defineComponent({__name:"InputTelWrapper",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:{},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-tel"),o=d,n=e.ref(),a=f,s=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...o,theme:o.theme||s.value});return e.onMounted(()=>{r(),t.addEventListenerToElementRef(n,"blur",a),t.addEventListenerToElementRef(n,"change",a),t.addEventListenerToElementRef(n,"input",a)}),e.onUpdated(r),e.watch(s,l=>{t.syncProperties(n,{theme:o.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/InputTelWrapper.vue2.cjs

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

package/cjs/lib/components/InputTimeWrapper.vue.cjs

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

package/cjs/lib/components/InputTimeWrapper.vue2.cjs

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

package/cjs/lib/components/InputUrlWrapper.vue.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"InputUrlWrapper",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:{},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:u}){const f=t.usePrefix("p-input-url"),o=d,n=e.ref(),a=u,s=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...o,theme:o.theme||s.value});return e.onMounted(()=>{r(),t.addEventListenerToElementRef(n,"blur",a),t.addEventListenerToElementRef(n,"change",a),t.addEventListenerToElementRef(n,"input",a)}),e.onUpdated(r),e.watch(s,l=>{t.syncProperties(n,{theme:o.theme||l})}),(l,i)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(f)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/lib/components/InputUrlWrapper.vue2.cjs

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

package/cjs/lib/components/MultiSelectWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"MultiSelectWrapper",props:{description:{default:""},disabled:{type:Boolean,default:!1},dropdownDirection:{default:"auto"},form:{},hideLabel:{default:!1},label:{default:""},message:{default:""},name:{},required:{type:Boolean,default:!1},state:{default:"none"},theme:{},value:{default:()=>[]}},emits:["update"],setup(l,{emit:u}){const d=t.usePrefix("p-multi-select"),o=l,n=e.ref(),c=u,a=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...o,theme:o.theme||a.value});return e.onMounted(()=>{r(),t.addEventListenerToElementRef(n,"update",c)}),e.onUpdated(r),e.watch(a,s=>{t.syncProperties(n,{theme:o.theme||s})}),(s,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=p;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"MultiSelectWrapper",props:{compact:{type:Boolean,default:!1},description:{default:""},disabled:{type:Boolean,default:!1},dropdownDirection:{default:"auto"},form:{},hideLabel:{default:!1},label:{default:""},message:{default:""},name:{},required:{type:Boolean,default:!1},state:{default:"none"},theme:{},value:{default:()=>[]}},emits:["update"],setup(r,{emit:u}){const d=t.usePrefix("p-multi-select"),n=r,o=e.ref(),c=u,s=e.inject(t.themeInjectionKey),l=()=>t.syncProperties(o,{...n,theme:n.theme||s.value});return e.onMounted(()=>{l(),t.addEventListenerToElementRef(o,"update",c)}),e.onUpdated(l),e.watch(s,a=>{t.syncProperties(o,{theme:n.theme||a})}),(a,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/lib/components/ScrollerWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),o=require("../../utils.cjs"),i=e.defineComponent({__name:"ScrollerWrapper",props:{alignScrollIndicator:{default:"center"},aria:{},gradientColor:{default:"background-base"},gradientColorScheme:{},scrollIndicatorPosition:{},scrollToPosition:{},scrollbar:{type:Boolean,default:!1},theme:{}},setup(l){const a=o.usePrefix("p-scroller"),t=l,n=e.ref(),s=e.inject(o.themeInjectionKey),c=()=>o.syncProperties(n,{...t,theme:t.theme||s.value});return e.onMounted(c),e.onUpdated(c),e.watch(s,r=>{o.syncProperties(n,{theme:t.theme||r})}),(r,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=i;
+"use strict";const e=require("vue"),o=require("../../utils.cjs"),i=e.defineComponent({__name:"ScrollerWrapper",props:{alignScrollIndicator:{default:"center"},aria:{},gradientColor:{},gradientColorScheme:{},scrollIndicatorPosition:{},scrollToPosition:{},scrollbar:{type:Boolean,default:!1},theme:{}},setup(l){const a=o.usePrefix("p-scroller"),t=l,n=e.ref(),s=e.inject(o.themeInjectionKey),c=()=>o.syncProperties(n,{...t,theme:t.theme||s.value});return e.onMounted(c),e.onUpdated(c),e.watch(s,r=>{o.syncProperties(n,{theme:t.theme||r})}),(r,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(a)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=i;

package/cjs/lib/components/TabsBarWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),m=e.defineComponent({__name:"TabsBarWrapper",props:{activeTabIndex:{},gradientColor:{default:"background-base"},gradientColorScheme:{},size:{default:"small"},theme:{},weight:{default:"regular"}},emits:["tabChange","update"],setup(i,{emit:p}){const d=t.usePrefix("p-tabs-bar"),o=i,n=e.ref(),s=p,a=e.inject(t.themeInjectionKey),c=()=>t.syncProperties(n,{...o,theme:o.theme||a.value});return e.onMounted(()=>{c(),t.addEventListenerToElementRef(n,"tabChange",s),t.addEventListenerToElementRef(n,"update",s)}),e.onUpdated(c),e.watch(a,r=>{t.syncProperties(n,{theme:o.theme||r})}),(r,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=m;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),d=e.defineComponent({__name:"TabsBarWrapper",props:{activeTabIndex:{},gradientColor:{},gradientColorScheme:{},size:{default:"small"},theme:{},weight:{default:"regular"}},emits:["tabChange","update"],setup(i,{emit:p}){const m=t.usePrefix("p-tabs-bar"),o=i,n=e.ref(),s=p,a=e.inject(t.themeInjectionKey),c=()=>t.syncProperties(n,{...o,theme:o.theme||a.value});return e.onMounted(()=>{c(),t.addEventListenerToElementRef(n,"tabChange",s),t.addEventListenerToElementRef(n,"update",s)}),e.onUpdated(c),e.watch(a,r=>{t.syncProperties(n,{theme:o.theme||r})}),(r,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(m)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=d;

package/cjs/lib/components/TabsWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),m=e.defineComponent({__name:"TabsWrapper",props:{activeTabIndex:{default:0},gradientColor:{default:"background-base"},gradientColorScheme:{},size:{default:"small"},theme:{},weight:{default:"regular"}},emits:["tabChange","update"],setup(d,{emit:i}){const p=t.usePrefix("p-tabs"),o=d,n=e.ref(),s=i,a=e.inject(t.themeInjectionKey),c=()=>t.syncProperties(n,{...o,theme:o.theme||a.value});return e.onMounted(()=>{c(),t.addEventListenerToElementRef(n,"tabChange",s),t.addEventListenerToElementRef(n,"update",s)}),e.onUpdated(c),e.watch(a,r=>{t.syncProperties(n,{theme:o.theme||r})}),(r,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=m;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),d=e.defineComponent({__name:"TabsWrapper",props:{activeTabIndex:{default:0},gradientColor:{},gradientColorScheme:{},size:{default:"small"},theme:{},weight:{default:"regular"}},emits:["tabChange","update"],setup(i,{emit:p}){const m=t.usePrefix("p-tabs"),o=i,n=e.ref(),s=p,a=e.inject(t.themeInjectionKey),c=()=>t.syncProperties(n,{...o,theme:o.theme||a.value});return e.onMounted(()=>{c(),t.addEventListenerToElementRef(n,"tabChange",s),t.addEventListenerToElementRef(n,"update",s)}),e.onUpdated(c),e.watch(a,r=>{t.syncProperties(n,{theme:o.theme||r})}),(r,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(m)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=d;

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/FlagWrapper.vue.cjs"),I=require("./lib/components/FlexWrapper.vue.cjs"),b=require("./lib/components/FlexItemWrapper.vue.cjs"),x=require("./lib/components/FlyoutWrapper.vue.cjs"),C=require("./lib/components/GridWrapper.vue.cjs"),k=require("./lib/components/GridItemWrapper.vue.cjs"),D=require("./lib/components/HeadingWrapper.vue.cjs"),h=require("./lib/components/HeadlineWrapper.vue.cjs"),L=require("./lib/components/IconWrapper.vue.cjs"),B=require("./lib/components/InlineNotificationWrapper.vue.cjs"),M=require("./lib/components/InputDateWrapper.vue.cjs"),w=require("./lib/components/InputEmailWrapper.vue.cjs"),F=require("./lib/components/InputNumberWrapper.vue.cjs"),H=require("./lib/components/InputPasswordWrapper.vue.cjs"),O=require("./lib/components/InputSearchWrapper.vue.cjs"),R=require("./lib/components/InputTelWrapper.vue.cjs"),G=require("./lib/components/InputTextWrapper.vue.cjs"),f=require("./lib/components/InputTimeWrapper.vue.cjs"),j=require("./lib/components/InputUrlWrapper.vue.cjs"),z=require("./lib/components/LinkWrapper.vue.cjs"),N=require("./lib/components/LinkPureWrapper.vue.cjs"),A=require("./lib/components/LinkSocialWrapper.vue.cjs"),E=require("./lib/components/LinkTileWrapper.vue.cjs"),K=require("./lib/components/LinkTileModelSignatureWrapper.vue.cjs"),U=require("./lib/components/LinkTileProductWrapper.vue.cjs"),J=require("./lib/components/MarqueWrapper.vue.cjs"),Q=require("./lib/components/ModalWrapper.vue.cjs"),V=require("./lib/components/ModelSignatureWrapper.vue.cjs"),X=require("./lib/components/MultiSelectWrapper.vue.cjs"),Y=require("./lib/components/MultiSelectOptionWrapper.vue.cjs"),Z=require("./lib/components/OptgroupWrapper.vue.cjs"),$=require("./lib/components/PaginationWrapper.vue.cjs"),ee=require("./lib/components/PinCodeWrapper.vue.cjs"),re=require("./lib/components/PopoverWrapper.vue.cjs"),_e=require("./lib/components/RadioButtonWrapperWrapper.vue.cjs"),te=require("./lib/components/ScrollerWrapper.vue.cjs"),pe=require("./lib/components/SegmentedControlWrapper.vue.cjs"),ue=require("./lib/components/SegmentedControlItemWrapper.vue.cjs"),se=require("./lib/components/SelectWrapper.vue.cjs"),ne=require("./lib/components/SelectOptionWrapper.vue.cjs"),ie=require("./lib/components/SelectWrapperWrapper.vue.cjs"),ae=require("./lib/components/SheetWrapper.vue.cjs"),ce=require("./lib/components/SpinnerWrapper.vue.cjs"),oe=require("./lib/components/StepperHorizontalWrapper.vue.cjs"),le=require("./lib/components/StepperHorizontalItemWrapper.vue.cjs"),ve=require("./lib/components/SwitchWrapper.vue.cjs"),ge=require("./lib/components/TableWrapper.vue.cjs"),Pe=require("./lib/components/TableBodyWrapper.vue.cjs"),ye=require("./lib/components/TableCellWrapper.vue.cjs"),We=require("./lib/components/TableHeadWrapper.vue.cjs"),qe=require("./lib/components/TableHeadCellWrapper.vue.cjs"),de=require("./lib/components/TableHeadRowWrapper.vue.cjs"),Te=require("./lib/components/TableRowWrapper.vue.cjs"),Se=require("./lib/components/TabsWrapper.vue.cjs"),me=require("./lib/components/TabsBarWrapper.vue.cjs"),Ie=require("./lib/components/TabsItemWrapper.vue.cjs"),be=require("./lib/components/TagWrapper.vue.cjs"),xe=require("./lib/components/TagDismissibleWrapper.vue.cjs"),Ce=require("./lib/components/TextWrapper.vue.cjs"),ke=require("./lib/components/TextFieldWrapperWrapper.vue.cjs"),De=require("./lib/components/TextListWrapper.vue.cjs"),he=require("./lib/components/TextListItemWrapper.vue.cjs"),Le=require("./lib/components/TextareaWrapper.vue.cjs"),Be=require("./lib/components/TextareaWrapperWrapper.vue.cjs"),Me=require("./lib/components/ToastWrapper.vue.cjs"),we=require("./lib/components/WordmarkWrapper.vue.cjs"),e=require("./utils.cjs"),Fe=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.PFlag=m;exports.PFlex=I;exports.PFlexItem=b;exports.PFlyout=x;exports.PGrid=C;exports.PGridItem=k;exports.PHeading=D;exports.PHeadline=h;exports.PIcon=L;exports.PInlineNotification=B;exports.PInputDate=M;exports.PInputEmail=w;exports.PInputNumber=F;exports.PInputPassword=H;exports.PInputSearch=O;exports.PInputTel=R;exports.PInputText=G;exports.PInputTime=f;exports.PInputUrl=j;exports.PLink=z;exports.PLinkPure=N;exports.PLinkSocial=A;exports.PLinkTile=E;exports.PLinkTileModelSignature=K;exports.PLinkTileProduct=U;exports.PMarque=J;exports.PModal=Q;exports.PModelSignature=V;exports.PMultiSelect=X;exports.PMultiSelectOption=Y;exports.POptgroup=Z;exports.PPagination=$;exports.PPinCode=ee;exports.PPopover=re;exports.PRadioButtonWrapper=_e;exports.PScroller=te;exports.PSegmentedControl=pe;exports.PSegmentedControlItem=ue;exports.PSelect=se;exports.PSelectOption=ne;exports.PSelectWrapper=ie;exports.PSheet=ae;exports.PSpinner=ce;exports.PStepperHorizontal=oe;exports.PStepperHorizontalItem=le;exports.PSwitch=ve;exports.PTable=ge;exports.PTableBody=Pe;exports.PTableCell=ye;exports.PTableHead=We;exports.PTableHeadCell=qe;exports.PTableHeadRow=de;exports.PTableRow=Te;exports.PTabs=Se;exports.PTabsBar=me;exports.PTabsItem=Ie;exports.PTag=be;exports.PTagDismissible=xe;exports.PText=Ce;exports.PTextFieldWrapper=ke;exports.PTextList=De;exports.PTextListItem=he;exports.PTextarea=Le;exports.PTextareaWrapper=Be;exports.PToast=Me;exports.PWordmark=we;exports.themeInjectionKey=e.themeInjectionKey;exports.useToastManager=e.useToastManager;exports.PorscheDesignSystemProvider=Fe;exports.createPorscheDesignSystem=r.createPorscheDesignSystem;exports.usePorscheDesignSystemPlugin=r.usePorscheDesignSystemPlugin;

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

@@ -1,5 +1,9 @@
-import type { FieldsetLabelSize, FieldsetState, Theme } from '../types';
+import type { SelectedAriaRole, FieldsetLabelSize, FieldsetState, Theme } from '../types';
 type PFieldsetProps = {
+    /**
+     * Add ARIA attributes.
+     */
+    aria?: SelectedAriaRole<"radiogroup">;
     /**
      * The label text.
      */

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

@@ -1,8 +1,9 @@
 import { defineComponent as f, ref as l, inject as m, onMounted as d, onUpdated as c, watch as u, openBlock as i, createBlock as h, resolveDynamicComponent as _, unref as y, withCtx as C, renderSlot as b } from "vue";
-import { usePrefix as k, themeInjectionKey as w, syncProperties as s } from "../../utils.mjs";
+import { usePrefix as k, themeInjectionKey as w, syncProperties as a } from "../../utils.mjs";
 const R = /* @__PURE__ */ f({
   __name: "FieldsetWrapper",
   props: {
+    aria: {},
     label: { default: "" },
     labelSize: { default: "medium" },
     message: { default: "" },
@@ -10,10 +11,10 @@ const R = /* @__PURE__ */ f({
     state: { default: "none" },
     theme: {}
   },
-  setup(a) {
-    const p = k("p-fieldset"), e = a, t = l(), n = m(w), r = () => s(t, { ...e, theme: e.theme || n.value });
+  setup(s) {
+    const p = k("p-fieldset"), e = s, t = l(), n = m(w), r = () => a(t, { ...e, theme: e.theme || n.value });
     return d(r), c(r), u(n, (o) => {
-      s(t, { theme: e.theme || o });
+      a(t, { theme: e.theme || o });
     }), (o, x) => (i(), h(_(y(p)), {
       ref_key: "pdsComponentRef",
       ref: t

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

@@ -0,0 +1,20 @@
+import type { SelectedAriaAttributes, FlagAriaAttribute, FlagName, FlagSize } from '../types';
+type PFlagProps = {
+    /**
+     * 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.
+     */
+    aria?: SelectedAriaAttributes<FlagAriaAttribute>;
+    /**
+     * Specifies the country flag to display. Use the two-letter ISO 3166-1 alpha-2 country code. For example, use `us` for the United States, `de` for Germany, `gb` for Great Britain.
+     */
+    name?: FlagName;
+    /**
+     * The size of the flag. Pre-defined sizes are aligned with the Porsche Next typescale. Available values are `small`, `medium`, `large`, etc.
+     */
+    size?: FlagSize;
+};
+declare const _default: import("vue").DefineComponent<PFlagProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PFlagProps> & Readonly<{}>, {
+    size: FlagSize;
+    name: FlagName;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

@@ -0,0 +1,20 @@
+import { defineComponent as p, ref as s, onMounted as a, onUpdated as c, openBlock as f, createBlock as m, resolveDynamicComponent as l, unref as d } from "vue";
+import { usePrefix as u, syncProperties as i } from "../../utils.mjs";
+const k = /* @__PURE__ */ p({
+  __name: "FlagWrapper",
+  props: {
+    aria: {},
+    name: { default: "de" },
+    size: { default: "small" }
+  },
+  setup(n) {
+    const r = u("p-flag"), t = n, e = s(), o = () => i(e, t);
+    return a(o), c(o), (_, C) => (f(), m(l(d(r)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, null, 512));
+  }
+});
+export {
+  k as default
+};

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

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

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

@@ -0,0 +1,108 @@
+import type { BreakpointCustomizable, InputDateState, Theme } from '../types';
+type PInputDateProps = {
+    /**
+     * 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).
+     */
+    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 date that can be selected. The value must be a date string in YYYY-MM-DD format (e.g., max='2024-12-31').
+     */
+    max?: string;
+    /**
+     * Dynamic feedback text for validation or status.
+     */
+    message?: string;
+    /**
+     * Specifies the earliest date that can be selected. The value must be a date string in YYYY-MM-DD format (e.g., min='2023-01-01').
+     */
+    min?: string;
+    /**
+     * The name of the input field, used when submitting the form data.
+     */
+    name: 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?: InputDateState;
+    /**
+     * 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;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<PInputDateProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    blur: (value: Event) => any;
+    change: (value: Event) => any;
+    input: (value: InputEvent) => any;
+}, string, import("vue").PublicProps, Readonly<PInputDateProps> & Readonly<{
+    onBlur?: ((value: Event) => any) | undefined;
+    onChange?: ((value: Event) => any) | undefined;
+    onInput?: ((value: InputEvent) => any) | undefined;
+}>, {
+    step: number;
+    label: string;
+    compact: boolean;
+    description: string;
+    state: InputDateState;
+    required: boolean;
+    disabled: boolean;
+    hideLabel: BreakpointCustomizable<boolean>;
+    loading: boolean;
+    value: string;
+    message: 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/InputDateWrapper.vue.mjs

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

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

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

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 the 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;
+    readOnly: boolean;
+    indicator: boolean;
+    multiple: boolean;
+    placeholder: string;
+}, {}, {}, {}, 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
+};