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

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

@@ -1,6 +1,6 @@
-import { defineComponent as s, ref as u, inject as p, onMounted as d, onUpdated as c, watch as i, openBlock as m, createBlock as h, resolveDynamicComponent as y, unref as B, withCtx as _, renderSlot as b } from "vue";
+import { defineComponent as s, ref as p, inject as u, onMounted as d, onUpdated as c, watch as i, createBlock as m, openBlock as h, resolveDynamicComponent as y, unref as B, withCtx as b, renderSlot as _ } from "vue";
 import { usePrefix as g, themeInjectionKey as C, syncProperties as l } from "../../utils.mjs";
-const k = /* @__PURE__ */ s({
+const P = /* @__PURE__ */ s({
   __name: "ButtonPureWrapper",
   props: {
     active: { type: Boolean, default: !1 },
@@ -8,13 +8,13 @@ const k = /* @__PURE__ */ s({
     aria: {},
     disabled: { type: Boolean, default: !1 },
     form: {},
-    hideLabel: { default: !1 },
+    hideLabel: { type: [Boolean, Object], default: !1 },
     icon: { default: "arrow-right" },
     iconSource: {},
     loading: { type: Boolean, default: !1 },
     name: {},
     size: { default: "small" },
-    stretch: { default: !1 },
+    stretch: { type: [Boolean, Object], default: !1 },
     theme: {},
     type: { default: "submit" },
     underline: { type: Boolean, default: !1 },
@@ -22,20 +22,20 @@ const k = /* @__PURE__ */ s({
     weight: { default: "regular" }
   },
   setup(r) {
-    const f = g("p-button-pure"), e = r, t = u(), a = p(C), n = () => l(t, { ...e, theme: e.theme || a.value });
+    const f = g("p-button-pure"), e = r, t = p(), a = u(C), n = () => l(t, { ...e, theme: e.theme || a.value });
     return d(n), c(n), i(a, (o) => {
       l(t, { theme: e.theme || o });
-    }), (o, w) => (m(), h(y(B(f)), {
+    }), (o, w) => (h(), m(y(B(f)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, {
-      default: _(() => [
-        b(o.$slots, "default")
+      default: b(() => [
+        _(o.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  k as default
+  P as default
 };

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

@@ -65,7 +65,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PButtonTileProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PButtonTileProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PButtonTileProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PButtonTileProps> & Readonly<{}>, {
     weight: BreakpointCustomizable<ButtonTileWeight>;
     type: ButtonTileType;
     compact: BreakpointCustomizable<boolean>;
@@ -78,7 +78,8 @@ declare const __VLS_component: import("vue").DefineComponent<PButtonTileProps, v
     background: ButtonTileBackground;
     gradient: 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/ButtonTileWrapper.vue.mjs

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

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

@@ -57,7 +57,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PButtonProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PButtonProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PButtonProps> & Readonly<{}>, {
     type: ButtonType;
     compact: BreakpointCustomizable<boolean>;
     disabled: boolean;
@@ -66,7 +66,8 @@ declare const __VLS_component: import("vue").DefineComponent<PButtonProps, void,
     loading: boolean;
     variant: ButtonVariant;
 }, {}, {}, {}, 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/ButtonWrapper.vue.mjs

@@ -1,13 +1,13 @@
-import { defineComponent as s, ref as l, inject as m, onMounted as c, onUpdated as u, watch as d, openBlock as i, createBlock as h, resolveDynamicComponent as y, unref as _, withCtx as C, renderSlot as b } from "vue";
-import { usePrefix as B, themeInjectionKey as v, syncProperties as r } from "../../utils.mjs";
-const P = /* @__PURE__ */ s({
+import { defineComponent as f, ref as s, inject as c, onMounted as m, onUpdated as u, watch as d, createBlock as i, openBlock as h, resolveDynamicComponent as y, unref as b, withCtx as B, renderSlot as _ } from "vue";
+import { usePrefix as C, themeInjectionKey as j, syncProperties as r } from "../../utils.mjs";
+const x = /* @__PURE__ */ f({
   __name: "ButtonWrapper",
   props: {
     aria: {},
-    compact: { default: !1 },
+    compact: { type: [Boolean, Object], default: !1 },
     disabled: { type: Boolean, default: !1 },
     form: {},
-    hideLabel: { default: !1 },
+    hideLabel: { type: [Boolean, Object], default: !1 },
     icon: { default: "none" },
     iconSource: {},
     loading: { type: Boolean, default: !1 },
@@ -17,21 +17,21 @@ const P = /* @__PURE__ */ s({
     value: {},
     variant: { default: "primary" }
   },
-  setup(f) {
-    const p = B("p-button"), e = f, t = l(), n = m(v), a = () => r(t, { ...e, theme: e.theme || n.value });
-    return c(a), u(a), d(n, (o) => {
+  setup(p) {
+    const l = C("p-button"), e = p, t = s(), n = c(j), a = () => r(t, { ...e, theme: e.theme || n.value });
+    return m(a), u(a), d(n, (o) => {
       r(t, { theme: e.theme || o });
-    }), (o, k) => (i(), h(y(_(p)), {
+    }), (o, v) => (h(), i(y(b(l)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, {
-      default: C(() => [
-        b(o.$slots, "default")
+      default: B(() => [
+        _(o.$slots, "default")
       ]),
       _: 3
     }, 512));
   }
 });
 export {
-  P as default
+  x as default
 };

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

@@ -14,9 +14,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PCanvasProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    [x: string]: any;
-} & {
+declare const __VLS_base: import("vue").DefineComponent<PCanvasProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     [x: string]: any;
 }, string, import("vue").PublicProps, Readonly<PCanvasProps> & Readonly<{
     [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
@@ -24,7 +22,8 @@ declare const __VLS_component: import("vue").DefineComponent<PCanvasProps, void,
     sidebarEndOpen: boolean;
     sidebarStartOpen: 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/CanvasWrapper.vue.mjs

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

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

@@ -82,7 +82,7 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PCarouselProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<PCarouselProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     update: (value: import("../types").CarouselUpdateEvent) => any;
     carouselChange: (value: import("../types").CarouselUpdateEvent) => any;
 }, string, import("vue").PublicProps, Readonly<PCarouselProps> & Readonly<{
@@ -101,7 +101,8 @@ declare const __VLS_component: import("vue").DefineComponent<PCarouselProps, voi
     slidesPerPage: BreakpointCustomizable<CarouselSlidesPerPage>;
     trimSpace: 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/CarouselWrapper.vue.mjs

@@ -1,6 +1,6 @@
-import { defineComponent as u, ref as f, inject as c, onMounted as m, onUpdated as h, watch as g, openBlock as C, createBlock as y, resolveDynamicComponent as _, unref as w, withCtx as B, renderSlot as P } from "vue";
-import { usePrefix as k, themeInjectionKey as x, addEventListenerToElementRef as l, syncProperties as i } from "../../utils.mjs";
-const b = /* @__PURE__ */ u({
+import { defineComponent as u, ref as c, inject as f, onMounted as m, onUpdated as h, watch as g, createBlock as C, openBlock as y, resolveDynamicComponent as B, unref as _, withCtx as w, renderSlot as P } from "vue";
+import { usePrefix as b, themeInjectionKey as k, syncProperties as l, addEventListenerToElementRef as i } from "../../utils.mjs";
+const v = /* @__PURE__ */ u({
   __name: "CarouselWrapper",
   props: {
     activeSlideIndex: { default: 0 },
@@ -8,13 +8,13 @@ const b = /* @__PURE__ */ u({
     alignHeader: { default: "start" },
     aria: {},
     description: {},
-    disablePagination: {},
+    disablePagination: { type: [Boolean, Object] },
     focusOnCenterSlide: { type: Boolean, default: !1 },
     gradientColor: { default: "none" },
     heading: {},
     headingSize: { default: "x-large" },
     intl: {},
-    pagination: { default: !0 },
+    pagination: { type: [Boolean, Object], default: !0 },
     rewind: { type: Boolean, default: !0 },
     skipLinkTarget: {},
     slidesPerPage: { default: 1 },
@@ -25,16 +25,16 @@ const b = /* @__PURE__ */ u({
   },
   emits: ["carouselChange", "update"],
   setup(s, { emit: d }) {
-    const p = k("p-carousel"), t = s, e = f(), a = d, o = c(x), r = () => i(e, { ...t, theme: t.theme || o.value });
+    const p = b("p-carousel"), t = s, e = c(), o = d, a = f(k), r = () => l(e, { ...t, theme: t.theme || a.value });
     return m(() => {
-      r(), l(e, "carouselChange", a), l(e, "update", a);
-    }), h(r), g(o, (n) => {
-      i(e, { theme: t.theme || n });
-    }), (n, S) => (C(), y(_(w(p)), {
+      r(), i(e, "carouselChange", o), i(e, "update", o);
+    }), h(r), g(a, (n) => {
+      l(e, { theme: t.theme || n });
+    }), (n, x) => (y(), C(B(_(p)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
-      default: B(() => [
+      default: w(() => [
         P(n.$slots, "default")
       ]),
       _: 3
@@ -42,5 +42,5 @@ const b = /* @__PURE__ */ u({
   }
 });
 export {
-  b as default
+  v as default
 };

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

@@ -5,7 +5,7 @@ type PCheckboxProps = {
      */
     checked?: boolean;
     /**
-     * Displays as compact version.
+     * Displays as a compact version.
      */
     compact?: boolean;
     /**
@@ -17,7 +17,7 @@ type PCheckboxProps = {
      */
     form?: string;
     /**
-     * Show or hide label. For better accessibility it's recommended to show the label.
+     * Show or hide label. For better accessibility, it's recommended to show the label.
      */
     hideLabel?: BreakpointCustomizable<boolean>;
     /**
@@ -61,12 +61,16 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PCheckboxProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+declare const __VLS_base: import("vue").DefineComponent<PCheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     blur: (value: Event) => any;
+    change: (value: Event) => any;
     update: (value: CheckboxUpdateEventDetail) => any;
+    "update:checked": (value: boolean) => any;
 }, string, import("vue").PublicProps, Readonly<PCheckboxProps> & Readonly<{
     onBlur?: ((value: Event) => any) | undefined;
+    onChange?: ((value: Event) => any) | undefined;
     onUpdate?: ((value: CheckboxUpdateEventDetail) => any) | undefined;
+    "onUpdate:checked"?: ((value: boolean) => any) | undefined;
 }>, {
     label: string;
     compact: boolean;
@@ -81,7 +85,8 @@ declare const __VLS_component: import("vue").DefineComponent<PCheckboxProps, voi
     indeterminate: 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>;
+declare const _default: typeof __VLS_export;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

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

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

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

@@ -29,15 +29,16 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PCheckboxWrapperProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PCheckboxWrapperProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PCheckboxWrapperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PCheckboxWrapperProps> & Readonly<{}>, {
     label: string;
     state: CheckboxWrapperState;
     hideLabel: BreakpointCustomizable<boolean>;
     loading: boolean;
     message: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 /** @deprecated since v3.29.0, will be removed with next major release. Please use `p-checkbox` 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/CheckboxWrapperWrapper.vue.mjs

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

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

@@ -19,12 +19,13 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PContentWrapperProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PContentWrapperProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PContentWrapperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PContentWrapperProps> & Readonly<{}>, {
     width: ContentWrapperWidth;
     backgroundColor: ContentWrapperBackgroundColor;
 }, {}, {}, {}, 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/ContentWrapperWrapper.vue.mjs

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

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

@@ -13,7 +13,8 @@ type PCrestProps = {
      */
     target?: CrestTarget;
 };
-declare const _default: import("vue").DefineComponent<PCrestProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PCrestProps> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<PCrestProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PCrestProps> & Readonly<{}>, {
     target: CrestTarget;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

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

package/esm/lib/components/DisplayWrapper.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<PDisplayProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PDisplayProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PDisplayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PDisplayProps> & Readonly<{}>, {
     size: BreakpointCustomizable<DisplaySize>;
     align: DisplayAlign;
     color: DisplayColor;
     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/DisplayWrapper.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 w, syncProperties as s } from "../../utils.mjs";
 const R = /* @__PURE__ */ l({
   __name: "DisplayWrapper",
@@ -14,7 +14,7 @@ const R = /* @__PURE__ */ l({
     const p = k("p-display"), e = a, t = f(), n = m(w), r = () => s(t, { ...e, theme: e.theme || n.value });
     return c(r), i(r), d(n, (o) => {
       s(t, { theme: e.theme || o });
-    }), (o, x) => (u(), h(y(_(p)), {
+    }), (o, x) => (h(), u(y(_(p)), {
       ref_key: "pdsComponentRef",
       ref: t
     }, {

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

@@ -17,8 +17,9 @@ type PDividerProps = {
      */
     theme?: Theme;
 };
-declare const _default: import("vue").DefineComponent<PDividerProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PDividerProps> & Readonly<{}>, {
+declare const __VLS_export: import("vue").DefineComponent<PDividerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PDividerProps> & Readonly<{}>, {
     direction: BreakpointCustomizable<DividerDirection>;
     color: DividerColor;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

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

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

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

@@ -24,12 +24,13 @@ declare var __VLS_8: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PDrilldownItemProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PDrilldownItemProps> & Readonly<{}>, {
+declare const __VLS_base: import("vue").DefineComponent<PDrilldownItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PDrilldownItemProps> & Readonly<{}>, {
     primary: boolean;
     secondary: boolean;
     cascade: 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/DrilldownItemWrapper.vue.mjs

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

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

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