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

package/CHANGELOG.md

@@ -9,12 +9,48 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ### [Unreleased]
 
+### [3.1.0-rc.2] - 2023-06-09
+
+#### Changed
+
+- `Crest` replaced final assets and meta icons
+  ([#2595](https://github.com/porsche-design-system/porsche-design-system/pull/2595))
+
+#### Added
+
+- `Flyout` ([#2547](https://github.com/porsche-design-system/porsche-design-system/pull/2547))
+
+#### Fixed
+
+- Wrong validation during SSR hydration of `Link Tile` and `Select Wrapper`
+  ([#2588](https://github.com/porsche-design-system/porsche-design-system/pull/2588))
+- `Modal` scrollable modal does not jump to top on changes within dialog
+  ([#2574](https://github.com/porsche-design-system/porsche-design-system/pull/2574))
+- Unnecessary lifecycles are prevented when prop values do not change for complex values
+  ([#2574](https://github.com/porsche-design-system/porsche-design-system/pull/2574))
+
+### [3.1.0-rc.1] - 2023-06-02
+
+#### Added
+
+- **[EXPERIMENTAL]** Prop `showPasswordToggle` for `Text Field Wrapper` with `input type="password"`
+  ([#2586](https://github.com/porsche-design-system/porsche-design-system/pull/2586))
+- Prop `name` for `Icon` supports `heart`, `heart-filled`, `copy`, `fingerprint`, `tire`, `roof-open` and `roof-closed`
+  ([#2589](https://github.com/porsche-design-system/porsche-design-system/pull/2589))
+
+#### Fixed
+
+- `Select Wrapper` missing border on touch devices
+  ([#2579](https://github.com/porsche-design-system/porsche-design-system/pull/2579))
+- `Tabs Item` text content can be selected/highlighted
+  ([#2582](https://github.com/porsche-design-system/porsche-design-system/pull/2582))
+
 ### [3.1.0-rc.0] - 2023-05-24
 
 #### Added
 
 - `Marque` now has a `variant` property, including 75 years variant
-  [#2575](https://github.com/porsche-design-system/porsche-design-system/pull/2575)
+  ([#2575](https://github.com/porsche-design-system/porsche-design-system/pull/2575))
 
 ### [3.0.0] - 2023-05-11
 

package/PorscheDesignSystemProvider.vue.d.ts

@@ -1,4 +1,3 @@
-/** __vue_virtual_code_placeholder */
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     prefix?: string | undefined;
 }>, {
@@ -9,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     prefix: string;
 }>>>, {
     prefix: string;
-}>, {
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -30,12 +29,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
-        $props: __VLS_PropsChildren<S>;
     };
 };
-type __VLS_PropsChildren<S> = {
-    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
-};
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};

package/lib/components/AccordionWrapper.vue.d.ts

@@ -1,4 +1,3 @@
-/** __vue_virtual_code_placeholder */
 import type { AccordionUpdateEvent, BreakpointCustomizable, AccordionSize, AccordionTag, Theme } from '../types';
 type PAccordionProps = {
     /**
@@ -44,7 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     size: BreakpointCustomizable<"small" | "medium">;
     tag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     theme: "light" | "dark";
-}>, {
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -65,12 +64,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
-        $props: __VLS_PropsChildren<S>;
     };
 };
-type __VLS_PropsChildren<S> = {
-    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
-};
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};

package/lib/components/AccordionWrapper.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as l, ref as c, onMounted as s, onUpdated as f, openBlock as u, createBlock as m, resolveDynamicComponent as i, unref as g, withCtx as h, renderSlot as C } from "vue";
-import { getPrefixedTagName as _, syncProperties as t, addEventListenerToElementRef as a } from "../../utils.js";
-const k = /* @__PURE__ */ l({
+import { defineComponent as c, ref as l, onMounted as s, onUpdated as f, openBlock as m, createBlock as u, resolveDynamicComponent as i, unref as g, withCtx as h, renderSlot as C } from "vue";
+import { getPrefixedTagName as _, syncProperties as n, addEventListenerToElementRef as a } from "../../utils.js";
+const k = /* @__PURE__ */ c({
   __name: "AccordionWrapper",
   props: {
     compact: { type: Boolean },
-    heading: null,
+    heading: {},
     open: { type: Boolean },
     size: { default: "small" },
     tag: { default: "h2" },
@@ -12,12 +12,12 @@ const k = /* @__PURE__ */ l({
   },
   emits: ["accordionChange", "update"],
   setup(r, { emit: o }) {
-    const n = r, p = _("p-accordion"), e = c();
+    const t = r, p = _("p-accordion"), e = l();
     return s(() => {
-      t(e.value, n), a(e.value, "accordionChange", o), a(e.value, "update", o);
+      n(e.value, t), a(e.value, "accordionChange", o), a(e.value, "update", o);
     }), f(() => {
-      t(e.value, n);
-    }), (d, v) => (u(), m(i(g(p)), {
+      n(e.value, t);
+    }), (d, v) => (m(), u(i(g(p)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

package/lib/components/BannerWrapper.vue.d.ts

@@ -1,4 +1,3 @@
-/** __vue_virtual_code_placeholder */
 import type { BannerState, Theme, BannerWidth } from '../types';
 type PBannerProps = {
     /**
@@ -60,7 +59,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     description: string;
     dismissButton: boolean;
     state: "warning" | "error" | "info" | "neutral";
-}>, {
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -81,12 +80,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
-        $props: __VLS_PropsChildren<S>;
     };
 };
-type __VLS_PropsChildren<S> = {
-    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
-};
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};

package/lib/components/BannerWrapper.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as p, ref as d, onMounted as l, onUpdated as f, openBlock as i, createBlock as u, resolveDynamicComponent as m, unref as c, withCtx as B, renderSlot as _ } from "vue";
+import { defineComponent as p, ref as d, onMounted as f, onUpdated as i, openBlock as l, createBlock as m, resolveDynamicComponent as u, unref as c, withCtx as B, renderSlot as _ } from "vue";
 import { getPrefixedTagName as h, syncProperties as n, addEventListenerToElementRef as y } from "../../utils.js";
 const k = /* @__PURE__ */ p({
   __name: "BannerWrapper",
@@ -10,16 +10,16 @@ const k = /* @__PURE__ */ p({
     persistent: { type: Boolean },
     state: { default: "info" },
     theme: { default: "light" },
-    width: null
+    width: {}
   },
   emits: ["dismiss"],
   setup(o, { emit: a }) {
     const t = o, s = h("p-banner"), e = d();
-    return l(() => {
+    return f(() => {
       n(e.value, t), y(e.value, "dismiss", a);
-    }), f(() => {
+    }), i(() => {
       n(e.value, t);
-    }), (r, C) => (i(), u(m(c(s)), {
+    }), (r, C) => (l(), m(u(c(s)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

package/lib/components/ButtonGroupWrapper.vue.d.ts

@@ -1,4 +1,3 @@
-/** __vue_virtual_code_placeholder */
 import type { BreakpointCustomizable, ButtonGroupDirection } from '../types';
 type PButtonGroupProps = {
     /**
@@ -18,7 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     };
 }>>>, {
     direction: BreakpointCustomizable<"row" | "column">;
-}>, {
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -39,12 +38,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
-        $props: __VLS_PropsChildren<S>;
     };
 };
-type __VLS_PropsChildren<S> = {
-    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
-};
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};

package/lib/components/ButtonPureWrapper.vue.d.ts

@@ -1,4 +1,3 @@
-/** __vue_virtual_code_placeholder */
 import type { BreakpointCustomizable, ButtonPureAlignLabel, SelectedAriaAttributes, ButtonPureAriaAttribute, ButtonPureIcon, ButtonPureSize, Theme, ButtonPureType, ButtonPureWeight } from '../types';
 type PButtonPureProps = {
     /**
@@ -91,7 +90,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideLabel: BreakpointCustomizable<boolean>;
     icon: import("../types").LinkButtonIconName;
     loading: boolean;
-}>, {
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -112,12 +111,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
-        $props: __VLS_PropsChildren<S>;
     };
 };
-type __VLS_PropsChildren<S> = {
-    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
-};
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};

package/lib/components/ButtonPureWrapper.vue.js

@@ -5,11 +5,11 @@ const B = /* @__PURE__ */ r({
   props: {
     active: { type: Boolean, default: !1 },
     alignLabel: { default: "right" },
-    aria: null,
+    aria: {},
     disabled: { type: Boolean, default: !1 },
     hideLabel: { default: !1 },
     icon: { default: "arrow-right" },
-    iconSource: null,
+    iconSource: {},
     loading: { type: Boolean, default: !1 },
     size: { default: "small" },
     stretch: { default: !1 },

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

@@ -1,4 +1,3 @@
-/** __vue_virtual_code_placeholder */
 import type { ButtonTileAlign, SelectedAriaAttributes, ButtonTileAriaAttribute, BreakpointCustomizable, ButtonTileAspectRatio, ButtonTileIcon, ButtonTileSize, ButtonTileType, ButtonTileWeight } from '../types';
 type PButtonTileProps = {
     /**
@@ -91,7 +90,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     align: "top" | "bottom";
     aspectRatio: BreakpointCustomizable<"1:1" | "4:3" | "3:4" | "16:9" | "9:16">;
     gradient: boolean;
-}>, {
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -112,12 +111,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
-        $props: __VLS_PropsChildren<S>;
     };
 };
-type __VLS_PropsChildren<S> = {
-    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
-};
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};

package/lib/components/ButtonTileWrapper.vue.js

@@ -1,30 +1,30 @@
-import { defineComponent as u, ref as r, onMounted as d, onUpdated as f, openBlock as p, createBlock as s, resolveDynamicComponent as i, unref as c, withCtx as m, renderSlot as b } from "vue";
+import { defineComponent as r, ref as d, onMounted as f, onUpdated as p, openBlock as u, createBlock as s, resolveDynamicComponent as i, unref as c, withCtx as m, renderSlot as b } from "vue";
 import { getPrefixedTagName as g, syncProperties as o } from "../../utils.js";
-const C = /* @__PURE__ */ u({
+const C = /* @__PURE__ */ r({
   __name: "ButtonTileWrapper",
   props: {
     align: { default: "bottom" },
-    aria: null,
+    aria: {},
     aspectRatio: { default: "4:3" },
     compact: { default: !1 },
-    description: null,
+    description: {},
     disabled: { type: Boolean, default: !1 },
     gradient: { type: Boolean, default: !0 },
     icon: { default: "none" },
-    iconSource: null,
-    label: null,
+    iconSource: {},
+    label: {},
     loading: { type: Boolean, default: !1 },
     size: { default: "default" },
     type: { default: "submit" },
     weight: { default: "semi-bold" }
   },
-  setup(n) {
-    const t = n, a = g("p-button-tile"), e = r();
-    return d(() => {
+  setup(a) {
+    const t = a, n = g("p-button-tile"), e = d();
+    return f(() => {
       o(e.value, t);
-    }), f(() => {
+    }), p(() => {
       o(e.value, t);
-    }), (l, y) => (p(), s(i(c(a)), {
+    }), (l, y) => (u(), s(i(c(n)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

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

@@ -1,4 +1,3 @@
-/** __vue_virtual_code_placeholder */
 import type { SelectedAriaAttributes, ButtonAriaAttribute, BreakpointCustomizable, ButtonIcon, Theme, ButtonType, ButtonVariant } from '../types';
 type PButtonProps = {
     /**
@@ -62,7 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     icon: import("../types").LinkButtonIconName;
     loading: boolean;
     variant: "primary" | "secondary" | "tertiary";
-}>, {
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -83,12 +82,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
-        $props: __VLS_PropsChildren<S>;
     };
 };
-type __VLS_PropsChildren<S> = {
-    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
-};
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};

package/lib/components/ButtonWrapper.vue.js

@@ -1,13 +1,13 @@
-import { defineComponent as r, ref as p, onMounted as f, onUpdated as u, openBlock as d, createBlock as s, resolveDynamicComponent as i, unref as m, withCtx as c, renderSlot as y } from "vue";
+import { defineComponent as l, ref as p, onMounted as f, onUpdated as d, openBlock as s, createBlock as u, resolveDynamicComponent as i, unref as m, withCtx as c, renderSlot as y } from "vue";
 import { getPrefixedTagName as _, syncProperties as o } from "../../utils.js";
-const h = /* @__PURE__ */ r({
+const h = /* @__PURE__ */ l({
   __name: "ButtonWrapper",
   props: {
-    aria: null,
+    aria: {},
     disabled: { type: Boolean, default: !1 },
     hideLabel: { default: !1 },
     icon: { default: "none" },
-    iconSource: null,
+    iconSource: {},
     loading: { type: Boolean, default: !1 },
     theme: { default: "light" },
     type: { default: "submit" },
@@ -17,14 +17,14 @@ const h = /* @__PURE__ */ r({
     const t = n, a = _("p-button"), e = p();
     return f(() => {
       o(e.value, t);
-    }), u(() => {
+    }), d(() => {
       o(e.value, t);
-    }), (l, C) => (d(), s(i(m(a)), {
+    }), (r, C) => (s(), u(i(m(a)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
       default: c(() => [
-        y(l.$slots, "default")
+        y(r.$slots, "default")
       ]),
       _: 3
     }, 512));

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

@@ -1,4 +1,3 @@
-/** __vue_virtual_code_placeholder */
 import type { CarouselAlignHeader, BreakpointCustomizable, CarouselInternationalization, CarouselUpdateEvent, Theme, CarouselWidth } from '../types';
 type PCarouselProps = {
     /**
@@ -81,7 +80,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     pagination: BreakpointCustomizable<boolean>;
     rewind: boolean;
     slidesPerPage: BreakpointCustomizable<number>;
-}>, {
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -102,12 +101,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
-        $props: __VLS_PropsChildren<S>;
     };
 };
-type __VLS_PropsChildren<S> = {
-    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
-};
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};

package/lib/components/CarouselWrapper.vue.js

@@ -1,14 +1,14 @@
-import { defineComponent as u, ref as p, onMounted as s, onUpdated as i, openBlock as f, createBlock as c, resolveDynamicComponent as m, unref as g, withCtx as C, renderSlot as h } from "vue";
-import { getPrefixedTagName as v, syncProperties as a, addEventListenerToElementRef as o } from "../../utils.js";
-const P = /* @__PURE__ */ u({
+import { defineComponent as p, ref as s, onMounted as u, onUpdated as i, openBlock as f, createBlock as c, resolveDynamicComponent as m, unref as g, withCtx as C, renderSlot as h } from "vue";
+import { getPrefixedTagName as v, syncProperties as n, addEventListenerToElementRef as o } from "../../utils.js";
+const P = /* @__PURE__ */ p({
   __name: "CarouselWrapper",
   props: {
     activeSlideIndex: { default: 0 },
     alignHeader: { default: "left" },
-    description: null,
-    disablePagination: null,
-    heading: null,
-    intl: null,
+    description: {},
+    disablePagination: {},
+    heading: {},
+    intl: {},
     pagination: { default: !0 },
     rewind: { type: Boolean, default: !0 },
     slidesPerPage: { default: 1 },
@@ -17,13 +17,13 @@ const P = /* @__PURE__ */ u({
     wrapContent: { type: Boolean }
   },
   emits: ["carouselChange", "update"],
-  setup(l, { emit: t }) {
-    const n = l, r = v("p-carousel"), e = p();
-    return s(() => {
-      a(e.value, n), o(e.value, "carouselChange", t), o(e.value, "update", t);
+  setup(r, { emit: t }) {
+    const a = r, l = v("p-carousel"), e = s();
+    return u(() => {
+      n(e.value, a), o(e.value, "carouselChange", t), o(e.value, "update", t);
     }), i(() => {
-      a(e.value, n);
-    }), (d, _) => (f(), c(m(g(r)), {
+      n(e.value, a);
+    }), (d, _) => (f(), c(m(g(l)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {

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

@@ -1,4 +1,3 @@
-/** __vue_virtual_code_placeholder */
 import type { BreakpointCustomizable, CheckboxWrapperState, Theme } from '../types';
 type PCheckboxWrapperProps = {
     /**
@@ -10,7 +9,7 @@ type PCheckboxWrapperProps = {
      */
     label?: string;
     /**
-     * Disables the checkbox and shows a loading indicator.
+     * __Experimental__: Disables the checkbox and shows a loading indicator.
      */
     loading?: boolean;
     /**
@@ -47,7 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     hideLabel: BreakpointCustomizable<boolean>;
     loading: boolean;
     message: string;
-}>, {
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -68,12 +67,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
-        $props: __VLS_PropsChildren<S>;
     };
 };
-type __VLS_PropsChildren<S> = {
-    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
-};
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};

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

@@ -1,4 +1,3 @@
-/** __vue_virtual_code_placeholder */
 import type { ContentWrapperBackgroundColor, Theme, ContentWrapperWidth } from '../types';
 type PContentWrapperProps = {
     /**
@@ -29,7 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     theme: "light" | "dark";
     width: "extended" | "basic" | "fluid" | "narrow" | "full";
     backgroundColor: "default" | "transparent";
-}>, {
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -50,12 +49,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
-        $props: __VLS_PropsChildren<S>;
     };
 };
-type __VLS_PropsChildren<S> = {
-    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
-};
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};

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

@@ -1,4 +1,3 @@
-/** __vue_virtual_code_placeholder */
 import type { SelectedAriaAttributes, CrestAriaAttribute, CrestTarget } from '../types';
 type PCrestProps = {
     /**
@@ -20,7 +19,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     target: string;
 }>>>, {
     target: string;
-}>;
+}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

package/lib/components/CrestWrapper.vue.js

@@ -1,19 +1,19 @@
-import { defineComponent as p, ref as a, onMounted as s, onUpdated as f, openBlock as c, createBlock as l, resolveDynamicComponent as m, unref as u } from "vue";
-import { getPrefixedTagName as d, syncProperties as o } from "../../utils.js";
+import { defineComponent as p, ref as a, onMounted as s, onUpdated as f, openBlock as c, createBlock as m, resolveDynamicComponent as l, unref as u } from "vue";
+import { getPrefixedTagName as d, syncProperties as n } from "../../utils.js";
 const k = /* @__PURE__ */ p({
   __name: "CrestWrapper",
   props: {
-    aria: null,
-    href: null,
+    aria: {},
+    href: {},
     target: { default: "_self" }
   },
   setup(r) {
-    const n = r, t = d("p-crest"), e = a();
+    const o = r, t = d("p-crest"), e = a();
     return s(() => {
-      o(e.value, n);
+      n(e.value, o);
     }), f(() => {
-      o(e.value, n);
-    }), (i, _) => (c(), l(m(u(t)), {
+      n(e.value, o);
+    }), (i, _) => (c(), m(l(u(t)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, null, 512));

package/lib/components/DisplayWrapper.vue.d.ts

@@ -1,4 +1,3 @@
-/** __vue_virtual_code_placeholder */
 import type { DisplayAlign, DisplayColor, BreakpointCustomizable, DisplaySize, DisplayTag, Theme } from '../types';
 type PDisplayProps = {
     /**
@@ -44,7 +43,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     align: "center" | "left" | "right";
     color: "inherit" | "primary";
     ellipsis: boolean;
-}>, {
+}, {}>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -65,12 +64,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
-        $props: __VLS_PropsChildren<S>;
     };
 };
-type __VLS_PropsChildren<S> = {
-    [K in keyof (boolean extends (JSX.ElementChildrenAttribute extends never ? true : false) ? never : JSX.ElementChildrenAttribute)]?: S;
-};
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};

package/lib/components/DisplayWrapper.vue.js

@@ -1,27 +1,27 @@
-import { defineComponent as r, ref as p, onMounted as s, onUpdated as f, openBlock as d, createBlock as i, resolveDynamicComponent as u, unref as m, withCtx as c, renderSlot as g } from "vue";
+import { defineComponent as l, ref as p, onMounted as s, onUpdated as f, openBlock as d, createBlock as i, resolveDynamicComponent as m, unref as u, withCtx as c, renderSlot as g } from "vue";
 import { getPrefixedTagName as y, syncProperties as o } from "../../utils.js";
-const k = /* @__PURE__ */ r({
+const k = /* @__PURE__ */ l({
   __name: "DisplayWrapper",
   props: {
     align: { default: "left" },
     color: { default: "primary" },
     ellipsis: { type: Boolean, default: !1 },
     size: { default: "large" },
-    tag: null,
+    tag: {},
     theme: { default: "light" }
   },
-  setup(n) {
-    const t = n, a = y("p-display"), e = p();
+  setup(a) {
+    const t = a, n = y("p-display"), e = p();
     return s(() => {
       o(e.value, t);
     }), f(() => {
       o(e.value, t);
-    }), (l, _) => (d(), i(u(m(a)), {
+    }), (r, _) => (d(), i(m(u(n)), {
       ref_key: "pdsComponentRef",
       ref: e
     }, {
       default: c(() => [
-        g(l.$slots, "default")
+        g(r.$slots, "default")
       ]),
       _: 3
     }, 512));

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

@@ -1,4 +1,3 @@
-/** __vue_virtual_code_placeholder */
 import type { DividerColor, BreakpointCustomizable, DividerDirection, DividerOrientation, Theme } from '../types';
 type PDividerProps = {
     /**
@@ -30,7 +29,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     theme: "light" | "dark";
     direction: BreakpointCustomizable<"horizontal" | "vertical">;
     color: "contrast-low" | "contrast-medium" | "contrast-high" | "neutral-contrast-low" | "neutral-contrast-medium" | "neutral-contrast-high";
-}>;
+}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {