@synergy-design-system/vue 2.10.2 → 2.11.1

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

@@ -1,9 +1,16 @@
 import '@synergy-design-system/components/components/menu-item/menu-item.js';
 import type { SynMenuItem } from '@synergy-design-system/components';
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        nativeElement: unknown;
+    };
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{
     /**
      * The type of menu item to render.
      * To use `checked`, this value must be set to `checkbox`.
@@ -26,9 +33,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
      * Draws the menu item in a disabled state, preventing selection.
      */
     disabled?: SynMenuItem["disabled"];
-}>, {
-    nativeElement: import("vue").Ref<SynMenuItem | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynMenuItem | undefined, SynMenuItem | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /**
      * The type of menu item to render.
      * To use `checked`, this value must be set to `checkbox`.
@@ -51,20 +58,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
      * Draws the menu item in a disabled state, preventing selection.
      */
     disabled?: SynMenuItem["disabled"];
-}>>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 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/dist/components/SynVueMenuLabel.vue.d.ts

@@ -1,12 +1,19 @@
 import '@synergy-design-system/components/components/menu-label/menu-label.js';
 import type { SynMenuLabel } from '@synergy-design-system/components';
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        nativeElement: unknown;
+    };
+    attrs: Partial<{}>;
 };
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{}, {
-    nativeElement: import("vue").Ref<SynMenuLabel | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+    nativeElement: import("vue").Ref<SynMenuLabel | undefined, SynMenuLabel | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -8,7 +8,7 @@ export type { SynShowEvent } from '@synergy-design-system/components';
 export type { SynHideEvent } from '@synergy-design-system/components';
 export type { SynBlurEvent } from '@synergy-design-system/components';
 export type { SynFocusEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
   * The navigation item's href target.
   If provided, the navigation item will use an anchor tag otherwise it will use a button tag.
@@ -41,14 +41,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   Only available when horizontal is false.
    */
     divider?: SynNavItem["divider"];
-}>, {
-    nativeElement: import("vue").Ref<SynNavItem | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-show": (e: SynShowEvent) => void;
-    "syn-hide": (e: SynHideEvent) => void;
-    "syn-blur": (e: SynBlurEvent) => void;
-    "syn-focus": (e: SynFocusEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynNavItem | undefined, SynNavItem | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-blur": (e: SynBlurEvent) => any;
+    "syn-focus": (e: SynFocusEvent) => any;
+    "syn-hide": (e: SynHideEvent) => any;
+    "syn-show": (e: SynShowEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
   * The navigation item's href target.
   If provided, the navigation item will use an anchor tag otherwise it will use a button tag.
@@ -81,12 +81,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   Only available when horizontal is false.
    */
     divider?: SynNavItem["divider"];
-}>>> & {
-    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
-    "onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
+}> & Readonly<{
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
     "onSyn-focus"?: ((e: SynFocusEvent) => any) | undefined;
-}, {}, {}>, {
+    "onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
+    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -95,12 +95,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/SynVueOptgroup.vue.d.ts

@@ -1,9 +1,16 @@
 import '@synergy-design-system/components/components/optgroup/optgroup.js';
 import type { SynOptgroup } from '@synergy-design-system/components';
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        nativeElement: unknown;
+    };
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{
     /**
      * Disables all options in the optgroup.
      */
@@ -13,9 +20,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
      * If you need to display HTML, use the `label` slot instead.
      */
     label?: SynOptgroup["label"];
-}>, {
-    nativeElement: import("vue").Ref<SynOptgroup | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynOptgroup | undefined, SynOptgroup | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /**
      * Disables all options in the optgroup.
      */
@@ -25,20 +32,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
      * If you need to display HTML, use the `label` slot instead.
      */
     label?: SynOptgroup["label"];
-}>>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 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/dist/components/SynVueOption.vue.d.ts

@@ -1,9 +1,16 @@
 import '@synergy-design-system/components/components/option/option.js';
 import type { SynOption } from '@synergy-design-system/components';
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        nativeElement: unknown;
+    };
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{
     /**
   * The option's value.
   * When selected, the containing form control will receive this value.
@@ -17,9 +24,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
      * Draws the option in a disabled state, preventing selection.
      */
     disabled?: SynOption["disabled"];
-}>, {
-    nativeElement: import("vue").Ref<SynOption | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynOption | undefined, SynOption | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /**
   * The option's value.
   * When selected, the containing form control will receive this value.
@@ -33,20 +40,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
      * Draws the option in a disabled state, preventing selection.
      */
     disabled?: SynOption["disabled"];
-}>>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 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/dist/components/SynVuePopup.vue.d.ts

@@ -2,7 +2,7 @@ import '@synergy-design-system/components/components/popup/popup.js';
 import type { SynRepositionEvent } from '@synergy-design-system/components';
 import type { SynPopup } from '@synergy-design-system/components';
 export type { SynRepositionEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
   * The element the popup will be anchored to.
   * If the anchor lives outside of the popup, you can provide the anchor
@@ -137,11 +137,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   active.
    */
     hoverBridge?: SynPopup["hoverBridge"];
-}>, {
-    nativeElement: import("vue").Ref<SynPopup | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-reposition": (e: SynRepositionEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynPopup | undefined, SynPopup | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-reposition": (e: SynRepositionEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
   * The element the popup will be anchored to.
   * If the anchor lives outside of the popup, you can provide the anchor
@@ -276,9 +276,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   active.
    */
     hoverBridge?: SynPopup["hoverBridge"];
-}>>> & {
+}> & Readonly<{
     "onSyn-reposition"?: ((e: SynRepositionEvent) => any) | undefined;
-}, {}, {}>, {
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -287,12 +287,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/SynVuePrioNav.vue.d.ts

@@ -1,12 +1,19 @@
 import '@synergy-design-system/components/components/prio-nav/prio-nav.js';
 import type { SynPrioNav } from '@synergy-design-system/components';
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        nativeElement: unknown;
+    };
+    attrs: Partial<{}>;
 };
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{}, {
-    nativeElement: import("vue").Ref<SynPrioNav | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+    nativeElement: import("vue").Ref<SynPrioNav | undefined, SynPrioNav | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {
     new (): {

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

@@ -1,9 +1,16 @@
 import '@synergy-design-system/components/components/progress-bar/progress-bar.js';
 import type { SynProgressBar } from '@synergy-design-system/components';
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        nativeElement: unknown;
+    };
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{
     /**
      * The current progress as a percentage, 0 to 100.
      */
@@ -16,9 +23,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
      * A custom label for assistive devices.
      */
     label?: SynProgressBar["label"];
-}>, {
-    nativeElement: import("vue").Ref<SynProgressBar | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynProgressBar | undefined, SynProgressBar | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /**
      * The current progress as a percentage, 0 to 100.
      */
@@ -31,20 +38,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
      * A custom label for assistive devices.
      */
     label?: SynProgressBar["label"];
-}>>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 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/dist/components/SynVueProgressRing.vue.d.ts

@@ -1,9 +1,16 @@
 import '@synergy-design-system/components/components/progress-ring/progress-ring.js';
 import type { SynProgressRing } from '@synergy-design-system/components';
 declare function __VLS_template(): {
-    default?(_: {}): any;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        nativeElement: unknown;
+    };
+    attrs: Partial<{}>;
 };
-declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<{
     /**
      * The current progress as a percentage, 0 to 100.
      */
@@ -12,9 +19,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
      * A custom label for assistive devices.
      */
     label?: SynProgressRing["label"];
-}>, {
-    nativeElement: import("vue").Ref<SynProgressRing | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynProgressRing | undefined, SynProgressRing | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /**
      * The current progress as a percentage, 0 to 100.
      */
@@ -23,20 +30,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
      * A custom label for assistive devices.
      */
     label?: SynProgressRing["label"];
-}>>>, {}, {}>;
-declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 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/dist/components/SynVueRadio.vue.d.ts

@@ -4,7 +4,7 @@ import type { SynFocusEvent } from '@synergy-design-system/components';
 import type { SynRadio } from '@synergy-design-system/components';
 export type { SynBlurEvent } from '@synergy-design-system/components';
 export type { SynFocusEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
      * The radio's value.
      * When selected, the radio group will receive this value.
@@ -20,12 +20,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Disables the radio.
      */
     disabled?: SynRadio["disabled"];
-}>, {
-    nativeElement: import("vue").Ref<SynRadio | 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<SynRadio | undefined, SynRadio | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-blur": (e: SynBlurEvent) => any;
+    "syn-focus": (e: SynFocusEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
      * The radio's value.
      * When selected, the radio group will receive this value.
@@ -41,10 +41,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Disables the radio.
      */
     disabled?: SynRadio["disabled"];
-}>>> & {
+}> & Readonly<{
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
     "onSyn-focus"?: ((e: SynFocusEvent) => any) | undefined;
-}, {}, {}>, {
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -53,12 +53,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/SynVueRadioButton.vue.d.ts

@@ -4,7 +4,7 @@ import type { SynFocusEvent } from '@synergy-design-system/components';
 import type { SynRadioButton } from '@synergy-design-system/components';
 export type { SynBlurEvent } from '@synergy-design-system/components';
 export type { SynFocusEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
      * The radio's value.
      * When selected, the radio group will receive this value.
@@ -24,12 +24,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Draws a pill-style radio button with rounded edges.
      */
     pill?: SynRadioButton["pill"];
-}>, {
-    nativeElement: import("vue").Ref<SynRadioButton | 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<SynRadioButton | undefined, SynRadioButton | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-blur": (e: SynBlurEvent) => any;
+    "syn-focus": (e: SynFocusEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
      * The radio's value.
      * When selected, the radio group will receive this value.
@@ -49,10 +49,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Draws a pill-style radio button with rounded edges.
      */
     pill?: SynRadioButton["pill"];
-}>>> & {
+}> & Readonly<{
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
     "onSyn-focus"?: ((e: SynFocusEvent) => any) | undefined;
-}, {}, {}>, {
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -61,12 +61,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/SynVueRadioGroup.vue.d.ts

@@ -6,7 +6,7 @@ import type { SynRadioGroup } from '@synergy-design-system/components';
 export type { SynChangeEvent } 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<{
     /**
   * The radio group's label.
   * Required for proper accessibility.
@@ -48,14 +48,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Support for two way data binding
      */
     modelValue?: SynRadioGroup["value"];
-}>, {
-    nativeElement: import("vue").Ref<SynRadioGroup | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-invalid": (e: SynInvalidEvent) => void;
-    "syn-change": (e: SynChangeEvent) => void;
-    "syn-input": (e: SynInputEvent) => void;
-    "update:modelValue": (newValue: string) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynRadioGroup | undefined, SynRadioGroup | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-change": (e: SynChangeEvent) => any;
+    "syn-input": (e: SynInputEvent) => any;
+    "syn-invalid": (e: SynInvalidEvent) => any;
+    "update:modelValue": (newValue: string) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
   * The radio group's label.
   * Required for proper accessibility.
@@ -97,12 +97,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Support for two way data binding
      */
     modelValue?: SynRadioGroup["value"];
-}>>> & {
-    "onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;
+}> & Readonly<{
     "onSyn-change"?: ((e: SynChangeEvent) => any) | undefined;
     "onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
+    "onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((newValue: string) => any) | undefined;
-}, {}, {}>, {
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -111,12 +111,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;
-    };
-};