@porsche-design-system/components-vue 3.19.0-rc.1 → 3.19.0-rc.2

package/CHANGELOG.md

@@ -14,6 +14,19 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ### [Unreleased]
 
+### [3.19.0-rc.2] - 2024-10-01
+
+#### Added
+
+- `Carousel`: introduce `trimSpace` prop
+  ([#3496](https://github.com/porsche-design-system/porsche-design-system/pull/3496))
+- `Checkbox`: ([#3498](https://github.com/porsche-design-system/porsche-design-system/pull/3498))
+
+#### Fixed
+
+- `Checkbox Wrapper`, `Radio Button Wrapper`: rendering of `checked` state in Blink based Browsers when component is
+  rendered in high contrast mode ([#3488](https://github.com/porsche-design-system/porsche-design-system/pull/3488))
+
 ### [3.19.0-rc.1] - 2024-09-06
 
 #### Changed

package/cjs/lib/components/CarouselWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),c=e.defineComponent({__name:"CarouselWrapper",props:{activeSlideIndex:{default:0},alignHeader:{default:"start"},aria:{},description:{},disablePagination:{},focusOnCenterSlide:{type:Boolean,default:!1},gradientColor:{default:"none"},heading:{},headingSize:{default:"x-large"},intl:{},pagination:{default:!0},rewind:{type:Boolean,default:!0},skipLinkTarget:{},slidesPerPage:{default:1},theme:{},width:{default:"basic"},wrapContent:{type:Boolean}},emits:["carouselChange","update"],setup(d,{emit:l}){const u=t.usePrefix("p-carousel"),o=d,n=e.ref(),r=l,s=e.inject(t.themeInjectionKey),i=()=>t.syncProperties(n,{...o,theme:o.theme||s.value});return e.onMounted(()=>{i(),t.addEventListenerToElementRef(n,"carouselChange",r),t.addEventListenerToElementRef(n,"update",r)}),e.onUpdated(i),e.watch(s,a=>{t.syncProperties(n,{theme:o.theme||a})}),(a,p)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},512))}});module.exports=c;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"CarouselWrapper",props:{activeSlideIndex:{default:0},alignHeader:{default:"start"},aria:{},description:{},disablePagination:{},focusOnCenterSlide:{type:Boolean,default:!1},gradientColor:{default:"none"},heading:{},headingSize:{default:"x-large"},intl:{},pagination:{default:!0},rewind:{type:Boolean,default:!0},skipLinkTarget:{},slidesPerPage:{default:1},theme:{},trimSpace:{type:Boolean,default:!0},width:{default:"basic"},wrapContent:{type:Boolean}},emits:["carouselChange","update"],setup(l,{emit:d}){const u=t.usePrefix("p-carousel"),a=l,n=e.ref(),r=d,s=e.inject(t.themeInjectionKey),i=()=>t.syncProperties(n,{...a,theme:a.theme||s.value});return e.onMounted(()=>{i(),t.addEventListenerToElementRef(n,"carouselChange",r),t.addEventListenerToElementRef(n,"update",r)}),e.onUpdated(i),e.watch(s,o=>{t.syncProperties(n,{theme:a.theme||o})}),(o,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(o.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/lib/components/CheckboxWrapper.vue.cjs

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

package/cjs/lib/components/CheckboxWrapper.vue2.cjs

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

package/cjs/lib/components/TextareaWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"TextareaWrapper",props:{autoComplete:{default:""},description:{default:""},disabled:{type:Boolean,default:!1},form:{},hideLabel:{default:!1},label:{default:""},maxLength:{},message:{default:""},minLength:{},name:{},placeholder:{default:""},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},resize:{default:"vertical"},rows:{default:7},showCounter:{type:Boolean,default:!0},spellCheck:{type:Boolean},state:{default:"none"},theme:{},value:{default:""},wrap:{default:"soft"}},emits:["blur","change","input"],setup(u,{emit:d}){const f=t.usePrefix("p-textarea"),a=u,n=e.ref(),o=d,l=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...a,theme:a.theme||l.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(l,s=>{t.syncProperties(n,{theme:a.theme||s})}),(s,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(f)),{ref_key:"pdsComponentRef",ref:n},null,512))}});module.exports=p;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"TextareaWrapper",props:{autoComplete:{default:""},description:{default:""},disabled:{type:Boolean,default:!1},form:{},hideLabel:{default:!1},label:{default:""},maxLength:{},message:{default:""},minLength:{},name:{},placeholder:{default:""},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},resize:{default:"vertical"},rows:{default:7},showCounter:{type:Boolean,default:!0},spellCheck:{type:Boolean},state:{default:"none"},theme:{},value:{default:""},wrap:{default:"soft"}},emits:["blur","change","input"],setup(u,{emit:d}){const f=t.usePrefix("p-textarea"),a=u,n=e.ref(),o=d,r=e.inject(t.themeInjectionKey),s=()=>t.syncProperties(n,{...a,theme:a.theme||r.value});return e.onMounted(()=>{s(),t.addEventListenerToElementRef(n,"blur",o),t.addEventListenerToElementRef(n,"change",o),t.addEventListenerToElementRef(n,"input",o)}),e.onUpdated(s),e.watch(r,l=>{t.syncProperties(n,{theme:a.theme||l})}),(l,c)=>(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/public-api.cjs

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

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

@@ -60,6 +60,10 @@ type PCarouselProps = {
      * Adapts the color when used on dark background.
      */
     theme?: Theme;
+    /**
+     * Determines whether to trim spaces before/after the carousel if `focusOnCenterSlide` option is true.
+     */
+    trimSpace?: boolean;
     /**
      * Defines the outer spacings between the carousel and the left and right screen sides.
      */
@@ -82,6 +86,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     pagination: boolean;
     rewind: boolean;
     slidesPerPage: number;
+    trimSpace: boolean;
     width: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     carouselChange: (value: import("../types").CarouselUpdateEvent) => void;
@@ -95,6 +100,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     pagination: boolean;
     rewind: boolean;
     slidesPerPage: number;
+    trimSpace: boolean;
     width: string;
 }>>> & {
     onUpdate?: ((value: import("../types").CarouselUpdateEvent) => any) | undefined;
@@ -109,6 +115,7 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     pagination: BreakpointCustomizable<boolean>;
     rewind: boolean;
     slidesPerPage: BreakpointCustomizable<number> | "auto";
+    trimSpace: boolean;
 }, {}>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;

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

@@ -1,5 +1,5 @@
-import { defineComponent as u, ref as f, inject as c, onMounted as m, onUpdated as h, watch as g, openBlock as C, createBlock as y, resolveDynamicComponent as _, unref as w, withCtx as P, renderSlot as k } from "vue";
-import { usePrefix as x, themeInjectionKey as B, addEventListenerToElementRef as i, syncProperties as s } from "../../utils.mjs";
+import { defineComponent as u, ref as f, inject as c, onMounted as m, onUpdated as h, watch as g, openBlock as C, createBlock as y, resolveDynamicComponent as _, unref as w, withCtx as B, renderSlot as P } from "vue";
+import { usePrefix as k, themeInjectionKey as x, addEventListenerToElementRef as i, syncProperties as l } from "../../utils.mjs";
 const b = /* @__PURE__ */ u({
   __name: "CarouselWrapper",
   props: {
@@ -18,22 +18,23 @@ const b = /* @__PURE__ */ u({
     skipLinkTarget: {},
     slidesPerPage: { default: 1 },
     theme: {},
+    trimSpace: { type: Boolean, default: !0 },
     width: { default: "basic" },
     wrapContent: { type: Boolean }
   },
   emits: ["carouselChange", "update"],
-  setup(d, { emit: l }) {
-    const p = x("p-carousel"), t = d, e = f(), a = l, o = c(B), r = () => s(e, { ...t, theme: t.theme || o.value });
+  setup(s, { emit: d }) {
+    const p = k("p-carousel"), t = s, e = f(), a = d, o = c(x), r = () => l(e, { ...t, theme: t.theme || o.value });
     return m(() => {
       r(), i(e, "carouselChange", a), i(e, "update", a);
     }), h(r), g(o, (n) => {
-      s(e, { theme: t.theme || n });
-    }), (n, v) => (C(), y(_(w(p)), {
+      l(e, { theme: t.theme || n });
+    }), (n, S) => (C(), y(_(w(p)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: P(() => [
-        k(n.$slots, "default")
+      default: B(() => [
+        P(n.$slots, "default")
       ]),
       _: 3
     }, 512));

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

@@ -0,0 +1,125 @@
+import type { BreakpointCustomizable, CheckboxUpdateEventDetail, CheckboxState, Theme } from '../types';
+type PCheckboxProps = {
+    /**
+     * Reflects the checkbox current checked state and allows setting the initial checked state.
+     */
+    checked?: boolean;
+    /**
+     * Marks the checkbox as disabled.
+     */
+    disabled?: boolean;
+    /**
+     * The id of a form element the checkbox should be associated with.
+     */
+    form?: string;
+    /**
+     * Show or hide label. For better accessibility it's recommended to show the label.
+     */
+    hideLabel?: BreakpointCustomizable<boolean>;
+    /**
+     * Marks the checkbox as indeterminate.
+     */
+    indeterminate?: boolean;
+    /**
+     * The label text.
+     */
+    label?: string;
+    /**
+     * @experimental Disables the checkbox and shows a loading indicator.
+     */
+    loading?: boolean;
+    /**
+     * The message styled depending on validation state.
+     */
+    message?: string;
+    /**
+     * The name of the checkbox.
+     */
+    name?: string;
+    /**
+     * Marks the checkbox as required.
+     */
+    required?: boolean;
+    /**
+     * The validation state.
+     */
+    state?: CheckboxState;
+    /**
+     * Adapts the color depending on the theme.
+     */
+    theme?: Theme;
+    /**
+     * The checkbox value. When a form is submitted, only a checkbox which is currently checked is included in the submission.
+     */
+    value?: string;
+};
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PCheckboxProps>, {
+    checked: boolean;
+    disabled: boolean;
+    hideLabel: boolean;
+    indeterminate: boolean;
+    label: string;
+    loading: boolean;
+    message: string;
+    name: string;
+    required: boolean;
+    state: string;
+    value: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    blur: (value: Event) => void;
+    update: (value: CheckboxUpdateEventDetail) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PCheckboxProps>, {
+    checked: boolean;
+    disabled: boolean;
+    hideLabel: boolean;
+    indeterminate: boolean;
+    label: string;
+    loading: boolean;
+    message: string;
+    name: string;
+    required: boolean;
+    state: string;
+    value: string;
+}>>> & {
+    onUpdate?: ((value: CheckboxUpdateEventDetail) => any) | undefined;
+    onBlur?: ((value: Event) => any) | undefined;
+}, {
+    label: string;
+    state: CheckboxState;
+    required: boolean;
+    disabled: boolean;
+    hideLabel: BreakpointCustomizable<boolean>;
+    loading: boolean;
+    name: string;
+    value: string;
+    checked: boolean;
+    indeterminate: boolean;
+    message: string;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

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

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

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

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

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

@@ -85,7 +85,10 @@ type PTextareaProps = {
      */
     wrap?: TextareaWrap;
 };
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PTextareaProps>, {
+declare function __VLS_template(): {
+    default?(_: {}): any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PTextareaProps>, {
     autoComplete: string;
     description: string;
     disabled: boolean;
@@ -142,6 +145,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     readOnly: boolean;
     rows: number;
 }, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {
     [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
@@ -151,6 +155,11 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {

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

@@ -1,6 +1,6 @@
-import { defineComponent as d, ref as m, inject as c, onMounted as i, onUpdated as h, watch as y, openBlock as C, createBlock as B, resolveDynamicComponent as _, unref as b } from "vue";
-import { usePrefix as g, themeInjectionKey as x, addEventListenerToElementRef as n, syncProperties as s } from "../../utils.mjs";
-const L = /* @__PURE__ */ d({
+import { defineComponent as u, ref as m, inject as c, onMounted as i, onUpdated as h, watch as y, openBlock as C, createBlock as B, resolveDynamicComponent as _, unref as b, withCtx as g, renderSlot as w } from "vue";
+import { usePrefix as x, themeInjectionKey as v, addEventListenerToElementRef as n, syncProperties as s } from "../../utils.mjs";
+const P = /* @__PURE__ */ u({
   __name: "TextareaWrapper",
   props: {
     autoComplete: { default: "" },
@@ -26,18 +26,23 @@ const L = /* @__PURE__ */ d({
     wrap: { default: "soft" }
   },
   emits: ["blur", "change", "input"],
-  setup(f, { emit: p }) {
-    const u = g("p-textarea"), t = f, e = m(), a = p, o = c(x), l = () => s(e, { ...t, theme: t.theme || o.value });
+  setup(f, { emit: d }) {
+    const p = x("p-textarea"), t = f, e = m(), a = d, l = c(v), r = () => s(e, { ...t, theme: t.theme || l.value });
     return i(() => {
-      l(), n(e, "blur", a), n(e, "change", a), n(e, "input", a);
-    }), h(l), y(o, (r) => {
-      s(e, { theme: t.theme || r });
-    }), (r, v) => (C(), B(_(b(u)), {
+      r(), n(e, "blur", a), n(e, "change", a), n(e, "input", a);
+    }), h(r), y(l, (o) => {
+      s(e, { theme: t.theme || o });
+    }), (o, k) => (C(), B(_(b(p)), {
       ref_key: "pdsComponentRef",
       ref: e
-    }, null, 512));
+    }, {
+      default: g(() => [
+        w(o.$slots, "default")
+      ]),
+      _: 3
+    }, 512));
   }
 });
 export {
-  L as default
+  P as default
 };

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

@@ -6,6 +6,7 @@ export { default as PButtonPure } from './ButtonPureWrapper.vue';
 export { default as PButtonTile } from './ButtonTileWrapper.vue';
 export { default as PCanvas } from './CanvasWrapper.vue';
 export { default as PCarousel } from './CarouselWrapper.vue';
+export { default as PCheckbox } from './CheckboxWrapper.vue';
 export { default as PCheckboxWrapper } from './CheckboxWrapperWrapper.vue';
 export { default as PContentWrapper } from './ContentWrapperWrapper.vue';
 export { default as PCrest } from './CrestWrapper.vue';

package/esm/lib/types.d.ts

@@ -715,6 +715,13 @@ export type CarouselUpdateEvent = {
     previousIndex: number;
 };
 export type CarouselUpdateEventDetail = CarouselUpdateEvent;
+export type CheckboxState = FormState;
+export type CheckboxUpdateEventDetail = {
+    name: string;
+    value?: string;
+    checked: boolean;
+};
+export type CheckboxBlurEventDetail = Event;
 export type CheckboxWrapperState = FormState;
 declare const CONTENT_WRAPPER_BACKGROUND_COLORS: readonly [
     "transparent",

package/esm/public-api.mjs

@@ -7,73 +7,74 @@ 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 b } from "./lib/components/CheckboxWrapperWrapper.vue.mjs";
-import { default as y } from "./lib/components/ContentWrapperWrapper.vue.mjs";
-import { default as M } from "./lib/components/CrestWrapper.vue.mjs";
-import { default as B } from "./lib/components/DisplayWrapper.vue.mjs";
-import { default as L } from "./lib/components/DividerWrapper.vue.mjs";
-import { default as H } from "./lib/components/FieldsetWrapper.vue.mjs";
-import { default as D } from "./lib/components/FieldsetWrapperWrapper.vue.mjs";
-import { default as R } from "./lib/components/FlexWrapper.vue.mjs";
-import { default as G } from "./lib/components/FlexItemWrapper.vue.mjs";
-import { default as z } from "./lib/components/FlyoutWrapper.vue.mjs";
-import { default as A } from "./lib/components/FlyoutMultilevelWrapper.vue.mjs";
-import { default as j } from "./lib/components/FlyoutMultilevelItemWrapper.vue.mjs";
-import { default as J } from "./lib/components/GridWrapper.vue.mjs";
-import { default as Q } from "./lib/components/GridItemWrapper.vue.mjs";
-import { default as V } from "./lib/components/HeadingWrapper.vue.mjs";
-import { default as Y } from "./lib/components/HeadlineWrapper.vue.mjs";
-import { default as _ } from "./lib/components/IconWrapper.vue.mjs";
-import { default as ee } from "./lib/components/InlineNotificationWrapper.vue.mjs";
-import { default as oe } from "./lib/components/LinkWrapper.vue.mjs";
-import { default as ae } from "./lib/components/LinkPureWrapper.vue.mjs";
-import { default as le } from "./lib/components/LinkSocialWrapper.vue.mjs";
-import { default as se } from "./lib/components/LinkTileWrapper.vue.mjs";
-import { default as ue } from "./lib/components/LinkTileModelSignatureWrapper.vue.mjs";
-import { default as xe } from "./lib/components/LinkTileProductWrapper.vue.mjs";
-import { default as ie } from "./lib/components/MarqueWrapper.vue.mjs";
-import { default as Te } from "./lib/components/ModalWrapper.vue.mjs";
-import { default as Se } from "./lib/components/ModelSignatureWrapper.vue.mjs";
-import { default as be } from "./lib/components/MultiSelectWrapper.vue.mjs";
-import { default as ye } from "./lib/components/MultiSelectOptionWrapper.vue.mjs";
-import { default as Me } from "./lib/components/OptgroupWrapper.vue.mjs";
-import { default as Be } from "./lib/components/PaginationWrapper.vue.mjs";
-import { default as Le } from "./lib/components/PinCodeWrapper.vue.mjs";
-import { default as He } from "./lib/components/PopoverWrapper.vue.mjs";
-import { default as De } from "./lib/components/RadioButtonWrapperWrapper.vue.mjs";
-import { default as Re } from "./lib/components/ScrollerWrapper.vue.mjs";
-import { default as Ge } from "./lib/components/SegmentedControlWrapper.vue.mjs";
-import { default as ze } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
-import { default as Ae } from "./lib/components/SelectWrapper.vue.mjs";
-import { default as je } from "./lib/components/SelectOptionWrapper.vue.mjs";
-import { default as Je } from "./lib/components/SelectWrapperWrapper.vue.mjs";
-import { default as Qe } from "./lib/components/SpinnerWrapper.vue.mjs";
-import { default as Ve } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
-import { default as Ye } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
-import { default as _e } from "./lib/components/SwitchWrapper.vue.mjs";
-import { default as et } from "./lib/components/TableWrapper.vue.mjs";
-import { default as ot } from "./lib/components/TableBodyWrapper.vue.mjs";
-import { default as at } from "./lib/components/TableCellWrapper.vue.mjs";
-import { default as lt } from "./lib/components/TableHeadWrapper.vue.mjs";
-import { default as st } from "./lib/components/TableHeadCellWrapper.vue.mjs";
-import { default as ut } from "./lib/components/TableHeadRowWrapper.vue.mjs";
-import { default as xt } from "./lib/components/TableRowWrapper.vue.mjs";
-import { default as it } from "./lib/components/TabsWrapper.vue.mjs";
-import { default as Tt } from "./lib/components/TabsBarWrapper.vue.mjs";
-import { default as St } from "./lib/components/TabsItemWrapper.vue.mjs";
-import { default as bt } from "./lib/components/TagWrapper.vue.mjs";
-import { default as yt } from "./lib/components/TagDismissibleWrapper.vue.mjs";
-import { default as Mt } from "./lib/components/TextWrapper.vue.mjs";
-import { default as Bt } from "./lib/components/TextFieldWrapperWrapper.vue.mjs";
-import { default as Lt } from "./lib/components/TextListWrapper.vue.mjs";
-import { default as Ht } from "./lib/components/TextListItemWrapper.vue.mjs";
-import { default as Dt } from "./lib/components/TextareaWrapper.vue.mjs";
-import { default as Rt } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
-import { default as Gt } from "./lib/components/ToastWrapper.vue.mjs";
-import { default as zt } from "./lib/components/WordmarkWrapper.vue.mjs";
-import { useToastManager as At } from "./utils.mjs";
-import { default as jt } from "./PorscheDesignSystemProvider.vue.mjs";
-import { createPorscheDesignSystem as Jt, usePorscheDesignSystemPlugin as Kt } from "./plugin.mjs";
+import { default as b } from "./lib/components/CheckboxWrapper.vue.mjs";
+import { default as k } from "./lib/components/CheckboxWrapperWrapper.vue.mjs";
+import { default as I } from "./lib/components/ContentWrapperWrapper.vue.mjs";
+import { default as B } from "./lib/components/CrestWrapper.vue.mjs";
+import { default as L } from "./lib/components/DisplayWrapper.vue.mjs";
+import { default as H } from "./lib/components/DividerWrapper.vue.mjs";
+import { default as v } from "./lib/components/FieldsetWrapper.vue.mjs";
+import { default as R } from "./lib/components/FieldsetWrapperWrapper.vue.mjs";
+import { default as G } from "./lib/components/FlexWrapper.vue.mjs";
+import { default as z } from "./lib/components/FlexItemWrapper.vue.mjs";
+import { default as A } from "./lib/components/FlyoutWrapper.vue.mjs";
+import { default as j } from "./lib/components/FlyoutMultilevelWrapper.vue.mjs";
+import { default as J } from "./lib/components/FlyoutMultilevelItemWrapper.vue.mjs";
+import { default as Q } from "./lib/components/GridWrapper.vue.mjs";
+import { default as V } from "./lib/components/GridItemWrapper.vue.mjs";
+import { default as Y } from "./lib/components/HeadingWrapper.vue.mjs";
+import { default as _ } from "./lib/components/HeadlineWrapper.vue.mjs";
+import { default as ee } from "./lib/components/IconWrapper.vue.mjs";
+import { default as oe } from "./lib/components/InlineNotificationWrapper.vue.mjs";
+import { default as ae } from "./lib/components/LinkWrapper.vue.mjs";
+import { default as le } from "./lib/components/LinkPureWrapper.vue.mjs";
+import { default as se } from "./lib/components/LinkSocialWrapper.vue.mjs";
+import { default as ue } from "./lib/components/LinkTileWrapper.vue.mjs";
+import { default as xe } from "./lib/components/LinkTileModelSignatureWrapper.vue.mjs";
+import { default as ie } from "./lib/components/LinkTileProductWrapper.vue.mjs";
+import { default as Te } from "./lib/components/MarqueWrapper.vue.mjs";
+import { default as Se } from "./lib/components/ModalWrapper.vue.mjs";
+import { default as be } from "./lib/components/ModelSignatureWrapper.vue.mjs";
+import { default as ke } from "./lib/components/MultiSelectWrapper.vue.mjs";
+import { default as Ie } from "./lib/components/MultiSelectOptionWrapper.vue.mjs";
+import { default as Be } from "./lib/components/OptgroupWrapper.vue.mjs";
+import { default as Le } from "./lib/components/PaginationWrapper.vue.mjs";
+import { default as He } from "./lib/components/PinCodeWrapper.vue.mjs";
+import { default as ve } from "./lib/components/PopoverWrapper.vue.mjs";
+import { default as Re } from "./lib/components/RadioButtonWrapperWrapper.vue.mjs";
+import { default as Ge } from "./lib/components/ScrollerWrapper.vue.mjs";
+import { default as ze } from "./lib/components/SegmentedControlWrapper.vue.mjs";
+import { default as Ae } from "./lib/components/SegmentedControlItemWrapper.vue.mjs";
+import { default as je } from "./lib/components/SelectWrapper.vue.mjs";
+import { default as Je } from "./lib/components/SelectOptionWrapper.vue.mjs";
+import { default as Qe } from "./lib/components/SelectWrapperWrapper.vue.mjs";
+import { default as Ve } from "./lib/components/SpinnerWrapper.vue.mjs";
+import { default as Ye } from "./lib/components/StepperHorizontalWrapper.vue.mjs";
+import { default as _e } from "./lib/components/StepperHorizontalItemWrapper.vue.mjs";
+import { default as et } from "./lib/components/SwitchWrapper.vue.mjs";
+import { default as ot } from "./lib/components/TableWrapper.vue.mjs";
+import { default as at } from "./lib/components/TableBodyWrapper.vue.mjs";
+import { default as lt } from "./lib/components/TableCellWrapper.vue.mjs";
+import { default as st } from "./lib/components/TableHeadWrapper.vue.mjs";
+import { default as ut } from "./lib/components/TableHeadCellWrapper.vue.mjs";
+import { default as xt } from "./lib/components/TableHeadRowWrapper.vue.mjs";
+import { default as it } from "./lib/components/TableRowWrapper.vue.mjs";
+import { default as Tt } from "./lib/components/TabsWrapper.vue.mjs";
+import { default as St } from "./lib/components/TabsBarWrapper.vue.mjs";
+import { default as bt } from "./lib/components/TabsItemWrapper.vue.mjs";
+import { default as kt } from "./lib/components/TagWrapper.vue.mjs";
+import { default as It } from "./lib/components/TagDismissibleWrapper.vue.mjs";
+import { default as Bt } from "./lib/components/TextWrapper.vue.mjs";
+import { default as Lt } from "./lib/components/TextFieldWrapperWrapper.vue.mjs";
+import { default as Ht } from "./lib/components/TextListWrapper.vue.mjs";
+import { default as vt } from "./lib/components/TextListItemWrapper.vue.mjs";
+import { default as Rt } from "./lib/components/TextareaWrapper.vue.mjs";
+import { default as Gt } from "./lib/components/TextareaWrapperWrapper.vue.mjs";
+import { default as zt } from "./lib/components/ToastWrapper.vue.mjs";
+import { default as At } from "./lib/components/WordmarkWrapper.vue.mjs";
+import { useToastManager as jt } from "./utils.mjs";
+import { default as Jt } from "./PorscheDesignSystemProvider.vue.mjs";
+import { createPorscheDesignSystem as Qt, usePorscheDesignSystemPlugin as Ut } from "./plugin.mjs";
 export {
   a as PAccordion,
   l as PBanner,
@@ -83,73 +84,74 @@ export {
   i as PButtonTile,
   T as PCanvas,
   S as PCarousel,
-  b as PCheckboxWrapper,
-  y as PContentWrapper,
-  M as PCrest,
-  B as PDisplay,
-  L as PDivider,
-  H as PFieldset,
-  D as PFieldsetWrapper,
-  R as PFlex,
-  G as PFlexItem,
-  z as PFlyout,
-  A as PFlyoutMultilevel,
-  j as PFlyoutMultilevelItem,
-  J as PGrid,
-  Q as PGridItem,
-  V as PHeading,
-  Y as PHeadline,
-  _ as PIcon,
-  ee as PInlineNotification,
-  oe as PLink,
-  ae as PLinkPure,
-  le as PLinkSocial,
-  se as PLinkTile,
-  ue as PLinkTileModelSignature,
-  xe as PLinkTileProduct,
-  ie as PMarque,
-  Te as PModal,
-  Se as PModelSignature,
-  be as PMultiSelect,
-  ye as PMultiSelectOption,
-  Me as POptgroup,
-  Be as PPagination,
-  Le as PPinCode,
-  He as PPopover,
-  De as PRadioButtonWrapper,
-  Re as PScroller,
-  Ge as PSegmentedControl,
-  ze as PSegmentedControlItem,
-  Ae as PSelect,
-  je as PSelectOption,
-  Je as PSelectWrapper,
-  Qe as PSpinner,
-  Ve as PStepperHorizontal,
-  Ye as PStepperHorizontalItem,
-  _e as PSwitch,
-  et as PTable,
-  ot as PTableBody,
-  at as PTableCell,
-  lt as PTableHead,
-  st as PTableHeadCell,
-  ut as PTableHeadRow,
-  xt as PTableRow,
-  it as PTabs,
-  Tt as PTabsBar,
-  St as PTabsItem,
-  bt as PTag,
-  yt as PTagDismissible,
-  Mt as PText,
-  Bt as PTextFieldWrapper,
-  Lt as PTextList,
-  Ht as PTextListItem,
-  Dt as PTextarea,
-  Rt as PTextareaWrapper,
-  Gt as PToast,
-  zt as PWordmark,
-  jt as PorscheDesignSystemProvider,
+  b as PCheckbox,
+  k as PCheckboxWrapper,
+  I as PContentWrapper,
+  B as PCrest,
+  L as PDisplay,
+  H as PDivider,
+  v as PFieldset,
+  R as PFieldsetWrapper,
+  G as PFlex,
+  z as PFlexItem,
+  A as PFlyout,
+  j as PFlyoutMultilevel,
+  J as PFlyoutMultilevelItem,
+  Q as PGrid,
+  V as PGridItem,
+  Y as PHeading,
+  _ as PHeadline,
+  ee as PIcon,
+  oe as PInlineNotification,
+  ae as PLink,
+  le as PLinkPure,
+  se as PLinkSocial,
+  ue as PLinkTile,
+  xe as PLinkTileModelSignature,
+  ie as PLinkTileProduct,
+  Te as PMarque,
+  Se as PModal,
+  be as PModelSignature,
+  ke as PMultiSelect,
+  Ie as PMultiSelectOption,
+  Be as POptgroup,
+  Le as PPagination,
+  He as PPinCode,
+  ve as PPopover,
+  Re as PRadioButtonWrapper,
+  Ge as PScroller,
+  ze as PSegmentedControl,
+  Ae as PSegmentedControlItem,
+  je as PSelect,
+  Je as PSelectOption,
+  Qe as PSelectWrapper,
+  Ve as PSpinner,
+  Ye as PStepperHorizontal,
+  _e as PStepperHorizontalItem,
+  et as PSwitch,
+  ot as PTable,
+  at as PTableBody,
+  lt as PTableCell,
+  st as PTableHead,
+  ut as PTableHeadCell,
+  xt as PTableHeadRow,
+  it as PTableRow,
+  Tt as PTabs,
+  St as PTabsBar,
+  bt as PTabsItem,
+  kt as PTag,
+  It as PTagDismissible,
+  Bt as PText,
+  Lt as PTextFieldWrapper,
+  Ht as PTextList,
+  vt as PTextListItem,
+  Rt as PTextarea,
+  Gt as PTextareaWrapper,
+  zt as PToast,
+  At as PWordmark,
+  Jt as PorscheDesignSystemProvider,
   o as componentsReady,
-  Jt as createPorscheDesignSystem,
-  Kt as usePorscheDesignSystemPlugin,
-  At as useToastManager
+  Qt as createPorscheDesignSystem,
+  Ut as usePorscheDesignSystemPlugin,
+  jt as useToastManager
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porsche-design-system/components-vue",
-  "version": "3.19.0-rc.1",
+  "version": "3.19.0-rc.2",
   "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.19.0-rc.1"
+    "@porsche-design-system/components-js": "3.19.0-rc.2"
   },
   "peerDependencies": {
     "vue": ">=3.0.0 <4.0.0"