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

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

@@ -1,4 +1,4 @@
-import { defineComponent as s, ref as f, onMounted as a, onUpdated as c, openBlock as d, createBlock as m, resolveDynamicComponent as i, unref as u, withCtx as l, renderSlot as _ } from "vue";
+import { defineComponent as s, ref as f, onMounted as a, onUpdated as c, createBlock as d, openBlock as m, resolveDynamicComponent as i, unref as u, withCtx as l, renderSlot as _ } from "vue";
 import { usePrefix as C, syncProperties as y } from "../../utils.mjs";
 const g = /* @__PURE__ */ s({
   __name: "GridItemWrapper",
@@ -8,7 +8,7 @@ const g = /* @__PURE__ */ s({
   },
   setup(t) {
     const n = C("p-grid-item"), r = t, e = f(), o = () => y(e, r);
-    return a(o), c(o), (p, k) => (d(), m(i(u(n)), {
+    return a(o), c(o), (p, k) => (m(), d(i(u(n)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

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

@@ -18,13 +18,14 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PGridProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PGridProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PGridProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PGridProps> & Readonly<{}>, {
     wrap: BreakpointCustomizable<GridWrap>;
     direction: BreakpointCustomizable<GridDirection>;
     gutter: BreakpointCustomizable<GridGutter>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid 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/GridWrapper.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as s, ref as a, onMounted as f, onUpdated as d, openBlock as c, createBlock as m, resolveDynamicComponent as u, unref as i, withCtx as l, renderSlot as _ } from "vue";
+import { defineComponent as s, ref as a, onMounted as f, onUpdated as d, createBlock as c, openBlock as m, resolveDynamicComponent as u, unref as i, withCtx as l, renderSlot as _ } from "vue";
 import { usePrefix as C, syncProperties as w } from "../../utils.mjs";
 const x = /* @__PURE__ */ s({
   __name: "GridWrapper",
@@ -9,7 +9,7 @@ const x = /* @__PURE__ */ s({
   },
   setup(t) {
     const r = C("p-grid"), n = t, e = a(), o = () => w(e, n);
-    return f(o), d(o), (p, y) => (c(), m(u(i(r)), {
+    return f(o), d(o), (p, y) => (m(), c(u(i(r)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

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

@@ -29,13 +29,14 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PHeadingProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PHeadingProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PHeadingProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PHeadingProps> & Readonly<{}>, {
     size: BreakpointCustomizable<HeadingSize>;
     align: HeadingAlign;
     color: HeadingColor;
     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/HeadingWrapper.vue.mjs

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

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

@@ -29,14 +29,15 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PHeadlineProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PHeadlineProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PHeadlineProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PHeadlineProps> & Readonly<{}>, {
     variant: HeadlineVariant;
     align: HeadlineAlign;
     color: HeadlineColor;
     ellipsis: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 /** @deprecated since v3.0.0, will be removed with next major release. Please use "p-heading" 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/HeadlineWrapper.vue.mjs

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

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

@@ -30,9 +30,10 @@ type PIconProps = {
      */
     theme?: Theme;
 };
-declare const _default: import("vue").DefineComponent<PIconProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PIconProps> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<PIconProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PIconProps> & Readonly<{}>, {
     size: IconSize;
     name: IconName;
     color: IconColor;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

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

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

@@ -45,9 +45,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PInlineNotificationProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    [x: string]: any;
-} & {
+declare const __VLS_base: import("vue").DefineComponent<PInlineNotificationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<PInlineNotificationProps> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
@@ -60,7 +58,8 @@ declare const __VLS_component: import("vue").DefineComponent<PInlineNotification
     actionIcon: InlineNotificationActionIcon;
     actionLoading: 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/InlineNotificationWrapper.vue.mjs

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

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

@@ -77,14 +77,16 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PInputDateProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<PInputDateProps, {}, {}, {}, {}, 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<PInputDateProps> & Readonly<{
     onBlur?: ((value: Event) => any) | undefined;
     onChange?: ((value: Event) => any) | undefined;
     onInput?: ((value: InputEvent) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
 }>, {
     step: number;
     label: string;
@@ -99,7 +101,8 @@ declare const __VLS_component: import("vue").DefineComponent<PInputDateProps, vo
     message: string;
     readOnly: 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/InputDateWrapper.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 b, resolveDynamicComponent as C, unref as _, withCtx as g, renderSlot as v } from "vue";
-import { usePrefix as x, themeInjectionKey as R, addEventListenerToElementRef as a, syncProperties as s } from "../../utils.mjs";
-const P = /* @__PURE__ */ u({
+import { defineComponent as r, ref as m, inject as c, onMounted as i, onUpdated as h, watch as y, createBlock as B, openBlock as b, resolveDynamicComponent as v, unref as C, withCtx as _, renderSlot as g } from "vue";
+import { usePrefix as x, themeInjectionKey as R, syncProperties as s, addEventListenerToElementRef as o } from "../../utils.mjs";
+const P = /* @__PURE__ */ r({
   __name: "InputDateWrapper",
   props: {
     autoComplete: {},
@@ -22,19 +22,21 @@ const P = /* @__PURE__ */ u({
     theme: {},
     value: { default: "" }
   },
-  emits: ["blur", "change", "input"],
-  setup(f, { emit: r }) {
-    const d = x("p-input-date"), t = f, e = m(), n = r, l = c(R), p = () => s(e, { ...t, theme: t.theme || l.value });
+  emits: ["update:value", "blur", "change", "input"],
+  setup(u, { emit: f }) {
+    const d = x("p-input-date"), n = u, e = m(), a = f, l = c(R), p = () => s(e, { ...n, theme: n.theme || l.value });
     return i(() => {
-      p(), a(e, "blur", n), a(e, "change", n), a(e, "input", n);
-    }), h(p), y(l, (o) => {
-      s(e, { theme: t.theme || o });
-    }), (o, j) => (B(), b(C(_(d)), {
+      p(), o(e, "blur", a), o(e, "change", a), o(e, "input", a, (t) => {
+        a("update:value", t.target.value);
+      });
+    }), h(p), y(l, (t) => {
+      s(e, { theme: n.theme || t });
+    }), (t, j) => (b(), B(v(C(d)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: g(() => [
-        v(o.$slots, "default")
+      default: _(() => [
+        g(t.$slots, "default")
       ]),
       _: 3
     }, 512));

package/esm/lib/components/InputEmailWrapper.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<PInputEmailProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<PInputEmailProps, {}, {}, {}, {}, 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<PInputEmailProps> & Readonly<{
     onBlur?: ((value: Event) => any) | undefined;
     onChange?: ((value: Event) => any) | undefined;
     onInput?: ((value: InputEvent) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
 }>, {
     label: string;
     compact: boolean;
@@ -113,7 +115,8 @@ declare const __VLS_component: import("vue").DefineComponent<PInputEmailProps, v
     indicator: boolean;
     multiple: 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/InputEmailWrapper.vue.mjs

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

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

@@ -85,14 +85,16 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PInputNumberProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<PInputNumberProps, {}, {}, {}, {}, 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<PInputNumberProps> & Readonly<{
     onBlur?: ((value: Event) => any) | undefined;
     onChange?: ((value: Event) => any) | undefined;
     onInput?: ((value: InputEvent) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
 }>, {
     step: number;
     label: string;
@@ -109,7 +111,8 @@ declare const __VLS_component: import("vue").DefineComponent<PInputNumberProps,
     readOnly: boolean;
     controls: 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/InputNumberWrapper.vue.mjs

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

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

@@ -81,14 +81,16 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PInputPasswordProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<PInputPasswordProps, {}, {}, {}, {}, 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<PInputPasswordProps> & Readonly<{
     onBlur?: ((value: Event) => any) | undefined;
     onChange?: ((value: Event) => any) | undefined;
     onInput?: ((value: InputEvent) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
 }>, {
     toggle: boolean;
     label: string;
@@ -104,7 +106,8 @@ declare const __VLS_component: import("vue").DefineComponent<PInputPasswordProps
     message: string;
     readOnly: 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/InputPasswordWrapper.vue.mjs

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

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

@@ -77,14 +77,16 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PInputSearchProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<PInputSearchProps, {}, {}, {}, {}, 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<PInputSearchProps> & Readonly<{
     onBlur?: ((value: Event) => any) | undefined;
     onChange?: ((value: Event) => any) | undefined;
     onInput?: ((value: InputEvent) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
 }>, {
     label: string;
     compact: boolean;
@@ -101,7 +103,8 @@ declare const __VLS_component: import("vue").DefineComponent<PInputSearchProps,
     indicator: boolean;
     clear: 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/InputSearchWrapper.vue.mjs

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

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

@@ -85,14 +85,16 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PInputTelProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<PInputTelProps, {}, {}, {}, {}, 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<PInputTelProps> & Readonly<{
     onBlur?: ((value: Event) => any) | undefined;
     onChange?: ((value: Event) => any) | undefined;
     onInput?: ((value: InputEvent) => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
 }>, {
     label: string;
     compact: boolean;
@@ -108,7 +110,8 @@ declare const __VLS_component: import("vue").DefineComponent<PInputTelProps, voi
     readOnly: boolean;
     indicator: 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/InputTelWrapper.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 b, resolveDynamicComponent as g, unref as C, withCtx as _, renderSlot as v } from "vue";
-import { usePrefix as x, themeInjectionKey as L, addEventListenerToElementRef as a, syncProperties as f } from "../../utils.mjs";
-const w = /* @__PURE__ */ u({
+import { defineComponent as s, ref as m, inject as c, onMounted as i, onUpdated as h, watch as y, createBlock as B, openBlock as g, resolveDynamicComponent as b, unref as v, withCtx as C, renderSlot as _ } from "vue";
+import { usePrefix as x, themeInjectionKey as L, syncProperties as f, addEventListenerToElementRef as o } from "../../utils.mjs";
+const w = /* @__PURE__ */ s({
   __name: "InputTelWrapper",
   props: {
     autoComplete: {},
@@ -24,19 +24,21 @@ const w = /* @__PURE__ */ u({
     theme: {},
     value: { default: "" }
   },
-  emits: ["blur", "change", "input"],
-  setup(r, { emit: s }) {
-    const d = x("p-input-tel"), t = r, e = m(), n = s, l = c(L), p = () => f(e, { ...t, theme: t.theme || l.value });
+  emits: ["update:value", "blur", "change", "input"],
+  setup(r, { emit: u }) {
+    const d = x("p-input-tel"), n = r, e = m(), a = u, l = c(L), p = () => f(e, { ...n, theme: n.theme || l.value });
     return i(() => {
-      p(), a(e, "blur", n), a(e, "change", n), a(e, "input", n);
-    }), h(p), y(l, (o) => {
-      f(e, { theme: t.theme || o });
-    }), (o, R) => (B(), b(g(C(d)), {
+      p(), o(e, "blur", a), o(e, "change", a), o(e, "input", a, (t) => {
+        a("update:value", t.target.value);
+      });
+    }), h(p), y(l, (t) => {
+      f(e, { theme: n.theme || t });
+    }), (t, R) => (g(), B(b(v(d)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: _(() => [
-        v(o.$slots, "default")
+      default: C(() => [
+        _(t.$slots, "default")
       ]),
       _: 3
     }, 512));