@porsche-design-system/components-vue 3.30.0-rc.0 → 3.30.0-rc.1

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

@@ -29,7 +29,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PTabsProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<PTabsProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     update: (value: import("../types").TabsBarUpdateEvent) => any;
     tabChange: (value: import("../types").TabsBarUpdateEvent) => any;
 }, string, import("vue").PublicProps, Readonly<PTabsProps> & Readonly<{
@@ -40,7 +40,8 @@ declare const __VLS_component: import("vue").DefineComponent<PTabsProps, void, {
     size: BreakpointCustomizable<TabsSize>;
     activeTabIndex: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,5 +1,5 @@
-import { defineComponent as f, ref as i, inject as l, onMounted as u, onUpdated as h, watch as C, openBlock as g, createBlock as _, resolveDynamicComponent as b, unref as y, withCtx as v, renderSlot as w } from "vue";
-import { usePrefix as x, themeInjectionKey as R, addEventListenerToElementRef as s, syncProperties as m } from "../../utils.mjs";
+import { defineComponent as f, ref as i, inject as l, onMounted as u, onUpdated as h, watch as C, createBlock as g, openBlock as _, resolveDynamicComponent as b, unref as y, withCtx as v, renderSlot as w } from "vue";
+import { usePrefix as x, themeInjectionKey as R, syncProperties as s, addEventListenerToElementRef as m } from "../../utils.mjs";
 const j = /* @__PURE__ */ f({
   __name: "TabsWrapper",
   props: {
@@ -12,12 +12,12 @@ const j = /* @__PURE__ */ f({
   },
   emits: ["tabChange", "update"],
   setup(p, { emit: c }) {
-    const d = x("p-tabs"), t = p, e = i(), o = c, a = l(R), r = () => m(e, { ...t, theme: t.theme || a.value });
+    const d = x("p-tabs"), t = p, e = i(), o = c, a = l(R), r = () => s(e, { ...t, theme: t.theme || a.value });
     return u(() => {
-      r(), s(e, "tabChange", o), s(e, "update", o);
+      r(), m(e, "tabChange", o), m(e, "update", o);
     }), h(r), C(a, (n) => {
-      m(e, { theme: t.theme || n });
-    }), (n, T) => (g(), _(b(y(d)), {
+      s(e, { theme: t.theme || n });
+    }), (n, T) => (_(), g(b(y(d)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

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

@@ -21,10 +21,11 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PTagDismissibleProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PTagDismissibleProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PTagDismissibleProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PTagDismissibleProps> & Readonly<{}>, {
     color: TagDismissibleColor;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as m, inject as f, onMounted as i, onUpdated as l, watch as d, openBlock as u, createBlock as h, resolveDynamicComponent as _, unref as C, withCtx as b, renderSlot as y } from "vue";
+import { defineComponent as c, ref as m, inject as f, onMounted as i, onUpdated as l, watch as d, createBlock as u, openBlock as h, resolveDynamicComponent as _, unref as C, withCtx as b, renderSlot as y } from "vue";
 import { usePrefix as g, themeInjectionKey as k, syncProperties as s } from "../../utils.mjs";
 const R = /* @__PURE__ */ c({
   __name: "TagDismissibleWrapper",
@@ -12,7 +12,7 @@ const R = /* @__PURE__ */ c({
     const p = g("p-tag-dismissible"), e = a, t = m(), n = f(k), r = () => s(t, { ...e, theme: e.theme || n.value });
     return i(r), l(r), d(n, (o) => {
       s(t, { theme: e.theme || o });
-    }), (o, w) => (u(), h(_(C(p)), {
+    }), (o, w) => (h(), u(_(C(p)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, {

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

@@ -25,11 +25,12 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PTagProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PTagProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PTagProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PTagProps> & Readonly<{}>, {
     compact: boolean;
     color: TagColor;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,4 +1,4 @@
-import { defineComponent as s, ref as m, inject as f, onMounted as u, onUpdated as l, watch as d, openBlock as i, createBlock as h, resolveDynamicComponent as _, unref as y, withCtx as C, renderSlot as g } from "vue";
+import { defineComponent as s, ref as m, inject as f, onMounted as u, onUpdated as l, watch as d, createBlock as i, openBlock as h, resolveDynamicComponent as _, unref as y, withCtx as C, renderSlot as g } from "vue";
 import { usePrefix as k, themeInjectionKey as w, syncProperties as c } from "../../utils.mjs";
 const R = /* @__PURE__ */ s({
   __name: "TagWrapper",
@@ -13,7 +13,7 @@ const R = /* @__PURE__ */ s({
     const a = k("p-tag"), e = p, o = m(), n = f(w), r = () => c(o, { ...e, theme: e.theme || n.value });
     return u(r), l(r), d(n, (t) => {
       c(o, { theme: e.theme || t });
-    }), (t, x) => (i(), h(_(y(a)), {
+    }), (t, x) => (h(), i(_(y(a)), {
       ref_key: "pdsComponentRef",
       ref: o
     }, {

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

@@ -61,9 +61,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PTextFieldWrapperProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    [x: string]: any;
-} & {
+declare const __VLS_base: import("vue").DefineComponent<PTextFieldWrapperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<PTextFieldWrapperProps> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
@@ -80,8 +78,9 @@ declare const __VLS_component: import("vue").DefineComponent<PTextFieldWrapperPr
     unit: string;
     unitPosition: TextFieldWrapperUnitPosition;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 /** @deprecated since v3.29.0, will be removed with next major release. Please use one of the specific input components instead: `p-input-date`, `p-input-email`, `p-input-number`, `p-input-password`, `p-input-search`, `p-input-tel`, `p-input-text`, `p-input-time` or `p-input-url`. */
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,5 +1,5 @@
-import { defineComponent as i, ref as u, inject as d, onMounted as c, onUpdated as m, watch as h, openBlock as y, createBlock as B, resolveDynamicComponent as C, unref as w, withCtx as _, renderSlot as x } from "vue";
-import { usePrefix as b, themeInjectionKey as g, addEventListenerToElementRef as P, syncProperties as r } from "../../utils.mjs";
+import { defineComponent as i, ref as u, inject as d, onMounted as c, onUpdated as m, watch as h, createBlock as y, openBlock as B, resolveDynamicComponent as C, unref as w, withCtx as _, renderSlot as x } from "vue";
+import { usePrefix as b, themeInjectionKey as g, syncProperties as r, addEventListenerToElementRef as P } from "../../utils.mjs";
 const k = /* @__PURE__ */ i({
   __name: "TextFieldWrapperWrapper",
   props: {
@@ -25,7 +25,7 @@ const k = /* @__PURE__ */ i({
       a(), P(e, "action", f);
     }), m(a), h(n, (o) => {
       r(e, { theme: t.theme || o });
-    }), (o, R) => (y(), B(C(w(p)), {
+    }), (o, R) => (B(), y(C(w(p)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

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

@@ -2,8 +2,9 @@ declare var __VLS_7: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_7) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,10 +1,10 @@
-import { defineComponent as o, openBlock as n, createBlock as r, resolveDynamicComponent as p, unref as m, withCtx as s, renderSlot as a } from "vue";
+import { defineComponent as o, createBlock as n, openBlock as r, resolveDynamicComponent as p, unref as m, withCtx as s, renderSlot as a } from "vue";
 import { usePrefix as l } from "../../utils.mjs";
 const _ = /* @__PURE__ */ o({
   __name: "TextListItemWrapper",
   setup(i) {
     const e = l("p-text-list-item");
-    return (t, c) => (n(), r(p(m(e)), null, {
+    return (t, c) => (r(), n(p(m(e)), null, {
       default: s(() => [
         a(t.$slots, "default")
       ]),

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

@@ -21,10 +21,11 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PTextListProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PTextListProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PTextListProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PTextListProps> & Readonly<{}>, {
     type: TextListType;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as f, inject as a, onMounted as d, onUpdated as i, watch as l, openBlock as u, createBlock as h, resolveDynamicComponent as y, unref as _, withCtx as C, renderSlot as x } from "vue";
+import { defineComponent as c, ref as f, inject as a, onMounted as d, onUpdated as i, watch as l, createBlock as u, openBlock as h, resolveDynamicComponent as y, unref as _, withCtx as C, renderSlot as x } from "vue";
 import { usePrefix as T, themeInjectionKey as k, syncProperties as p } from "../../utils.mjs";
 const j = /* @__PURE__ */ c({
   __name: "TextListWrapper",
@@ -12,7 +12,7 @@ const j = /* @__PURE__ */ c({
     const m = T("p-text-list"), e = s, t = f(), n = a(k), r = () => p(t, { ...e, theme: e.theme || n.value });
     return d(r), i(r), l(n, (o) => {
       p(t, { theme: e.theme || o });
-    }), (o, w) => (u(), h(y(_(m)), {
+    }), (o, w) => (h(), u(y(_(m)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, {

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

@@ -33,7 +33,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PTextProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PTextProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PTextProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PTextProps> & Readonly<{}>, {
     weight: TextWeight;
     size: BreakpointCustomizable<TextSize>;
     tag: TextTag;
@@ -41,7 +41,8 @@ declare const __VLS_component: import("vue").DefineComponent<PTextProps, void, {
     color: TextColor;
     ellipsis: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,4 +1,4 @@
-import { defineComponent as l, ref as f, inject as m, onMounted as c, onUpdated as u, watch as d, openBlock as i, createBlock as h, resolveDynamicComponent as y, unref as _, withCtx as C, renderSlot as g } from "vue";
+import { defineComponent as l, ref as f, inject as m, onMounted as c, onUpdated as u, watch as d, createBlock as i, openBlock as h, resolveDynamicComponent as y, unref as _, withCtx as C, renderSlot as g } from "vue";
 import { usePrefix as x, themeInjectionKey as w, syncProperties as a } from "../../utils.mjs";
 const R = /* @__PURE__ */ l({
   __name: "TextWrapper",
@@ -15,7 +15,7 @@ const R = /* @__PURE__ */ l({
     const p = x("p-text"), e = s, t = f(), n = m(w), r = () => a(t, { ...e, theme: e.theme || n.value });
     return c(r), u(r), d(n, (o) => {
       a(t, { theme: e.theme || o });
-    }), (o, k) => (i(), h(y(_(p)), {
+    }), (o, k) => (h(), i(y(_(p)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, {

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

@@ -89,14 +89,16 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PTextareaProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<PTextareaProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     blur: (value: Event) => any;
     change: (value: Event) => any;
     input: (value: InputEvent) => any;
+    "update:value": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<PTextareaProps> & Readonly<{
     onBlur?: ((value: Event) => any) | undefined;
     onChange?: ((value: Event) => any) | undefined;
     onInput?: ((value: InputEvent) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
 }>, {
     wrap: TextareaWrap;
     resize: TextareaResize;
@@ -113,7 +115,8 @@ declare const __VLS_component: import("vue").DefineComponent<PTextareaProps, voi
     counter: boolean;
     rows: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

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

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

@@ -37,7 +37,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PTextareaWrapperProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PTextareaWrapperProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PTextareaWrapperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PTextareaWrapperProps> & Readonly<{}>, {
     label: string;
     description: string;
     state: TextareaWrapperState;
@@ -45,8 +45,9 @@ declare const __VLS_component: import("vue").DefineComponent<PTextareaWrapperPro
     message: string;
     showCounter: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 /** @deprecated since v3.29.0, will be removed with next major release. Please use `p-textarea` instead. */
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,4 +1,4 @@
-import { defineComponent as f, ref as l, inject as c, onMounted as m, onUpdated as u, watch as d, openBlock as h, createBlock as i, resolveDynamicComponent as C, unref as y, withCtx as _, renderSlot as w } from "vue";
+import { defineComponent as f, ref as l, inject as c, onMounted as m, onUpdated as u, watch as d, createBlock as h, openBlock as i, resolveDynamicComponent as C, unref as y, withCtx as _, renderSlot as w } from "vue";
 import { usePrefix as x, themeInjectionKey as B, syncProperties as r } from "../../utils.mjs";
 const P = /* @__PURE__ */ f({
   __name: "TextareaWrapperWrapper",
@@ -16,7 +16,7 @@ const P = /* @__PURE__ */ f({
     const s = x("p-textarea-wrapper"), e = p, t = l(), n = c(B), a = () => r(t, { ...e, theme: e.theme || n.value });
     return m(a), u(a), d(n, (o) => {
       r(t, { theme: e.theme || o });
-    }), (o, b) => (h(), i(C(y(s)), {
+    }), (o, b) => (i(), h(C(y(s)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, {

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

@@ -5,5 +5,6 @@ type PToastProps = {
      */
     theme?: Theme;
 };
-declare const _default: import("vue").DefineComponent<PToastProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PToastProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<PToastProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PToastProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { defineComponent as m, ref as a, inject as f, onMounted as h, onUpdated as i, watch as u, openBlock as d, createBlock as l, resolveDynamicComponent as _, unref as y } from "vue";
+import { defineComponent as m, ref as a, inject as f, onMounted as h, onUpdated as i, watch as u, createBlock as d, openBlock as l, resolveDynamicComponent as _, unref as y } from "vue";
 import { usePrefix as C, themeInjectionKey as k, syncProperties as p } from "../../utils.mjs";
 const j = /* @__PURE__ */ m({
   __name: "ToastWrapper",
@@ -9,7 +9,7 @@ const j = /* @__PURE__ */ m({
     const c = C("p-toast"), e = s, t = a(), o = f(k), n = () => p(t, { ...e, theme: e.theme || o.value });
     return h(n), i(n), u(o, (r) => {
       p(t, { theme: e.theme || r });
-    }), (r, x) => (d(), l(_(y(c)), {
+    }), (r, x) => (l(), d(_(y(c)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, null, 512));

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

@@ -21,8 +21,9 @@ type PWordmarkProps = {
      */
     theme?: Theme;
 };
-declare const _default: import("vue").DefineComponent<PWordmarkProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PWordmarkProps> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<PWordmarkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PWordmarkProps> & Readonly<{}>, {
     size: WordmarkSize;
     target: WordmarkTarget;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

@@ -1,4 +1,4 @@
-import { defineComponent as a, ref as c, inject as f, onMounted as l, onUpdated as d, watch as i, openBlock as u, createBlock as h, resolveDynamicComponent as _, unref as k } from "vue";
+import { defineComponent as a, ref as c, inject as f, onMounted as l, onUpdated as d, watch as i, createBlock as u, openBlock as h, resolveDynamicComponent as _, unref as k } from "vue";
 import { usePrefix as y, themeInjectionKey as C, syncProperties as m } from "../../utils.mjs";
 const R = /* @__PURE__ */ a({
   __name: "WordmarkWrapper",
@@ -13,7 +13,7 @@ const R = /* @__PURE__ */ a({
     const s = y("p-wordmark"), e = p, t = c(), o = f(C), n = () => m(t, { ...e, theme: e.theme || o.value });
     return l(n), d(n), i(o, (r) => {
       m(t, { theme: e.theme || r });
-    }), (r, w) => (u(), h(_(k(s)), {
+    }), (r, w) => (h(), u(_(k(s)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, null, 512));

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

@@ -52,6 +52,8 @@ export { default as PPagination } from './PaginationWrapper.vue';
 export { default as PPinCode } from './PinCodeWrapper.vue';
 export { default as PPopover } from './PopoverWrapper.vue';
 export { default as PRadioButtonWrapper } from './RadioButtonWrapperWrapper.vue';
+export { default as PRadioGroup } from './RadioGroupWrapper.vue';
+export { default as PRadioGroupOption } from './RadioGroupOptionWrapper.vue';
 export { default as PScroller } from './ScrollerWrapper.vue';
 export { default as PSegmentedControl } from './SegmentedControlWrapper.vue';
 export { default as PSegmentedControlItem } from './SegmentedControlItemWrapper.vue';

package/esm/lib/types.d.ts

@@ -726,13 +726,17 @@ export type MultiSelectUpdateEvent = {
     name: string;
     value: string[];
 };
+/** @deprecated */
 export type MultiSelectUpdateEventDetail = MultiSelectUpdateEvent;
+export type MultiSelectChangeEventDetail = MultiSelectUpdateEventDetail;
 export type SelectState = FormState;
 export type SelectDropdownDirection = SelectComponentsDropdownDirection;
+/** @deprecated */
 export type SelectUpdateEventDetail = {
     name: string;
     value: string;
 };
+export type SelectChangeEventDetail = SelectUpdateEventDetail;
 declare const SELECT_DROPDOWN_DIRECTIONS: readonly [
     "down",
     "up",
@@ -1111,6 +1115,11 @@ declare const FLEX_ITEM_FLEXS: readonly [
     "equal"
 ];
 export type FlexItemFlex = (typeof FLEX_ITEM_FLEXS)[number];
+declare const BACKDROPS: readonly [
+    "blur",
+    "shading"
+];
+export type Backdrop = (typeof BACKDROPS)[number];
 declare const FLYOUT_POSITIONS: readonly [
     "start",
     "end",
@@ -1129,6 +1138,7 @@ declare const FLYOUT_ARIA_ATTRIBUTES: readonly [
 export type FlyoutAriaAttribute = (typeof FLYOUT_ARIA_ATTRIBUTES)[number];
 export type FlyoutMotionVisibleEndEventDetail = TransitionEvent;
 export type FlyoutMotionHiddenEndEventDetail = TransitionEvent;
+export type FlyoutBackdrop = Backdrop;
 declare const GRID_DIRECTIONS: readonly [
     "row",
     "row-reverse",
@@ -1409,11 +1419,6 @@ declare const MARQUE_SIZES: readonly [
     "medium"
 ];
 export type MarqueSize = (typeof MARQUE_SIZES)[number];
-declare const BACKDROPS: readonly [
-    "blur",
-    "shading"
-];
-export type Backdrop = (typeof BACKDROPS)[number];
 declare const MODAL_ARIA_ATTRIBUTES: readonly [
     "aria-label",
     "role"
@@ -1474,7 +1479,9 @@ export type PinCodeUpdateEvent = {
     value: string;
     isComplete: boolean;
 };
+/** @deprecated */
 export type PinCodeUpdateEventDetail = PinCodeUpdateEvent;
+export type PinCodeChangeEventDetail = PinCodeUpdateEventDetail;
 export type PinCodeState = FormState;
 declare const POPOVER_DIRECTIONS: readonly [
     "top",
@@ -1488,6 +1495,9 @@ declare const POPOVER_ARIA_ATTRIBUTES: readonly [
 ];
 export type PopoverAriaAttribute = (typeof POPOVER_ARIA_ATTRIBUTES)[number];
 export type RadioButtonWrapperState = FormState;
+export type RadioGroupState = FormState;
+export type RadioGroupDirection = GroupDirection;
+export type RadioGroupChangeEventDetail = Event;
 declare const SEGMENTED_CONTROL_BACKGROUND_COLORS: readonly [
     "background-surface",
     "background-default"
@@ -1497,7 +1507,9 @@ export type SegmentedControlBackgroundColor = (typeof SEGMENTED_CONTROL_BACKGROU
 export type SegmentedControlUpdateEvent = {
     value: string | number;
 };
+/** @deprecated */
 export type SegmentedControlUpdateEventDetail = SegmentedControlUpdateEvent;
+export type SegmentedControlChangeEventDetail = SegmentedControlUpdateEventDetail;
 declare const SEGMENTED_CONTROL_COLUMNS: (string | number)[];
 export type SegmentedControlColumns = (typeof SEGMENTED_CONTROL_COLUMNS)[number];
 export type SegmentedControlItemIcon = LinkButtonIconName;

package/esm/plugin.mjs

@@ -1,9 +1,9 @@
-import { inject as n, ref as c } from "vue";
+import { ref as n, inject as c } from "vue";
 import { componentsReady as i, load as m } from "@porsche-design-system/components-js";
 import { prefixInjectionKey as a } from "./utils.mjs";
 const t = Symbol();
 function u() {
-  const e = n(t);
+  const e = c(t);
   if (!e)
     throw new Error(
       "[Porsche Design System Vue] No plugin was provided. Make sure to create one via `createPorscheDesignSystem()`."
@@ -11,7 +11,7 @@ function u() {
   return e;
 }
 function g(e = { prefix: "" }) {
-  const r = c(!1), s = {
+  const r = n(!1), s = {
     options: e,
     isPorscheDesignSystemLoaded: r,
     componentsReady: i,