@porsche-design-system/components-vue 3.21.0 → 3.22.0-rc.1

package/CHANGELOG.md

@@ -14,6 +14,58 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
 
 ### [Unreleased]
 
+### [3.22.0-rc.1] - 2024-12-06
+
+#### Added
+
+- `Flyout Multilevel`: Supports infinite layers
+  ([3647](https://github.com/porsche-design-system/porsche-design-system/pull/3647))
+
+#### Fixed
+
+- Partials: error when using in projects without `react/jsx-runtime` as dependency
+  ([#3660](https://github.com/porsche-design-system/porsche-design-system/pull/3660))
+- `Textfield Wrapper`: text alignment of type `email` and `tel` values in RTL mode
+  ([3655](https://github.com/porsche-design-system/porsche-design-system/pull/3655))
+- `Popover`:
+  - Rendering bug of drop-shadow in Safari 18.x
+    ([3622](https://github.com/porsche-design-system/porsche-design-system/pull/3622))
+  - Positioning in RTL mode if rendered inside a table (in #top-layer)
+    ([3658](https://github.com/porsche-design-system/porsche-design-system/pull/3658))
+
+### [3.22.0-rc.0] - 2024-11-19
+
+#### Added
+
+- `Modal`, `Flyout`:
+  - `aria-label` is generated from slotted header contents if `aria` prop is not provided
+  - ARIA `role` to `aria` prop of `Modal` component to support setting `alertdialog` role
+    ([3618](https://github.com/porsche-design-system/porsche-design-system/pull/3618))
+- `Pin-Code`: Add `form` prop to explicitly associate the component with a form, even when it's not directly nested
+  within it. ([#3588](https://github.com/porsche-design-system/porsche-design-system/pull/3588))
+- `Segmented-Control`: Use ElementInternals API and add `form` prop to explicitly associate the component with a form,
+  even when it's not directly nested within it.
+  ([#3614](https://github.com/porsche-design-system/porsche-design-system/pull/3614))
+
+#### Changed
+
+- Angular: updated peer dependency to `>=19.0.0 <20.0.0`
+- `Pin-Code`:
+  - Remove native input and use ElementInternals API
+  - **Breaking Change**: `Pin-Code` component no longer support native validation due to the removal of the underlying
+    native `<input>` element. ([#3588](https://github.com/porsche-design-system/porsche-design-system/pull/3588))
+- `Styles`: `SCSS` variant uses `@forward/@use` internally to replace deprecated `@import`
+  ([#3623](https://github.com/porsche-design-system/porsche-design-system/pull/3623))
+
+#### Fixed
+
+- Partials: removed bundled `react/jsx-runtime` due to React 18/19 incompatibilities. When using `jsx` in the `format`
+  option, it is necessary to have `react/jsx-runtime` as a dependency in the project included.
+  ([#3613](https://github.com/porsche-design-system/porsche-design-system/pull/3613))
+- `Select`, `Multi-Select`: Ensure that dynamically changing the `disabled` property via `optgroups` persists the
+  `disabled` state for individual options within the group.
+  ([#3614](https://github.com/porsche-design-system/porsche-design-system/pull/3614))
+
 ### [3.21.0] - 2024-11-12
 
 ### [3.21.0-rc.0] - 2024-11-11
@@ -28,8 +80,8 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0),
   ([#3589](https://github.com/porsche-design-system/porsche-design-system/pull/3589))
 - `Button`, `Link`: `compact` prop is breakpoint customizable
   ([#3580](https://github.com/porsche-design-system/porsche-design-system/pull/3580))
-- `Select`, `Multi-Select`: Added `form` prop to explicitly associate these components with a specific form when they
-  are not directly nested within it. ([#3542](https://github.com/porsche-design-system/porsche-design-system/pull/3542))
+- `Select`, `Multi-Select`: Add `form` prop to explicitly associate these components with a specific form when they are
+  not directly nested within it. ([#3542](https://github.com/porsche-design-system/porsche-design-system/pull/3542))
 
 #### Changed
 

package/ag-grid/theme.css

@@ -1630,10 +1630,10 @@ ag-grid-aurelia {
   flex: 1 1 auto;
   align-self: stretch;
   align-items: center;
+  overflow: hidden;
 }
 
 .ag-header-cell-label {
-  overflow: hidden;
   text-overflow: ellipsis;
 }
 
@@ -1641,6 +1641,7 @@ ag-grid-aurelia {
   position: sticky;
   flex: none;
   max-width: 100%;
+  overflow: visible;
 }
 
 .ag-header-group-text {
@@ -1672,6 +1673,10 @@ ag-grid-aurelia {
   white-space: normal;
 }
 
+.ag-header-cell-comp-wrapper-limited-height > div {
+  overflow: hidden;
+}
+
 .ag-right-aligned-header .ag-header-cell-label {
   flex-direction: row-reverse;
 }
@@ -2590,7 +2595,7 @@ ag-grid-aurelia {
   position: absolute;
 }
 
-.ag-header-group-cell-no-group.ag-header-span-height .ag-header-cell-resize {
+.ag-header-group-cell-no-group.ag-header-span-height {
   display: none;
 }
 
@@ -3945,11 +3950,7 @@ button[class^=ag-]:focus {
 }
 
 .ag-row-highlight-above::after {
-  top: -1px;
-}
-
-.ag-row-highlight-above.ag-row-first::after {
-  top: 0;
+  top: 0px;
 }
 
 .ag-row-highlight-below::after {
@@ -5065,7 +5066,7 @@ button.ag-side-button-button:focus {
   margin-right: 4px;
 }
 
-.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total),
+.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
 .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
   border-top: var(--ag-borders-critical) var(--ag-border-color);
 }
@@ -5936,6 +5937,14 @@ button.ag-side-button-button:focus {
   --ag-charts-justify: none !important;
 }
 
+.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus {
+  box-shadow: none;
+}
+
+.ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus-visible {
+  box-shadow: var(--ag-input-focus-box-shadow);
+}
+
 .ag-date-time-list-page-title-bar {
   display: flex;
 }

package/cjs/lib/components/FlyoutMultilevelItemWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),n=require("../../utils.cjs"),c=e.defineComponent({__name:"FlyoutMultilevelItemWrapper",props:{identifier:{},label:{}},setup(r){const s=n.usePrefix("p-flyout-multilevel-item"),p=r,t=e.ref(),o=()=>n.syncProperties(t,p);return e.onMounted(o),e.onUpdated(o),(l,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(l.$slots,"default")]),_:3},512))}});module.exports=c;
+"use strict";const e=require("vue"),n=require("../../utils.cjs"),p=e.defineComponent({__name:"FlyoutMultilevelItemWrapper",props:{cascade:{type:Boolean,default:!1},identifier:{},label:{},primary:{type:Boolean,default:!1},secondary:{type:Boolean,default:!1}},setup(r){const s=n.usePrefix("p-flyout-multilevel-item"),l=r,t=e.ref(),o=()=>n.syncProperties(t,l);return e.onMounted(o),e.onUpdated(o),(a,c)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(s)),{ref_key:"pdsComponentRef",ref:t},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},512))}});module.exports=p;

package/cjs/lib/components/PinCodeWrapper.vue.cjs

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

package/cjs/lib/components/SegmentedControlWrapper.vue.cjs

@@ -1 +1 @@
-"use strict";const e=require("vue"),t=require("../../utils.cjs"),u=e.defineComponent({__name:"SegmentedControlWrapper",props:{backgroundColor:{},columns:{default:"auto"},theme:{},value:{}},emits:["segmentedControlChange","update"],setup(p,{emit:a}){const d=t.usePrefix("p-segmented-control"),o=p,n=e.ref(),s=a,c=e.inject(t.themeInjectionKey),m=()=>t.syncProperties(n,{...o,theme:o.theme||c.value});return e.onMounted(()=>{m(),t.addEventListenerToElementRef(n,"segmentedControlChange",s),t.addEventListenerToElementRef(n,"update",s)}),e.onUpdated(m),e.watch(c,r=>{t.syncProperties(n,{theme:o.theme||r})}),(r,l)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(d)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(r.$slots,"default")]),_:3},512))}});module.exports=u;
+"use strict";const e=require("vue"),t=require("../../utils.cjs"),l=e.defineComponent({__name:"SegmentedControlWrapper",props:{backgroundColor:{},columns:{default:"auto"},disabled:{type:Boolean,default:!1},form:{},name:{},theme:{},value:{}},emits:["segmentedControlChange","update"],setup(c,{emit:d}){const p=t.usePrefix("p-segmented-control"),o=c,n=e.ref(),r=d,a=e.inject(t.themeInjectionKey),m=()=>t.syncProperties(n,{...o,theme:o.theme||a.value});return e.onMounted(()=>{m(),t.addEventListenerToElementRef(n,"segmentedControlChange",r),t.addEventListenerToElementRef(n,"update",r)}),e.onUpdated(m),e.watch(a,s=>{t.syncProperties(n,{theme:o.theme||s})}),(s,u)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(e.unref(p)),{ref_key:"pdsComponentRef",ref:n},{default:e.withCtx(()=>[e.renderSlot(s.$slots,"default")]),_:3},512))}});module.exports=l;

package/esm/PorscheDesignSystemProvider.vue.d.ts

@@ -7,38 +7,15 @@ type Props = {
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    prefix: string;
-    theme: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
-    prefix: string;
-    theme: string;
-}>>>, {
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
     prefix: string;
     theme: Theme;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
 
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -36,43 +36,20 @@ type PAccordionProps = {
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PAccordionProps>, {
-    headingTag: string;
-    size: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+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;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PAccordionProps>, {
-    headingTag: string;
-    size: string;
-}>>> & {
+}, string, import("vue").PublicProps, Readonly<PAccordionProps> & Readonly<{
     onAccordionChange?: ((value: import("../types").AccordionUpdateEvent) => any) | undefined;
     onUpdate?: ((value: import("../types").AccordionUpdateEvent) => any) | undefined;
-}, {
+}>, {
     headingTag: AccordionHeadingTag;
     size: BreakpointCustomizable<AccordionSize>;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -41,42 +41,18 @@ type PBannerProps = {
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PBannerProps>, {
-    description: string;
-    dismissButton: boolean;
-    heading: string;
-    headingTag: string;
-    open: boolean;
-    state: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
+declare const __VLS_component: import("vue").DefineComponent<PBannerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
     heading: string;
     description: string;
     headingTag: BannerHeadingTag;
     open: boolean;
     dismissButton: boolean;
     state: BannerState;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -8,40 +8,13 @@ type PButtonGroupProps = {
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PButtonGroupProps>, {
-    direction: () => {
-        base: string;
-        xs: string;
-    };
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PButtonGroupProps>, {
-    direction: () => {
-        base: string;
-        xs: string;
-    };
-}>>>, {
+declare const __VLS_component: import("vue").DefineComponent<PButtonGroupProps, {}, {}, {}, {}, 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>>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -69,64 +69,23 @@ type PButtonPureProps = {
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PButtonPureProps>, {
-    active: boolean;
-    alignLabel: string;
-    disabled: boolean;
-    hideLabel: boolean;
-    icon: string;
-    loading: boolean;
-    size: string;
-    stretch: boolean;
-    type: string;
-    underline: boolean;
-    weight: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PButtonPureProps>, {
-    active: boolean;
-    alignLabel: string;
-    disabled: boolean;
-    hideLabel: boolean;
-    icon: string;
-    loading: boolean;
-    size: string;
-    stretch: boolean;
-    type: string;
-    underline: boolean;
-    weight: string;
-}>>>, {
+declare const __VLS_component: import("vue").DefineComponent<PButtonPureProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PButtonPureProps> & Readonly<{}>, {
     weight: ButtonPureWeight;
     stretch: BreakpointCustomizable<boolean>;
     type: ButtonPureType;
-    size: BreakpointCustomizable<ButtonPureSize>;
     disabled: boolean;
+    size: BreakpointCustomizable<ButtonPureSize>;
     hideLabel: BreakpointCustomizable<boolean>;
     icon: ButtonPureIcon;
     loading: boolean;
     active: boolean;
     alignLabel: BreakpointCustomizable<ButtonPureAlignLabel>;
     underline: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -64,64 +64,23 @@ type PButtonTileProps = {
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PButtonTileProps>, {
-    align: string;
-    aspectRatio: string;
-    background: string;
-    compact: boolean;
-    disabled: boolean;
-    gradient: boolean;
-    icon: string;
-    loading: boolean;
-    size: string;
-    type: string;
-    weight: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PButtonTileProps>, {
-    align: string;
-    aspectRatio: string;
-    background: string;
-    compact: boolean;
-    disabled: boolean;
-    gradient: boolean;
-    icon: string;
-    loading: boolean;
-    size: string;
-    type: string;
-    weight: string;
-}>>>, {
+declare const __VLS_component: import("vue").DefineComponent<PButtonTileProps, {}, {}, {}, {}, 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;
     aspectRatio: BreakpointCustomizable<ButtonTileAspectRatio>;
     background: ButtonTileBackground;
     gradient: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -52,52 +52,19 @@ type PButtonProps = {
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PButtonProps>, {
-    compact: boolean;
-    disabled: boolean;
-    hideLabel: boolean;
-    icon: string;
-    loading: boolean;
-    type: string;
-    variant: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PButtonProps>, {
-    compact: boolean;
-    disabled: boolean;
-    hideLabel: boolean;
-    icon: string;
-    loading: boolean;
-    type: string;
-    variant: string;
-}>>>, {
+declare const __VLS_component: import("vue").DefineComponent<PButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PButtonProps> & Readonly<{}>, {
     type: ButtonType;
-    compact: BreakpointCustomizable<boolean>;
     disabled: boolean;
+    compact: BreakpointCustomizable<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>>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -13,34 +13,14 @@ type PCanvasProps = {
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PCanvasProps>, {
+declare const __VLS_component: import("vue").DefineComponent<PCanvasProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
     sidebarEndOpen: boolean;
     sidebarStartOpen: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    sidebarEndOpen: boolean;
-    sidebarStartOpen: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

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

@@ -77,35 +77,13 @@ type PCarouselProps = {
 declare function __VLS_template(): {
     default?(_: {}): any;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<PCarouselProps>, {
-    activeSlideIndex: number;
-    alignHeader: string;
-    focusOnCenterSlide: boolean;
-    gradientColor: string;
-    headingSize: string;
-    pagination: boolean;
-    rewind: boolean;
-    slidesPerPage: number;
-    trimSpace: boolean;
-    width: string;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+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;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<PCarouselProps>, {
-    activeSlideIndex: number;
-    alignHeader: string;
-    focusOnCenterSlide: boolean;
-    gradientColor: string;
-    headingSize: string;
-    pagination: boolean;
-    rewind: boolean;
-    slidesPerPage: number;
-    trimSpace: boolean;
-    width: string;
-}>>> & {
+}, string, import("vue").PublicProps, Readonly<PCarouselProps> & Readonly<{
     onUpdate?: ((value: import("../types").CarouselUpdateEvent) => any) | undefined;
     onCarouselChange?: ((value: import("../types").CarouselUpdateEvent) => any) | undefined;
-}, {
+}>, {
     width: CarouselWidth;
     activeSlideIndex: number;
     alignHeader: CarouselAlignHeader;
@@ -116,28 +94,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<
     rewind: boolean;
     slidesPerPage: BreakpointCustomizable<number> | "auto";
     trimSpace: boolean;
-}, {}>;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
 export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};