@synergy-design-system/vue 2.10.1 → 2.11.0

package/dist/components/SynVueDetails.vue.d.ts

@@ -8,7 +8,7 @@ export type { SynShowEvent } from '@synergy-design-system/components';
 export type { SynAfterShowEvent } from '@synergy-design-system/components';
 export type { SynHideEvent } from '@synergy-design-system/components';
 export type { SynAfterHideEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
   * Indicates whether or not the details is open.
   * You can toggle this attribute to show and hide the details, or you
@@ -32,14 +32,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * The details's size.
      */
     size?: SynDetails["size"];
-}>, {
-    nativeElement: import("vue").Ref<SynDetails | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-show": (e: SynShowEvent) => void;
-    "syn-after-show": (e: SynAfterShowEvent) => void;
-    "syn-hide": (e: SynHideEvent) => void;
-    "syn-after-hide": (e: SynAfterHideEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynDetails | undefined, SynDetails | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-after-hide": (e: SynAfterHideEvent) => any;
+    "syn-after-show": (e: SynAfterShowEvent) => any;
+    "syn-hide": (e: SynHideEvent) => any;
+    "syn-show": (e: SynShowEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
   * Indicates whether or not the details is open.
   * You can toggle this attribute to show and hide the details, or you
@@ -63,12 +63,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * The details's size.
      */
     size?: SynDetails["size"];
-}>>> & {
-    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
+}> & Readonly<{
+    "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
     "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
     "onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
-    "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
-}, {}, {}>, {
+    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -77,12 +77,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $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/dist/components/SynVueDialog.vue.d.ts

@@ -12,7 +12,7 @@ export type { SynHideEvent } from '@synergy-design-system/components';
 export type { SynAfterHideEvent } from '@synergy-design-system/components';
 export type { SynInitialFocusEvent } from '@synergy-design-system/components';
 export type { SynRequestCloseEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
   * Indicates whether or not the dialog is open.
   * You can toggle this attribute to show and hide the dialog, or you can
@@ -32,16 +32,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   accessible way for users to dismiss the dialog.
    */
     noHeader?: SynDialog["noHeader"];
-}>, {
-    nativeElement: import("vue").Ref<SynDialog | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-show": (e: SynShowEvent) => void;
-    "syn-after-show": (e: SynAfterShowEvent) => void;
-    "syn-hide": (e: SynHideEvent) => void;
-    "syn-after-hide": (e: SynAfterHideEvent) => void;
-    "syn-initial-focus": (e: SynInitialFocusEvent) => void;
-    "syn-request-close": (e: SynRequestCloseEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynDialog | undefined, SynDialog | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-after-hide": (e: SynAfterHideEvent) => any;
+    "syn-after-show": (e: SynAfterShowEvent) => any;
+    "syn-hide": (e: SynHideEvent) => any;
+    "syn-initial-focus": (e: SynInitialFocusEvent) => any;
+    "syn-request-close": (e: SynRequestCloseEvent) => any;
+    "syn-show": (e: SynShowEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
   * Indicates whether or not the dialog is open.
   * You can toggle this attribute to show and hide the dialog, or you can
@@ -61,14 +61,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   accessible way for users to dismiss the dialog.
    */
     noHeader?: SynDialog["noHeader"];
-}>>> & {
-    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
+}> & Readonly<{
+    "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
     "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
     "onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
-    "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
     "onSyn-initial-focus"?: ((e: SynInitialFocusEvent) => any) | undefined;
     "onSyn-request-close"?: ((e: SynRequestCloseEvent) => any) | undefined;
-}, {}, {}>, {
+    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -77,12 +77,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $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/dist/components/SynVueDivider.vue.d.ts

@@ -1,25 +1,16 @@
 import '@synergy-design-system/components/components/divider/divider.js';
 import type { SynDivider } from '@synergy-design-system/components';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: import("vue").DefineComponent<{
     /**
      * Draws the divider in a vertical orientation.
      */
     vertical?: SynDivider["vertical"];
-}>, {
-    nativeElement: import("vue").Ref<SynDivider | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynDivider | undefined, SynDivider | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /**
      * Draws the divider in a vertical orientation.
      */
     vertical?: SynDivider["vertical"];
-}>>>, {}, {}>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-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/dist/components/SynVueDrawer.vue.d.ts

@@ -12,7 +12,7 @@ export type { SynHideEvent } from '@synergy-design-system/components';
 export type { SynAfterHideEvent } from '@synergy-design-system/components';
 export type { SynInitialFocusEvent } from '@synergy-design-system/components';
 export type { SynRequestCloseEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
   * Indicates whether or not the drawer is open.
   * You can toggle this attribute to show and hide the drawer, or you can
@@ -42,16 +42,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   accessible way for users to dismiss the drawer.
    */
     noHeader?: SynDrawer["noHeader"];
-}>, {
-    nativeElement: import("vue").Ref<SynDrawer | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-show": (e: SynShowEvent) => void;
-    "syn-after-show": (e: SynAfterShowEvent) => void;
-    "syn-hide": (e: SynHideEvent) => void;
-    "syn-after-hide": (e: SynAfterHideEvent) => void;
-    "syn-initial-focus": (e: SynInitialFocusEvent) => void;
-    "syn-request-close": (e: SynRequestCloseEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynDrawer | undefined, SynDrawer | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-after-hide": (e: SynAfterHideEvent) => any;
+    "syn-after-show": (e: SynAfterShowEvent) => any;
+    "syn-hide": (e: SynHideEvent) => any;
+    "syn-initial-focus": (e: SynInitialFocusEvent) => any;
+    "syn-request-close": (e: SynRequestCloseEvent) => any;
+    "syn-show": (e: SynShowEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
   * Indicates whether or not the drawer is open.
   * You can toggle this attribute to show and hide the drawer, or you can
@@ -81,14 +81,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   accessible way for users to dismiss the drawer.
    */
     noHeader?: SynDrawer["noHeader"];
-}>>> & {
-    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
+}> & Readonly<{
+    "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
     "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
     "onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
-    "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
     "onSyn-initial-focus"?: ((e: SynInitialFocusEvent) => any) | undefined;
     "onSyn-request-close"?: ((e: SynRequestCloseEvent) => any) | undefined;
-}, {}, {}>, {
+    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -97,12 +97,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $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/dist/components/SynVueDropdown.vue.d.ts

@@ -8,7 +8,7 @@ export type { SynShowEvent } from '@synergy-design-system/components';
 export type { SynAfterShowEvent } from '@synergy-design-system/components';
 export type { SynHideEvent } from '@synergy-design-system/components';
 export type { SynAfterHideEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
   * Indicates whether or not the dropdown is open.
   * You can toggle this attribute to show and hide the dropdown, or you
@@ -50,14 +50,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Syncs the popup width or height to that of the trigger element.
      */
     sync?: SynDropdown["sync"];
-}>, {
-    nativeElement: import("vue").Ref<SynDropdown | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-show": (e: SynShowEvent) => void;
-    "syn-after-show": (e: SynAfterShowEvent) => void;
-    "syn-hide": (e: SynHideEvent) => void;
-    "syn-after-hide": (e: SynAfterHideEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynDropdown | undefined, SynDropdown | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-after-hide": (e: SynAfterHideEvent) => any;
+    "syn-after-show": (e: SynAfterShowEvent) => any;
+    "syn-hide": (e: SynHideEvent) => any;
+    "syn-show": (e: SynShowEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
   * Indicates whether or not the dropdown is open.
   * You can toggle this attribute to show and hide the dropdown, or you
@@ -99,12 +99,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Syncs the popup width or height to that of the trigger element.
      */
     sync?: SynDropdown["sync"];
-}>>> & {
-    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
+}> & Readonly<{
+    "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
     "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
     "onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
-    "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
-}, {}, {}>, {
+    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -113,12 +113,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $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/dist/components/SynVueFile.vue.d.ts

@@ -10,7 +10,7 @@ export type { SynChangeEvent } from '@synergy-design-system/components';
 export type { SynErrorEvent } from '@synergy-design-system/components';
 export type { SynFocusEvent } from '@synergy-design-system/components';
 export type { SynInputEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
   * The selected files as a FileList object containing a list of File objects.
   The FileList behaves like an array, so you can get the number of selected files
@@ -98,16 +98,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Support for two way data binding
      */
     modelValue?: SynFile["files"];
-}>, {
-    nativeElement: import("vue").Ref<SynFile | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-blur": (e: SynBlurEvent) => void;
-    "syn-focus": (e: SynFocusEvent) => void;
-    "syn-change": (e: SynChangeEvent) => void;
-    "syn-input": (e: SynInputEvent) => void;
-    "update:modelValue": (newValue: FileList | null) => void;
-    "syn-error": (e: SynErrorEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynFile | undefined, SynFile | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-blur": (e: SynBlurEvent) => any;
+    "syn-change": (e: SynChangeEvent) => any;
+    "syn-error": (e: SynErrorEvent) => any;
+    "syn-focus": (e: SynFocusEvent) => any;
+    "syn-input": (e: SynInputEvent) => any;
+    "update:modelValue": (newValue: FileList | null) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
   * The selected files as a FileList object containing a list of File objects.
   The FileList behaves like an array, so you can get the number of selected files
@@ -195,14 +195,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Support for two way data binding
      */
     modelValue?: SynFile["files"];
-}>>> & {
+}> & Readonly<{
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
-    "onSyn-focus"?: ((e: SynFocusEvent) => any) | undefined;
     "onSyn-change"?: ((e: SynChangeEvent) => any) | undefined;
+    "onSyn-error"?: ((e: SynErrorEvent) => any) | undefined;
+    "onSyn-focus"?: ((e: SynFocusEvent) => any) | undefined;
     "onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((newValue: FileList | null) => any) | undefined;
-    "onSyn-error"?: ((e: SynErrorEvent) => any) | undefined;
-}, {}, {}>, {
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -211,12 +211,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $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/dist/components/SynVueHeader.vue.d.ts

@@ -6,7 +6,7 @@ import type { SynHeader } from '@synergy-design-system/components';
 export type { SynBurgerMenuClosedEvent } from '@synergy-design-system/components';
 export type { SynBurgerMenuHiddenEvent } from '@synergy-design-system/components';
 export type { SynBurgerMenuOpenEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
      * The headers label.
      * If you need to display HTML, use the `label` slot instead.
@@ -21,13 +21,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   - closed: The burger menu is visible and shows the open icon
    */
     burgerMenu?: SynHeader["burgerMenu"];
-}>, {
-    nativeElement: import("vue").Ref<SynHeader | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-burger-menu-closed": (e: SynBurgerMenuClosedEvent) => void;
-    "syn-burger-menu-hidden": (e: SynBurgerMenuHiddenEvent) => void;
-    "syn-burger-menu-open": (e: SynBurgerMenuOpenEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynHeader | undefined, SynHeader | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-burger-menu-closed": (e: SynBurgerMenuClosedEvent) => any;
+    "syn-burger-menu-hidden": (e: SynBurgerMenuHiddenEvent) => any;
+    "syn-burger-menu-open": (e: SynBurgerMenuOpenEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
      * The headers label.
      * If you need to display HTML, use the `label` slot instead.
@@ -42,11 +42,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   - closed: The burger menu is visible and shows the open icon
    */
     burgerMenu?: SynHeader["burgerMenu"];
-}>>> & {
+}> & Readonly<{
     "onSyn-burger-menu-closed"?: ((e: SynBurgerMenuClosedEvent) => any) | undefined;
     "onSyn-burger-menu-hidden"?: ((e: SynBurgerMenuHiddenEvent) => any) | undefined;
     "onSyn-burger-menu-open"?: ((e: SynBurgerMenuOpenEvent) => any) | undefined;
-}, {}, {}>, {
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -55,12 +55,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $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/dist/components/SynVueIcon.vue.d.ts

@@ -4,7 +4,7 @@ import type { SynErrorEvent } from '@synergy-design-system/components';
 import type { SynIcon } from '@synergy-design-system/components';
 export type { SynLoadEvent } from '@synergy-design-system/components';
 export type { SynErrorEvent } from '@synergy-design-system/components';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: import("vue").DefineComponent<{
     /**
      * The name of the icon to draw.
      * Available names depend on the icon library being used.
@@ -26,12 +26,12 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
      * The name of a registered custom icon library.
      */
     library?: SynIcon["library"];
-}>, {
-    nativeElement: import("vue").Ref<SynIcon | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-error": (e: SynErrorEvent) => void;
-    "syn-load": (e: SynLoadEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynIcon | undefined, SynIcon | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-error": (e: SynErrorEvent) => any;
+    "syn-load": (e: SynLoadEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
      * The name of the icon to draw.
      * Available names depend on the icon library being used.
@@ -53,17 +53,8 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
      * The name of a registered custom icon library.
      */
     library?: SynIcon["library"];
-}>>> & {
+}> & Readonly<{
     "onSyn-error"?: ((e: SynErrorEvent) => any) | undefined;
     "onSyn-load"?: ((e: SynLoadEvent) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-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/dist/components/SynVueIconButton.vue.d.ts

@@ -4,7 +4,7 @@ import type { SynFocusEvent } from '@synergy-design-system/components';
 import type { SynIconButton } from '@synergy-design-system/components';
 export type { SynBlurEvent } from '@synergy-design-system/components';
 export type { SynFocusEvent } from '@synergy-design-system/components';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: import("vue").DefineComponent<{
     /**
      * The name of the icon to draw.
      * Available names depend on the icon library being used.
@@ -53,12 +53,12 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
      * Disables the button.
      */
     disabled?: SynIconButton["disabled"];
-}>, {
-    nativeElement: import("vue").Ref<SynIconButton | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-blur": (e: SynBlurEvent) => void;
-    "syn-focus": (e: SynFocusEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynIconButton | undefined, SynIconButton | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-blur": (e: SynBlurEvent) => any;
+    "syn-focus": (e: SynFocusEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
      * The name of the icon to draw.
      * Available names depend on the icon library being used.
@@ -107,17 +107,8 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
      * Disables the button.
      */
     disabled?: SynIconButton["disabled"];
-}>>> & {
+}> & Readonly<{
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
     "onSyn-focus"?: ((e: SynFocusEvent) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-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/dist/components/SynVueInput.vue.d.ts

@@ -12,7 +12,7 @@ export type { SynClearEvent } from '@synergy-design-system/components';
 export type { SynFocusEvent } from '@synergy-design-system/components';
 export type { SynInputEvent } from '@synergy-design-system/components';
 export type { SynInvalidEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     title?: SynInput["title"];
     /**
   * The type of input.
@@ -148,17 +148,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Support for two way data binding
      */
     modelValue?: SynInput["value"];
-}>, {
-    nativeElement: import("vue").Ref<SynInput | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-blur": (e: SynBlurEvent) => void;
-    "syn-focus": (e: SynFocusEvent) => void;
-    "syn-invalid": (e: SynInvalidEvent) => void;
-    "syn-change": (e: SynChangeEvent) => void;
-    "syn-input": (e: SynInputEvent) => void;
-    "update:modelValue": (newValue: string) => void;
-    "syn-clear": (e: SynClearEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynInput | undefined, SynInput | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-blur": (e: SynBlurEvent) => any;
+    "syn-change": (e: SynChangeEvent) => any;
+    "syn-clear": (e: SynClearEvent) => any;
+    "syn-focus": (e: SynFocusEvent) => any;
+    "syn-input": (e: SynInputEvent) => any;
+    "syn-invalid": (e: SynInvalidEvent) => any;
+    "update:modelValue": (newValue: string) => any;
+}, string, import("vue").PublicProps, Readonly<{
     title?: SynInput["title"];
     /**
   * The type of input.
@@ -294,15 +294,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Support for two way data binding
      */
     modelValue?: SynInput["value"];
-}>>> & {
+}> & Readonly<{
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
-    "onSyn-focus"?: ((e: SynFocusEvent) => any) | undefined;
-    "onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;
     "onSyn-change"?: ((e: SynChangeEvent) => any) | undefined;
+    "onSyn-clear"?: ((e: SynClearEvent) => any) | undefined;
+    "onSyn-focus"?: ((e: SynFocusEvent) => any) | undefined;
     "onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
+    "onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((newValue: string) => any) | undefined;
-    "onSyn-clear"?: ((e: SynClearEvent) => any) | undefined;
-}, {}, {}>, {
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -311,12 +311,3 @@ type __VLS_WithTemplateSlots<T, S> = T & {
         $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/dist/components/SynVueMenu.vue.d.ts

@@ -3,12 +3,12 @@ import type { SynSelectEvent } from '@synergy-design-system/components';
 import type { SynMenu } from '@synergy-design-system/components';
 export type { SynSelectEvent } from '@synergy-design-system/components';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {
-    nativeElement: import("vue").Ref<SynMenu | undefined>;
+    nativeElement: import("vue").Ref<SynMenu | undefined, SynMenu | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-select": (e: SynSelectEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
+    "syn-select": (e: SynSelectEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
     "onSyn-select"?: ((e: SynSelectEvent) => any) | undefined;
-}, {}, {}>, {
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;