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

package/CHANGELOG.md

@@ -14,9 +14,57 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ## [Unreleased]
 
+## [3.29.0-rc.2] - 2025-07-28
+
+### Changed
+
+- Partials: provide CJS & ESM build ([#3945](https://github.com/porsche-design-system/porsche-design-system/pull/3945))
+
+## [3.29.0-rc.1] - 2025-07-15
+
+### Added
+
+- `Popover`: support for custom slotted button
+  ([#3861](https://github.com/porsche-design-system/porsche-design-system/pull/3861))
+- `Icon`: `ai-spark` and `ai-spark-filled`
+  ([#3916](https://github.com/porsche-design-system/porsche-design-system/pull/3916))
+- `Input Text`: `counter` prop functions independently of `max-length`, allowing character count display even when no
+  limit is set ([#3901](https://github.com/porsche-design-system/porsche-design-system/pull/3901))
+
+### Changed
+
+- `Input Search`: `indicator` prop now defaults to `false`
+  ([#3917](https://github.com/porsche-design-system/porsche-design-system/pull/3917))
+- Angular: updated peer dependency to `>=20.0.0 <21.0.0`
+- **Breaking Change** `Textarea`:
+  - Renamed the `showCounter` prop to `counter`.
+  - Changed default behavior: the `counter` is now disabled by default (`false` instead of `true`).
+
+  ```diff
+  - <p-textarea name="some-name" showCounter="false"></p-textarea>
+  + <p-textarea name="some-name"></p-textarea>
+  ```
+
+  To enable the counter explicitly:
+
+  ```diff
+  - <p-textarea name="some-name"></p-textarea>
+  + <p-textarea name="some-name" counter="true"></p-textarea>
+  ```
+
+  ⚠️ This is a breaking change — you must update all instances using `showCounter`.
+  ([#3901](https://github.com/porsche-design-system/porsche-design-system/pull/3901))
+
+### Fixed
+
+- `Carousel`: component does not work correctly if an invalid `lang` value is provided
+  ([#3924](https://github.com/porsche-design-system/porsche-design-system/pull/3924))
+- Vue: fixed initial render for `dark` and `auto` themes in `PorscheDesignSystemProvider`
+  ([#3898](https://github.com/porsche-design-system/porsche-design-system/pull/3898))
+
 ## [3.29.0-rc.0] - 2025-06-27
 
-#### Added
+### Added
 
 - `Input Search`: ([#3874](https://github.com/porsche-design-system/porsche-design-system/pull/3874))
 - `Input Number`, `Input Password`: added loading state
@@ -29,11 +77,11 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ## [3.28.0] - 2025-06-02
 
-#### Added
+### Added
 
 - `Input Number`: ([#3855](https://github.com/porsche-design-system/porsche-design-system/pull/3855))
 
-#### Fixed
+### Fixed
 
 - `Select Wrapper`: update of scroll position if dropdown is navigated with keyboard
   ([#3858](https://github.com/porsche-design-system/porsche-design-system/pull/3858))

package/cjs/PorscheDesignSystemProvider.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),i=require("@porsche-design-system/components-js"),n=require("./utils.cjs"),c=e.defineComponent({__name:"PorscheDesignSystemProvider",props:{prefix:{default:""},cdn:{},theme:{default:"light"}},setup(o){const r=e.ref("light"),t=o;return e.onUpdated(()=>{r.value=t.theme}),i.load(t),e.provide(n.prefixInjectionKey,t.prefix),e.provide(n.themeInjectionKey,r),(s,p)=>e.renderSlot(s.$slots,"default")}});module.exports=c;
+"use strict";const e=require("vue"),i=require("@porsche-design-system/components-js"),o=require("./utils.cjs"),c=e.defineComponent({__name:"PorscheDesignSystemProvider",props:{prefix:{default:""},cdn:{},theme:{default:"light"}},setup(s){const t=s,n=e.ref(t.theme);return e.watch(()=>t.theme,r=>{n.value=r}),i.load(t),e.provide(o.prefixInjectionKey,t.prefix),e.provide(o.themeInjectionKey,n),(r,p)=>e.renderSlot(r.$slots,"default")}});module.exports=c;

package/cjs/lib/components/InputSearchWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"InputSearchWrapper",props:{autoComplete:{},clear:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},description:{default:""},disabled:{type:Boolean,default:!1},form:{},hideLabel:{default:!1},indicator:{type:Boolean,default:!0},label:{default:""},loading:{type:Boolean,default:!1},message:{default:""},name:{},placeholder:{default:""},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},state:{default:"none"},theme:{},value:{default:""}},emits:["blur","change","input"],setup(d,{emit:u}){const f=t.usePrefix("p-input-search"),a=d,n=e.ref(),o=u,s=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...a,theme:a.theme||s.value});return e.onMounted(()=>{r(),t.addEventListenerToElementRef(n,"blur",o),t.addEventListenerToElementRef(n,"change",o),t.addEventListenerToElementRef(n,"input",o)}),e.onUpdated(r),e.watch(s,l=>{t.syncProperties(n,{theme:a.theme||l})}),(l,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(f)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},512))}});module.exports=p;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"InputSearchWrapper",props:{autoComplete:{},clear:{type:Boolean,default:!1},compact:{type:Boolean,default:!1},description:{default:""},disabled:{type:Boolean,default:!1},form:{},hideLabel:{default:!1},indicator:{type:Boolean,default:!1},label:{default:""},loading:{type:Boolean,default:!1},message:{default:""},name:{},placeholder:{default:""},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},state:{default:"none"},theme:{},value:{default:""}},emits:["blur","change","input"],setup(d,{emit:f}){const u=t.usePrefix("p-input-search"),a=d,n=e.ref(),o=f,s=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...a,theme:a.theme||s.value});return e.onMounted(()=>{r(),t.addEventListenerToElementRef(n,"blur",o),t.addEventListenerToElementRef(n,"change",o),t.addEventListenerToElementRef(n,"input",o)}),e.onUpdated(r),e.watch(s,l=>{t.syncProperties(n,{theme:a.theme||l})}),(l,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/lib/components/PopoverWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),m=e.defineComponent({__name:"PopoverWrapper",props:{aria:{},description:{},direction:{default:"bottom"},theme:{}},setup(c){const i=t.usePrefix("p-popover"),o=c,n=e.ref(),s=e.inject(t.themeInjectionKey),p=()=>t.syncProperties(n,{...o,theme:o.theme||s.value});return e.onMounted(p),e.onUpdated(p),e.watch(s,r=>{t.syncProperties(n,{theme:o.theme||r})}),(r,a)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(i)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=m;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),d=e.defineComponent({__name:"PopoverWrapper",props:{aria:{},description:{},direction:{default:"bottom"},open:{type:Boolean,default:!1},theme:{}},emits:["dismiss"],setup(i,{emit:c}){const m=t.usePrefix("p-popover"),n=i,o=e.ref(),a=c,r=e.inject(t.themeInjectionKey),p=()=>t.syncProperties(o,{...n,theme:n.theme||r.value});return e.onMounted(()=>{p(),t.addEventListenerToElementRef(o,"dismiss",a)}),e.onUpdated(p),e.watch(r,s=>{t.syncProperties(o,{theme:n.theme||s})}),(s,f)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(m)),{ref_key:"pdsComponentRef",ref:o},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=d;

package/cjs/lib/components/TextareaWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"TextareaWrapper",props:{autoComplete:{},description:{default:""},disabled:{type:Boolean,default:!1},form:{},hideLabel:{default:!1},label:{default:""},maxLength:{},message:{default:""},minLength:{},name:{},placeholder:{default:""},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},resize:{default:"vertical"},rows:{default:7},showCounter:{type:Boolean,default:!0},spellCheck:{type:Boolean},state:{default:"none"},theme:{},value:{default:""},wrap:{default:"soft"}},emits:["blur","change","input"],setup(u,{emit:d}){const f=t.usePrefix("p-textarea"),o=u,n=e.ref(),a=d,r=e.inject(t.themeInjectionKey),s=()=>t.syncProperties(n,{...o,theme:o.theme||r.value});return e.onMounted(()=>{s(),t.addEventListenerToElementRef(n,"blur",a),t.addEventListenerToElementRef(n,"change",a),t.addEventListenerToElementRef(n,"input",a)}),e.onUpdated(s),e.watch(r,l=>{t.syncProperties(n,{theme:o.theme||l})}),(l,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(f)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},512))}});module.exports=p;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),p=e.defineComponent({__name:"TextareaWrapper",props:{autoComplete:{},counter:{type:Boolean,default:!1},description:{default:""},disabled:{type:Boolean,default:!1},form:{},hideLabel:{default:!1},label:{default:""},maxLength:{},message:{default:""},minLength:{},name:{},placeholder:{default:""},readOnly:{type:Boolean,default:!1},required:{type:Boolean,default:!1},resize:{default:"vertical"},rows:{default:7},spellCheck:{type:Boolean},state:{default:"none"},theme:{},value:{default:""},wrap:{default:"soft"}},emits:["blur","change","input"],setup(d,{emit:f}){const u=t.usePrefix("p-textarea"),a=d,n=e.ref(),o=f,s=e.inject(t.themeInjectionKey),r=()=>t.syncProperties(n,{...a,theme:a.theme||s.value});return e.onMounted(()=>{r(),t.addEventListenerToElementRef(n,"blur",o),t.addEventListenerToElementRef(n,"change",o),t.addEventListenerToElementRef(n,"input",o)}),e.onUpdated(r),e.watch(s,l=>{t.syncProperties(n,{theme:a.theme||l})}),(l,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(u)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},512))}});module.exports=p;

package/esm/PorscheDesignSystemProvider.vue.d.ts

@@ -4,17 +4,17 @@ type Props = {
     cdn?: 'auto' | 'cn';
     theme?: Theme;
 };
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     theme: Theme;
     prefix: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

package/esm/PorscheDesignSystemProvider.vue.mjs

@@ -1,18 +1,21 @@
-import { defineComponent as i, ref as p, onUpdated as f, provide as o, renderSlot as m } from "vue";
+import { defineComponent as m, ref as f, watch as i, provide as o, renderSlot as p } from "vue";
 import { load as s } from "@porsche-design-system/components-js";
-import { prefixInjectionKey as d, themeInjectionKey as a } from "./utils.mjs";
-const _ = /* @__PURE__ */ i({
+import { prefixInjectionKey as a, themeInjectionKey as c } from "./utils.mjs";
+const _ = /* @__PURE__ */ m({
   __name: "PorscheDesignSystemProvider",
   props: {
     prefix: { default: "" },
     cdn: {},
     theme: { default: "light" }
   },
-  setup(r) {
-    const t = p("light"), e = r;
-    return f(() => {
-      t.value = e.theme;
-    }), s(e), o(d, e.prefix), o(a, t), (n, c) => m(n.$slots, "default");
+  setup(n) {
+    const e = n, r = f(e.theme);
+    return i(
+      () => e.theme,
+      (t) => {
+        r.value = t;
+      }
+    ), s(e), o(a, e.prefix), o(c, r), (t, d) => p(t.$slots, "default");
   }
 });
 export {

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

@@ -33,12 +33,13 @@ type PAccordionProps = {
      */
     theme?: Theme;
 };
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PAccordionProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    accordionChange: (value: import("../types").AccordionUpdateEvent) => void;
-    update: (value: import("../types").AccordionUpdateEvent) => void;
+declare const __VLS_component: import("vue").DefineComponent<PAccordionProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    accordionChange: (value: import("../types").AccordionUpdateEvent) => any;
+    update: (value: import("../types").AccordionUpdateEvent) => any;
 }, string, import("vue").PublicProps, Readonly<PAccordionProps> & Readonly<{
     onAccordionChange?: ((value: import("../types").AccordionUpdateEvent) => any) | undefined;
     onUpdate?: ((value: import("../types").AccordionUpdateEvent) => any) | undefined;
@@ -46,9 +47,9 @@ declare const __VLS_component: import("vue").DefineComponent<PAccordionProps, {}
     headingTag: AccordionHeadingTag;
     size: BreakpointCustomizable<AccordionSize>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -38,20 +38,27 @@ type PBannerProps = {
      */
     width?: BannerWidth;
 };
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PBannerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+declare const __VLS_component: import("vue").DefineComponent<PBannerProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
+}, string, import("vue").PublicProps, Readonly<PBannerProps> & Readonly<{
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+}>, {
     heading: string;
-    description: string;
     headingTag: BannerHeadingTag;
     open: boolean;
+    description: string;
     dismissButton: boolean;
     state: BannerState;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -5,15 +5,16 @@ type PButtonGroupProps = {
      */
     direction?: BreakpointCustomizable<ButtonGroupDirection>;
 };
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PButtonGroupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PButtonGroupProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<PButtonGroupProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PButtonGroupProps> & Readonly<{}>, {
     direction: BreakpointCustomizable<ButtonGroupDirection>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -70,15 +70,16 @@ type PButtonPureProps = {
      */
     weight?: ButtonPureWeight;
 };
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PButtonPureProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PButtonPureProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<PButtonPureProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PButtonPureProps> & Readonly<{}>, {
     weight: ButtonPureWeight;
     stretch: BreakpointCustomizable<boolean>;
     type: ButtonPureType;
-    disabled: boolean;
     size: BreakpointCustomizable<ButtonPureSize>;
+    disabled: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
     icon: ButtonPureIcon;
     loading: boolean;
@@ -86,9 +87,9 @@ declare const __VLS_component: import("vue").DefineComponent<PButtonPureProps, {
     alignLabel: BreakpointCustomizable<ButtonPureAlignLabel>;
     underline: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -61,15 +61,16 @@ type PButtonTileProps = {
      */
     weight?: BreakpointCustomizable<ButtonTileWeight>;
 };
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PButtonTileProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PButtonTileProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<PButtonTileProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PButtonTileProps> & Readonly<{}>, {
     weight: BreakpointCustomizable<ButtonTileWeight>;
     type: ButtonTileType;
-    disabled: boolean;
     compact: BreakpointCustomizable<boolean>;
     size: BreakpointCustomizable<ButtonTileSize>;
+    disabled: boolean;
     icon: ButtonTileIcon;
     loading: boolean;
     align: ButtonTileAlign;
@@ -77,9 +78,9 @@ declare const __VLS_component: import("vue").DefineComponent<PButtonTileProps, {
     background: ButtonTileBackground;
     gradient: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -53,21 +53,22 @@ type PButtonProps = {
      */
     variant?: ButtonVariant;
 };
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PButtonProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<PButtonProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PButtonProps> & Readonly<{}>, {
     type: ButtonType;
-    disabled: boolean;
     compact: BreakpointCustomizable<boolean>;
+    disabled: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
     icon: ButtonIcon;
     loading: boolean;
     variant: ButtonVariant;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -10,16 +10,23 @@ type PCanvasProps = {
      */
     theme?: Theme;
 };
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PCanvasProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+declare const __VLS_component: import("vue").DefineComponent<PCanvasProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: string]: any;
+} & {
+    [x: string]: any;
+}, string, import("vue").PublicProps, Readonly<PCanvasProps> & Readonly<{
+    [x: `on${Capitalize<any>}`]: ((...args: any) => any) | undefined;
+}>, {
     sidebarEndOpen: boolean;
     sidebarStartOpen: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -78,12 +78,13 @@ type PCarouselProps = {
      */
     wrapContent?: boolean;
 };
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PCarouselProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    carouselChange: (value: import("../types").CarouselUpdateEvent) => void;
-    update: (value: import("../types").CarouselUpdateEvent) => void;
+declare const __VLS_component: import("vue").DefineComponent<PCarouselProps, void, {}, {}, {}, 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<{
     onUpdate?: ((value: import("../types").CarouselUpdateEvent) => any) | undefined;
     onCarouselChange?: ((value: import("../types").CarouselUpdateEvent) => any) | undefined;
@@ -100,9 +101,9 @@ declare const __VLS_component: import("vue").DefineComponent<PCarouselProps, {},
     slidesPerPage: BreakpointCustomizable<CarouselSlidesPerPage>;
     trimSpace: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -57,32 +57,33 @@ type PCheckboxProps = {
      */
     value?: string;
 };
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PCheckboxProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    blur: (value: Event) => void;
-    update: (value: CheckboxUpdateEventDetail) => void;
+declare const __VLS_component: import("vue").DefineComponent<PCheckboxProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    blur: (value: Event) => any;
+    update: (value: CheckboxUpdateEventDetail) => any;
 }, string, import("vue").PublicProps, Readonly<PCheckboxProps> & Readonly<{
     onBlur?: ((value: Event) => any) | undefined;
     onUpdate?: ((value: CheckboxUpdateEventDetail) => any) | undefined;
 }>, {
     label: string;
-    disabled: boolean;
-    name: string;
     compact: boolean;
     state: CheckboxState;
     required: boolean;
+    disabled: boolean;
     hideLabel: BreakpointCustomizable<boolean>;
     loading: boolean;
+    name: string;
     value: string;
     checked: boolean;
     indeterminate: boolean;
     message: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -25,19 +25,20 @@ type PCheckboxWrapperProps = {
      */
     theme?: Theme;
 };
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PCheckboxWrapperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PCheckboxWrapperProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<PCheckboxWrapperProps, void, {}, {}, {}, 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 _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -15,17 +15,18 @@ type PContentWrapperProps = {
      */
     width?: ContentWrapperWidth;
 };
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PContentWrapperProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PContentWrapperProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<PContentWrapperProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PContentWrapperProps> & Readonly<{}>, {
     width: ContentWrapperWidth;
     backgroundColor: ContentWrapperBackgroundColor;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 /** @deprecated since v3.0.0, will be removed with next major release. Use native CSS Grid instead. */
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

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

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

@@ -25,18 +25,19 @@ type PDisplayProps = {
      */
     theme?: Theme;
 };
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PDisplayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PDisplayProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<PDisplayProps, void, {}, {}, {}, 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_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

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

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

@@ -20,17 +20,18 @@ type PDrilldownItemProps = {
      */
     secondary?: boolean;
 };
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PDrilldownItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PDrilldownItemProps> & Readonly<{}>, {
+declare const __VLS_component: import("vue").DefineComponent<PDrilldownItemProps, void, {}, {}, {}, 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_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };

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

@@ -25,16 +25,17 @@ type PDrilldownLinkProps = {
      */
     target?: DrilldownLinkTarget;
 };
-declare function __VLS_template(): {
-    default?(_: {}): any;
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<PDrilldownLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PDrilldownLinkProps> & Readonly<{}>, {
-    active: boolean;
+declare const __VLS_component: import("vue").DefineComponent<PDrilldownLinkProps, void, {}, {}, {}, 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_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithTemplateSlots<T, S> = T & {
+type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };