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

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

@@ -1,10 +1,10 @@
-import { defineComponent as p, ref as f, inject as l, onMounted as m, onUpdated as i, watch as d, openBlock as u, createBlock as h, resolveDynamicComponent as _, unref as y, withCtx as C, renderSlot as k } from "vue";
-import { usePrefix as w, themeInjectionKey as x, syncProperties as a } from "../../utils.mjs";
-const S = /* @__PURE__ */ p({
+import { defineComponent as s, ref as f, inject as l, onMounted as m, onUpdated as i, watch as d, openBlock as u, createBlock as h, resolveDynamicComponent as _, unref as y, withCtx as C, renderSlot as k } from "vue";
+import { usePrefix as B, themeInjectionKey as b, syncProperties as a } from "../../utils.mjs";
+const P = /* @__PURE__ */ s({
   __name: "LinkSocialWrapper",
   props: {
     compact: { type: Boolean, default: !1 },
-    hideLabel: { default: !1 },
+    hideLabel: { type: [Boolean, Object], default: !1 },
     href: {},
     icon: {},
     iconSource: {},
@@ -13,10 +13,10 @@ const S = /* @__PURE__ */ p({
     theme: {}
   },
   setup(c) {
-    const s = w("p-link-social"), e = c, t = f(), n = l(x), r = () => a(t, { ...e, theme: e.theme || n.value });
+    const p = B("p-link-social"), e = c, t = f(), n = l(b), r = () => a(t, { ...e, theme: e.theme || n.value });
     return m(r), i(r), d(n, (o) => {
       a(t, { theme: e.theme || o });
-    }), (o, B) => (u(), h(_(y(s)), {
+    }), (o, j) => (u(), h(_(y(p)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, {
@@ -28,5 +28,5 @@ const S = /* @__PURE__ */ p({
   }
 });
 export {
-  S as default
+  P as default
 };

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

@@ -1,5 +1,5 @@
-import { defineComponent as l, ref as d, onMounted as p, onUpdated as s, openBlock as f, createBlock as i, resolveDynamicComponent as u, unref as c, withCtx as m, renderSlot as _ } from "vue";
-import { usePrefix as k, syncProperties as g } from "../../utils.mjs";
+import { defineComponent as l, ref as p, onMounted as d, onUpdated as s, openBlock as f, createBlock as i, resolveDynamicComponent as c, unref as u, withCtx as m, renderSlot as _ } from "vue";
+import { usePrefix as k, syncProperties as b } from "../../utils.mjs";
 const h = /* @__PURE__ */ l({
   __name: "LinkTileWrapper",
   props: {
@@ -7,7 +7,7 @@ const h = /* @__PURE__ */ l({
     aria: {},
     aspectRatio: { default: "4/3" },
     background: { default: "dark" },
-    compact: { default: !1 },
+    compact: { type: [Boolean, Object], default: !1 },
     description: {},
     download: {},
     gradient: { type: Boolean, default: !0 },
@@ -19,8 +19,8 @@ const h = /* @__PURE__ */ l({
     weight: { default: "semi-bold" }
   },
   setup(o) {
-    const n = k("p-link-tile"), a = o, e = d(), t = () => g(e, a);
-    return p(t), s(t), (r, C) => (f(), i(u(c(n)), {
+    const n = k("p-link-tile"), a = o, e = p(), t = () => b(e, a);
+    return d(t), s(t), (r, g) => (f(), i(c(u(n)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

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

@@ -1,12 +1,12 @@
-import { defineComponent as s, ref as c, inject as l, onMounted as m, onUpdated as d, watch as i, openBlock as u, createBlock as h, resolveDynamicComponent as _, unref as y, withCtx as C, renderSlot as k } from "vue";
-import { usePrefix as w, themeInjectionKey as v, syncProperties as a } from "../../utils.mjs";
-const b = /* @__PURE__ */ s({
+import { defineComponent as f, ref as s, inject as l, onMounted as m, onUpdated as d, watch as i, openBlock as u, createBlock as h, resolveDynamicComponent as y, unref as _, withCtx as C, renderSlot as k } from "vue";
+import { usePrefix as b, themeInjectionKey as j, syncProperties as a } from "../../utils.mjs";
+const x = /* @__PURE__ */ f({
   __name: "LinkWrapper",
   props: {
     aria: {},
-    compact: { default: !1 },
+    compact: { type: [Boolean, Object], default: !1 },
     download: {},
-    hideLabel: { default: !1 },
+    hideLabel: { type: [Boolean, Object], default: !1 },
     href: {},
     icon: { default: "none" },
     iconSource: {},
@@ -15,11 +15,11 @@ const b = /* @__PURE__ */ s({
     theme: {},
     variant: { default: "primary" }
   },
-  setup(f) {
-    const p = w("p-link"), e = f, t = c(), n = l(v), r = () => a(t, { ...e, theme: e.theme || n.value });
+  setup(p) {
+    const c = b("p-link"), e = p, t = s(), n = l(j), r = () => a(t, { ...e, theme: e.theme || n.value });
     return m(r), d(r), i(n, (o) => {
       a(t, { theme: e.theme || o });
-    }), (o, x) => (u(), h(_(y(p)), {
+    }), (o, w) => (u(), h(y(_(c)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, {
@@ -31,5 +31,5 @@ const b = /* @__PURE__ */ s({
   }
 });
 export {
-  b as default
+  x as default
 };

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

@@ -1,6 +1,6 @@
-import { defineComponent as p, ref as c, inject as f, onMounted as u, onUpdated as h, watch as y, openBlock as B, createBlock as C, resolveDynamicComponent as b, unref as _, withCtx as k, renderSlot as E } from "vue";
-import { usePrefix as R, themeInjectionKey as v, addEventListenerToElementRef as t, syncProperties as i } from "../../utils.mjs";
-const g = /* @__PURE__ */ p({
+import { defineComponent as p, ref as c, inject as f, onMounted as u, onUpdated as h, watch as y, openBlock as B, createBlock as b, resolveDynamicComponent as C, unref as _, withCtx as k, renderSlot as E } from "vue";
+import { usePrefix as R, themeInjectionKey as j, addEventListenerToElementRef as t, syncProperties as d } from "../../utils.mjs";
+const P = /* @__PURE__ */ p({
   __name: "ModalWrapper",
   props: {
     aria: {},
@@ -8,19 +8,19 @@ const g = /* @__PURE__ */ p({
     disableBackdropClick: { type: Boolean, default: !1 },
     disableCloseButton: { type: Boolean },
     dismissButton: { type: Boolean, default: !0 },
-    fullscreen: { default: !1 },
+    fullscreen: { type: [Boolean, Object], default: !1 },
     heading: {},
     open: { type: Boolean, default: !1 },
     theme: {}
   },
   emits: ["close", "dismiss", "motionHiddenEnd", "motionVisibleEnd"],
-  setup(l, { emit: r }) {
-    const m = R("p-modal"), n = l, e = c(), o = r, a = f(v), d = () => i(e, { ...n, theme: n.theme || a.value });
+  setup(i, { emit: r }) {
+    const m = R("p-modal"), n = i, e = c(), o = r, a = f(j), l = () => d(e, { ...n, theme: n.theme || a.value });
     return u(() => {
-      d(), t(e, "close", o), t(e, "dismiss", o), t(e, "motionHiddenEnd", o), t(e, "motionVisibleEnd", o);
-    }), h(d), y(a, (s) => {
-      i(e, { theme: n.theme || s });
-    }), (s, w) => (B(), C(b(_(m)), {
+      l(), t(e, "close", o), t(e, "dismiss", o), t(e, "motionHiddenEnd", o), t(e, "motionVisibleEnd", o);
+    }), h(l), y(a, (s) => {
+      d(e, { theme: n.theme || s });
+    }), (s, v) => (B(), b(C(_(m)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
@@ -32,5 +32,5 @@ const g = /* @__PURE__ */ p({
   }
 });
 export {
-  g as default
+  P as default
 };

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

@@ -1,6 +1,6 @@
-import { defineComponent as p, ref as m, inject as u, onMounted as c, onUpdated as i, watch as h, openBlock as y, createBlock as _, resolveDynamicComponent as C, unref as B, withCtx as b, renderSlot as v } from "vue";
-import { usePrefix as w, themeInjectionKey as R, addEventListenerToElementRef as k, syncProperties as l } from "../../utils.mjs";
-const j = /* @__PURE__ */ p({
+import { defineComponent as p, ref as m, inject as u, onMounted as c, onUpdated as i, watch as h, openBlock as y, createBlock as _, resolveDynamicComponent as B, unref as C, withCtx as b, renderSlot as v } from "vue";
+import { usePrefix as w, themeInjectionKey as R, addEventListenerToElementRef as j, syncProperties as l } from "../../utils.mjs";
+const g = /* @__PURE__ */ p({
   __name: "MultiSelectWrapper",
   props: {
     compact: { type: Boolean, default: !1 },
@@ -8,7 +8,7 @@ const j = /* @__PURE__ */ p({
     disabled: { type: Boolean, default: !1 },
     dropdownDirection: { default: "auto" },
     form: {},
-    hideLabel: { default: !1 },
+    hideLabel: { type: [Boolean, Object], default: !1 },
     label: { default: "" },
     message: { default: "" },
     name: {},
@@ -21,10 +21,10 @@ const j = /* @__PURE__ */ p({
   setup(s, { emit: r }) {
     const d = w("p-multi-select"), t = s, e = m(), f = r, n = u(R), a = () => l(e, { ...t, theme: t.theme || n.value });
     return c(() => {
-      a(), k(e, "update", f);
+      a(), j(e, "update", f);
     }), i(a), h(n, (o) => {
       l(e, { theme: t.theme || o });
-    }), (o, x) => (y(), _(C(B(d)), {
+    }), (o, k) => (y(), _(B(C(d)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
@@ -36,5 +36,5 @@ const j = /* @__PURE__ */ p({
   }
 });
 export {
-  j as default
+  g as default
 };

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

@@ -1,5 +1,9 @@
 import type { BreakpointCustomizable, PinCodeLength, PinCodeState, Theme, PinCodeType } from '../types';
 type PPinCodeProps = {
+    /**
+     * A boolean value that, if present, renders the pin-code as a compact version.
+     */
+    compact?: boolean;
     /**
      * The description text.
      */
@@ -69,6 +73,7 @@ declare const __VLS_component: import("vue").DefineComponent<PPinCodeProps, void
     label: string;
     length: PinCodeLength;
     type: PinCodeType;
+    compact: boolean;
     description: string;
     state: PinCodeState;
     required: boolean;

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

@@ -1,12 +1,13 @@
-import { defineComponent as p, ref as m, inject as u, onMounted as i, onUpdated as c, watch as h, openBlock as y, createBlock as C, resolveDynamicComponent as _, unref as b, withCtx as B, renderSlot as g } from "vue";
+import { defineComponent as r, ref as m, inject as u, onMounted as c, onUpdated as i, watch as h, openBlock as y, createBlock as B, resolveDynamicComponent as C, unref as _, withCtx as b, renderSlot as g } from "vue";
 import { usePrefix as v, themeInjectionKey as P, addEventListenerToElementRef as R, syncProperties as l } from "../../utils.mjs";
-const j = /* @__PURE__ */ p({
+const x = /* @__PURE__ */ r({
   __name: "PinCodeWrapper",
   props: {
+    compact: { type: Boolean, default: !1 },
     description: { default: "" },
     disabled: { type: Boolean, default: !1 },
     form: {},
-    hideLabel: { default: !1 },
+    hideLabel: { type: [Boolean, Object], default: !1 },
     label: { default: "" },
     length: { default: 4 },
     loading: { type: Boolean, default: !1 },
@@ -19,23 +20,23 @@ const j = /* @__PURE__ */ p({
     value: { default: "" }
   },
   emits: ["update"],
-  setup(d, { emit: s }) {
-    const f = v("p-pin-code"), t = d, e = m(), r = s, o = u(P), a = () => l(e, { ...t, theme: t.theme || o.value });
-    return i(() => {
-      a(), R(e, "update", r);
-    }), c(a), h(o, (n) => {
-      l(e, { theme: t.theme || n });
-    }), (n, k) => (y(), C(_(b(f)), {
+  setup(d, { emit: f }) {
+    const s = v("p-pin-code"), t = d, e = m(), p = f, n = u(P), a = () => l(e, { ...t, theme: t.theme || n.value });
+    return c(() => {
+      a(), R(e, "update", p);
+    }), i(a), h(n, (o) => {
+      l(e, { theme: t.theme || o });
+    }), (o, j) => (y(), B(C(_(s)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: B(() => [
-        g(n.$slots, "default")
+      default: b(() => [
+        g(o.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  j as default
+  x as default
 };

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

@@ -1,9 +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 w, themeInjectionKey as B, syncProperties as r } from "../../utils.mjs";
-const x = /* @__PURE__ */ f({
+import { defineComponent as f, ref as l, inject as m, onMounted as c, onUpdated as d, watch as u, openBlock as i, createBlock as h, resolveDynamicComponent as y, unref as _, withCtx as C, renderSlot as b } from "vue";
+import { usePrefix as B, themeInjectionKey as w, syncProperties as r } from "../../utils.mjs";
+const k = /* @__PURE__ */ f({
   __name: "RadioButtonWrapperWrapper",
   props: {
-    hideLabel: { default: !1 },
+    hideLabel: { type: [Boolean, Object], default: !1 },
     label: { default: "" },
     loading: { type: Boolean, default: !1 },
     message: { default: "" },
@@ -11,10 +11,10 @@ const x = /* @__PURE__ */ f({
     theme: {}
   },
   setup(p) {
-    const s = w("p-radio-button-wrapper"), e = p, t = l(), n = m(B), a = () => r(t, { ...e, theme: e.theme || n.value });
-    return d(a), c(a), u(n, (o) => {
+    const s = B("p-radio-button-wrapper"), e = p, t = l(), n = m(w), a = () => r(t, { ...e, theme: e.theme || n.value });
+    return c(a), d(a), u(n, (o) => {
       r(t, { theme: e.theme || o });
-    }), (o, R) => (i(), h(_(y(s)), {
+    }), (o, R) => (i(), h(y(_(s)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, {
@@ -26,5 +26,5 @@ const x = /* @__PURE__ */ f({
   }
 });
 export {
-  x as default
+  k as default
 };

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

@@ -1,6 +1,6 @@
-import { defineComponent as p, ref as m, inject as c, onMounted as u, onUpdated as i, watch as h, openBlock as y, createBlock as _, resolveDynamicComponent as B, unref as C, withCtx as b, renderSlot as v } from "vue";
-import { usePrefix as w, themeInjectionKey as R, addEventListenerToElementRef as k, syncProperties as l } from "../../utils.mjs";
-const j = /* @__PURE__ */ p({
+import { defineComponent as d, ref as m, inject as c, onMounted as u, onUpdated as i, watch as h, openBlock as y, createBlock as B, resolveDynamicComponent as _, unref as C, withCtx as b, renderSlot as v } from "vue";
+import { usePrefix as w, themeInjectionKey as R, addEventListenerToElementRef as j, syncProperties as l } from "../../utils.mjs";
+const g = /* @__PURE__ */ d({
   __name: "SelectWrapper",
   props: {
     compact: { type: Boolean, default: !1 },
@@ -9,7 +9,7 @@ const j = /* @__PURE__ */ p({
     dropdownDirection: { default: "auto" },
     filter: { type: Boolean, default: !1 },
     form: {},
-    hideLabel: { default: !1 },
+    hideLabel: { type: [Boolean, Object], default: !1 },
     label: { default: "" },
     message: { default: "" },
     name: {},
@@ -20,12 +20,12 @@ const j = /* @__PURE__ */ p({
   },
   emits: ["update"],
   setup(s, { emit: f }) {
-    const r = w("p-select"), t = s, e = m(), d = f, n = c(R), a = () => l(e, { ...t, theme: t.theme || n.value });
+    const r = w("p-select"), t = s, e = m(), p = f, n = c(R), a = () => l(e, { ...t, theme: t.theme || n.value });
     return u(() => {
-      a(), k(e, "update", d);
+      a(), j(e, "update", p);
     }), i(a), h(n, (o) => {
       l(e, { theme: t.theme || o });
-    }), (o, x) => (y(), _(B(C(r)), {
+    }), (o, k) => (y(), B(_(C(r)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
@@ -37,5 +37,5 @@ const j = /* @__PURE__ */ p({
   }
 });
 export {
-  j as default
+  g as default
 };

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

@@ -1,12 +1,12 @@
-import { defineComponent as l, ref as f, inject as c, onMounted as d, onUpdated as m, watch as u, openBlock as i, createBlock as h, resolveDynamicComponent as y, unref as _, withCtx as C, renderSlot as w } from "vue";
+import { defineComponent as s, ref as f, inject as c, onMounted as d, onUpdated as m, watch as u, openBlock as i, createBlock as h, resolveDynamicComponent as y, unref as _, withCtx as C, renderSlot as w } from "vue";
 import { usePrefix as B, themeInjectionKey as b, syncProperties as r } from "../../utils.mjs";
-const P = /* @__PURE__ */ l({
+const x = /* @__PURE__ */ s({
   __name: "SelectWrapperWrapper",
   props: {
     description: { default: "" },
     dropdownDirection: { default: "auto" },
     filter: { type: Boolean, default: !1 },
-    hideLabel: { default: !1 },
+    hideLabel: { type: [Boolean, Object], default: !1 },
     label: { default: "" },
     message: { default: "" },
     native: { type: Boolean, default: !1 },
@@ -14,10 +14,10 @@ const P = /* @__PURE__ */ l({
     theme: {}
   },
   setup(p) {
-    const s = B("p-select-wrapper"), e = p, t = f(), n = c(b), a = () => r(t, { ...e, theme: e.theme || n.value });
+    const l = B("p-select-wrapper"), e = p, t = f(), n = c(b), a = () => r(t, { ...e, theme: e.theme || n.value });
     return d(a), m(a), u(n, (o) => {
       r(t, { theme: e.theme || o });
-    }), (o, k) => (i(), h(y(_(s)), {
+    }), (o, j) => (i(), h(y(_(l)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, {
@@ -29,5 +29,5 @@ const P = /* @__PURE__ */ l({
   }
 });
 export {
-  P as default
+  x as default
 };

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

@@ -1,35 +1,35 @@
-import { defineComponent as r, ref as m, inject as i, onMounted as h, onUpdated as u, watch as y, openBlock as C, createBlock as w, resolveDynamicComponent as _, unref as B, withCtx as g, renderSlot as b } from "vue";
-import { usePrefix as k, themeInjectionKey as R, addEventListenerToElementRef as l, syncProperties as f } from "../../utils.mjs";
-const P = /* @__PURE__ */ r({
+import { defineComponent as r, ref as m, inject as i, onMounted as h, onUpdated as u, watch as y, openBlock as B, createBlock as C, resolveDynamicComponent as w, unref as _, withCtx as b, renderSlot as g } from "vue";
+import { usePrefix as j, themeInjectionKey as k, addEventListenerToElementRef as l, syncProperties as p } from "../../utils.mjs";
+const L = /* @__PURE__ */ r({
   __name: "SwitchWrapper",
   props: {
     alignLabel: { default: "end" },
     checked: { type: Boolean, default: !1 },
     compact: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
-    hideLabel: { default: !1 },
+    hideLabel: { type: [Boolean, Object], default: !1 },
     loading: { type: Boolean, default: !1 },
-    stretch: { default: !1 },
+    stretch: { type: [Boolean, Object], default: !1 },
     theme: {}
   },
   emits: ["switchChange", "update"],
-  setup(p, { emit: c }) {
-    const d = k("p-switch"), t = p, e = m(), n = c, a = i(R), s = () => f(e, { ...t, theme: t.theme || a.value });
+  setup(c, { emit: f }) {
+    const d = j("p-switch"), t = c, e = m(), n = f, a = i(k), s = () => p(e, { ...t, theme: t.theme || a.value });
     return h(() => {
       s(), l(e, "switchChange", n), l(e, "update", n);
     }), u(s), y(a, (o) => {
-      f(e, { theme: t.theme || o });
-    }), (o, v) => (C(), w(_(B(d)), {
+      p(e, { theme: t.theme || o });
+    }), (o, R) => (B(), C(w(_(d)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: g(() => [
-        b(o.$slots, "default")
+      default: b(() => [
+        g(o.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  P as default
+  L as default
 };

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

@@ -1,12 +1,12 @@
-import { defineComponent as i, ref as u, inject as d, onMounted as c, onUpdated as m, watch as h, openBlock as y, createBlock as C, resolveDynamicComponent as w, unref as B, withCtx as _, renderSlot as x } from "vue";
-import { usePrefix as g, themeInjectionKey as P, addEventListenerToElementRef as b, syncProperties as r } from "../../utils.mjs";
-const v = /* @__PURE__ */ i({
+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";
+const k = /* @__PURE__ */ i({
   __name: "TextFieldWrapperWrapper",
   props: {
     actionIcon: {},
     actionLoading: { type: Boolean, default: !1 },
     description: { default: "" },
-    hideLabel: { default: !1 },
+    hideLabel: { type: [Boolean, Object], default: !1 },
     label: { default: "" },
     message: { default: "" },
     showCharacterCount: { type: Boolean },
@@ -20,12 +20,12 @@ const v = /* @__PURE__ */ i({
   },
   emits: ["action"],
   setup(s, { emit: l }) {
-    const p = g("p-text-field-wrapper"), t = s, e = u(), f = l, n = d(P), a = () => r(e, { ...t, theme: t.theme || n.value });
+    const p = b("p-text-field-wrapper"), t = s, e = u(), f = l, n = d(g), a = () => r(e, { ...t, theme: t.theme || n.value });
     return c(() => {
-      a(), b(e, "action", f);
+      a(), P(e, "action", f);
     }), m(a), h(n, (o) => {
       r(e, { theme: t.theme || o });
-    }), (o, R) => (y(), C(w(B(p)), {
+    }), (o, R) => (y(), B(C(w(p)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
@@ -37,5 +37,5 @@ const v = /* @__PURE__ */ i({
   }
 });
 export {
-  v as default
+  k as default
 };

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

@@ -101,6 +101,7 @@ declare const __VLS_component: import("vue").DefineComponent<PTextareaProps, voi
     wrap: TextareaWrap;
     resize: TextareaResize;
     label: string;
+    placeholder: string;
     description: string;
     state: TextareaState;
     required: boolean;
@@ -109,7 +110,6 @@ declare const __VLS_component: import("vue").DefineComponent<PTextareaProps, voi
     value: string;
     message: string;
     readOnly: boolean;
-    placeholder: string;
     counter: boolean;
     rows: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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 C, createBlock as B, resolveDynamicComponent as _, unref as b, withCtx as g, renderSlot as x } from "vue";
+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 P = /* @__PURE__ */ u({
+const j = /* @__PURE__ */ u({
   __name: "TextareaWrapper",
   props: {
     autoComplete: {},
@@ -8,7 +8,7 @@ const P = /* @__PURE__ */ u({
     description: { default: "" },
     disabled: { type: Boolean, default: !1 },
     form: {},
-    hideLabel: { default: !1 },
+    hideLabel: { type: [Boolean, Object], default: !1 },
     label: { default: "" },
     maxLength: {},
     message: { default: "" },
@@ -32,7 +32,7 @@ const P = /* @__PURE__ */ 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(d)), {
+    }), (o, k) => (B(), C(b(_(d)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
@@ -44,5 +44,5 @@ const P = /* @__PURE__ */ u({
   }
 });
 export {
-  P as default
+  j as default
 };

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

@@ -1,10 +1,10 @@
 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 { usePrefix as x, themeInjectionKey as B, syncProperties as a } from "../../utils.mjs";
-const R = /* @__PURE__ */ f({
+import { usePrefix as x, themeInjectionKey as B, syncProperties as r } from "../../utils.mjs";
+const P = /* @__PURE__ */ f({
   __name: "TextareaWrapperWrapper",
   props: {
     description: { default: "" },
-    hideLabel: { default: !1 },
+    hideLabel: { type: [Boolean, Object], default: !1 },
     label: { default: "" },
     message: { default: "" },
     showCharacterCount: { type: Boolean },
@@ -13,9 +13,9 @@ const R = /* @__PURE__ */ f({
     theme: {}
   },
   setup(p) {
-    const s = x("p-textarea-wrapper"), e = p, t = l(), n = c(B), r = () => a(t, { ...e, theme: e.theme || n.value });
-    return m(r), u(r), d(n, (o) => {
-      a(t, { theme: e.theme || o });
+    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)), {
       ref_key: "pdsComponentRef",
       ref: t
@@ -28,5 +28,5 @@ const R = /* @__PURE__ */ f({
   }
 });
 export {
-  R as default
+  P as default
 };

package/esm/lib/types.d.ts

@@ -221,8 +221,16 @@ declare const ICON_NAMES: readonly [
     "add",
     "adjust",
     "aggregation",
+    "ai-3d-object",
+    "ai-code",
+    "ai-edit",
+    "ai-image",
+    "ai-scale",
+    "ai-sound",
     "ai-spark",
     "ai-spark-filled",
+    "ai-text",
+    "ai-video",
     "arrow-compact-down",
     "arrow-compact-left",
     "arrow-compact-right",
@@ -611,6 +619,7 @@ declare const FORM_STATES: readonly [
 export type FormState = (typeof FORM_STATES)[number];
 declare const BUTTON_ARIA_ATTRIBUTES: readonly [
     "aria-label",
+    "aria-description",
     "aria-expanded",
     "aria-pressed",
     "aria-haspopup"
@@ -618,6 +627,7 @@ declare const BUTTON_ARIA_ATTRIBUTES: readonly [
 export type ButtonAriaAttribute = (typeof BUTTON_ARIA_ATTRIBUTES)[number];
 declare const LINK_ARIA_ATTRIBUTES: readonly [
     "aria-label",
+    "aria-description",
     "aria-current",
     "aria-haspopup"
 ];
@@ -936,6 +946,7 @@ export type CheckboxUpdateEventDetail = {
     checked: boolean;
 };
 export type CheckboxBlurEventDetail = Event;
+export type CheckboxChangeEventDetail = Event;
 export type CheckboxWrapperState = FormState;
 declare const CONTENT_WRAPPER_BACKGROUND_COLORS: readonly [
     "transparent",
@@ -1286,6 +1297,9 @@ declare const LINK_TILE_MODEL_SIGNATURE_MODELS: readonly [
     "boxster",
     "cayenne",
     "cayman",
+    "gt3-rs",
+    "gt3",
+    "gts",
     "macan",
     "panamera",
     "taycan",
@@ -1341,6 +1355,21 @@ declare const MODEL_SIGNATURES_MANIFEST: {
         width: number;
         height: number;
     };
+    "gt3-rs": {
+        src: string;
+        width: number;
+        height: number;
+    };
+    gt3: {
+        src: string;
+        width: number;
+        height: number;
+    };
+    gts: {
+        src: string;
+        width: number;
+        height: number;
+    };
     macan: {
         src: string;
         width: number;

package/package.json

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