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

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

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

@@ -12,10 +12,11 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<POptgroupProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<POptgroupProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<POptgroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<POptgroupProps> & Readonly<{}>, {
     disabled: 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/OptgroupWrapper.vue.mjs

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

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

@@ -46,7 +46,7 @@ type PPaginationProps = {
      */
     totalItemsCount: number;
 };
-declare const _default: import("vue").DefineComponent<PPaginationProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_export: import("vue").DefineComponent<PPaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     update: (value: import("../types").PaginationUpdateEvent) => any;
     pageChange: (value: import("../types").PaginationUpdateEvent) => any;
 }, string, import("vue").PublicProps, Readonly<PPaginationProps> & Readonly<{
@@ -59,4 +59,5 @@ declare const _default: import("vue").DefineComponent<PPaginationProps, void, {}
     showLastPage: boolean;
     totalItemsCount: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

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

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

@@ -65,10 +65,10 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PPinCodeProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    update: (value: import("../types").PinCodeUpdateEvent) => any;
+declare const __VLS_base: import("vue").DefineComponent<PPinCodeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<PPinCodeProps> & Readonly<{
-    onUpdate?: ((value: import("../types").PinCodeUpdateEvent) => any) | undefined;
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
     label: string;
     length: PinCodeLength;
@@ -83,7 +83,8 @@ declare const __VLS_component: import("vue").DefineComponent<PPinCodeProps, void
     value: string;
     message: string;
 }, {}, {}, {}, 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/PinCodeWrapper.vue.mjs

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

package/esm/lib/components/PopoverWrapper.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<PPopoverProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PPopoverProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PPopoverProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PPopoverProps> & Readonly<{}>, {
     direction: PopoverDirection;
 }, {}, {}, {}, 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/PopoverWrapper.vue.mjs

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

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

@@ -29,14 +29,16 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PRadioButtonWrapperProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PRadioButtonWrapperProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PRadioButtonWrapperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PRadioButtonWrapperProps> & Readonly<{}>, {
     label: string;
     state: RadioButtonWrapperState;
     hideLabel: BreakpointCustomizable<boolean>;
     loading: boolean;
     message: string;
 }, {}, {}, {}, 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>;
+/** @deprecated since v3.30.0, will be removed with next major release. Please use `p-radio-group` instead. */
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

@@ -1,4 +1,4 @@
-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 { defineComponent as f, ref as l, inject as m, onMounted as c, onUpdated as d, watch as u, createBlock as i, openBlock 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",
@@ -14,7 +14,7 @@ const k = /* @__PURE__ */ f({
     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) => (h(), i(y(_(s)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, {

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

@@ -0,0 +1,24 @@
+type PRadioGroupOptionProps = {
+    /**
+     * A boolean value that, if present, makes the radio group option unusable and unclickable.
+     */
+    disabled?: boolean;
+    /**
+     * Text content for a user-facing label.
+     */
+    label?: string;
+    /**
+     * @experimental Shows a loading indicator.
+     */
+    loading?: boolean;
+    /**
+     * The value for the input.
+     */
+    value?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<PRadioGroupOptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PRadioGroupOptionProps> & Readonly<{}>, {
+    disabled: boolean;
+    loading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,21 @@
+import { defineComponent as r, ref as a, onMounted as s, onUpdated as l, createBlock as f, openBlock as c, resolveDynamicComponent as d, unref as i } from "vue";
+import { usePrefix as u, syncProperties as m } from "../../utils.mjs";
+const b = /* @__PURE__ */ r({
+  __name: "RadioGroupOptionWrapper",
+  props: {
+    disabled: { type: Boolean, default: !1 },
+    label: {},
+    loading: { type: Boolean, default: !1 },
+    value: {}
+  },
+  setup(n) {
+    const p = u("p-radio-group-option"), t = n, e = a(), o = () => m(e, t);
+    return s(o), l(o), (_, y) => (c(), f(d(i(p)), {
+      ref_key: "pdsComponentRef",
+      ref: e
+    }, null, 512));
+  }
+});
+export {
+  b as default
+};

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

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

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

@@ -0,0 +1,88 @@
+import type { BreakpointCustomizable, RadioGroupDirection, RadioGroupState, Theme } from '../types';
+type PRadioGroupProps = {
+    /**
+     * A boolean value that, if present, renders the radio group as a compact version.
+     */
+    compact?: boolean;
+    /**
+     * Supplementary text providing more context or explanation for the radio group.
+     */
+    description?: string;
+    /**
+     * Defines the direction of the main and cross axis. The default is 'column' showing options vertically stacked. You always need to provide a base value when using breakpoints.
+     */
+    direction?: BreakpointCustomizable<RadioGroupDirection>;
+    /**
+     * A boolean value that, if present, makes the radio group unusable and unclickable. The value will not be submitted with the form.
+     */
+    disabled?: boolean;
+    /**
+     * Specifies the id of the <form> element that the radio group belongs to (useful if the radio group is not a direct descendant of the form).
+     */
+    form?: string;
+    /**
+     * Controls the visibility of the label.
+     */
+    hideLabel?: BreakpointCustomizable<boolean>;
+    /**
+     * Text content for a user-facing label.
+     */
+    label?: string;
+    /**
+     * @experimental Shows a loading indicator.
+     */
+    loading?: boolean;
+    /**
+     * Dynamic feedback text for validation or status.
+     */
+    message?: string;
+    /**
+     * The name of the group of radio buttons, used when submitting the form data.
+     */
+    name: string;
+    /**
+     * A boolean value that specifies a selection must be made from the group before the form can be submitted.
+     */
+    required?: boolean;
+    /**
+     * Indicates the validation or overall status of the radio group component.
+     */
+    state?: RadioGroupState;
+    /**
+     * Controls the visual appearance of the component.
+     */
+    theme?: Theme;
+    /**
+     * The default value for the radio-group.
+     */
+    value?: string;
+};
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<PRadioGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    [x: string]: any;
+}, string, import("vue").PublicProps, Readonly<PRadioGroupProps> & Readonly<{
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+}>, {
+    label: string;
+    compact: boolean;
+    description: string;
+    state: RadioGroupState;
+    required: boolean;
+    disabled: boolean;
+    hideLabel: BreakpointCustomizable<boolean>;
+    loading: boolean;
+    value: string;
+    direction: BreakpointCustomizable<RadioGroupDirection>;
+    message: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, 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 (): {
+        $slots: S;
+    };
+};

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

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

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

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

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

@@ -37,11 +37,12 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PScrollerProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PScrollerProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PScrollerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PScrollerProps> & Readonly<{}>, {
     scrollbar: boolean;
     alignScrollIndicator: ScrollerAlignScrollIndicator;
 }, {}, {}, {}, 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/ScrollerWrapper.vue.mjs

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

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

@@ -29,10 +29,11 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PSegmentedControlItemProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PSegmentedControlItemProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PSegmentedControlItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PSegmentedControlItemProps> & Readonly<{}>, {
     disabled: 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/SegmentedControlItemWrapper.vue.mjs

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

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

@@ -8,6 +8,10 @@ type PSegmentedControlProps = {
      * Sets the amount of columns.
      */
     columns?: BreakpointCustomizable<SegmentedControlColumns>;
+    /**
+     * A boolean value that, if present, renders the segmented-control as a compact version.
+     */
+    compact?: boolean;
     /**
      * Disables the segmented-control.
      */
@@ -33,17 +37,17 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PSegmentedControlProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    update: (value: import("../types").SegmentedControlUpdateEvent) => any;
-    segmentedControlChange: (value: import("../types").SegmentedControlUpdateEvent) => any;
+declare const __VLS_base: import("vue").DefineComponent<PSegmentedControlProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<PSegmentedControlProps> & Readonly<{
-    onUpdate?: ((value: import("../types").SegmentedControlUpdateEvent) => any) | undefined;
-    onSegmentedControlChange?: ((value: import("../types").SegmentedControlUpdateEvent) => any) | undefined;
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
 }>, {
+    compact: boolean;
     disabled: boolean;
     columns: BreakpointCustomizable<SegmentedControlColumns>;
 }, {}, {}, {}, 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/SegmentedControlWrapper.vue.mjs

@@ -1,29 +1,32 @@
-import { defineComponent as l, ref as f, inject as u, onMounted as i, onUpdated as h, watch as C, openBlock as g, createBlock as _, resolveDynamicComponent as y, unref as k, withCtx as v, renderSlot as R } from "vue";
-import { usePrefix as b, themeInjectionKey as w, addEventListenerToElementRef as s, syncProperties as a } from "../../utils.mjs";
-const j = /* @__PURE__ */ l({
+import { defineComponent as d, ref as u, inject as f, onMounted as i, onUpdated as h, watch as C, createBlock as g, openBlock as v, resolveDynamicComponent as y, unref as _, withCtx as b, renderSlot as k } from "vue";
+import { usePrefix as B, themeInjectionKey as R, syncProperties as s, addEventListenerToElementRef as n } from "../../utils.mjs";
+const j = /* @__PURE__ */ d({
   __name: "SegmentedControlWrapper",
   props: {
     backgroundColor: {},
     columns: { default: "auto" },
+    compact: { type: Boolean, default: !1 },
     disabled: { type: Boolean, default: !1 },
     form: {},
     name: {},
     theme: {},
     value: {}
   },
-  emits: ["segmentedControlChange", "update"],
-  setup(p, { emit: d }) {
-    const c = b("p-segmented-control"), t = p, e = f(), n = d, r = u(w), m = () => a(e, { ...t, theme: t.theme || r.value });
+  emits: ["update:value", "blur", "change", "segmentedControlChange", "update"],
+  setup(l, { emit: p }) {
+    const c = B("p-segmented-control"), a = l, e = u(), t = p, r = f(R), m = () => s(e, { ...a, theme: a.theme || r.value });
     return i(() => {
-      m(), s(e, "segmentedControlChange", n), s(e, "update", n);
+      m(), n(e, "blur", t), n(e, "change", t, (o) => {
+        t("update:value", o.target.value);
+      }), n(e, "segmentedControlChange", t), n(e, "update", t);
     }), h(m), C(r, (o) => {
-      a(e, { theme: t.theme || o });
-    }), (o, x) => (g(), _(y(k(c)), {
+      s(e, { theme: a.theme || o });
+    }), (o, w) => (v(), g(y(_(c)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: v(() => [
-        R(o.$slots, "default")
+      default: b(() => [
+        k(o.$slots, "default")
       ]),
       _: 3
     }, 512));

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

@@ -12,10 +12,11 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PSelectOptionProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PSelectOptionProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PSelectOptionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PSelectOptionProps> & Readonly<{}>, {
     disabled: 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/SelectOptionWrapper.vue.mjs

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