@synergy-design-system/vue 2.10.2 → 2.11.1

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

@@ -12,7 +12,7 @@ export type { SynFocusEvent } from '@synergy-design-system/components';
 export type { SynInputEvent } from '@synergy-design-system/components';
 export type { SynInvalidEvent } from '@synergy-design-system/components';
 export type { SynMoveEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
      * The name of the range, submitted as a name/value pair with form data.
      */
@@ -67,17 +67,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Support for two way data binding
      */
     modelValue?: SynRange["value"];
-}>, {
-    nativeElement: import("vue").Ref<SynRange | 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 | null) => void;
-    "syn-move": (e: SynMoveEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynRange | undefined, SynRange | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-blur": (e: SynBlurEvent) => any;
+    "syn-change": (e: SynChangeEvent) => any;
+    "syn-focus": (e: SynFocusEvent) => any;
+    "syn-input": (e: SynInputEvent) => any;
+    "syn-invalid": (e: SynInvalidEvent) => any;
+    "syn-move": (e: SynMoveEvent) => any;
+    "update:modelValue": (newValue: string | null) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
      * The name of the range, submitted as a name/value pair with form data.
      */
@@ -132,15 +132,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Support for two way data binding
      */
     modelValue?: SynRange["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-focus"?: ((e: SynFocusEvent) => any) | undefined;
     "onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
-    "onUpdate:modelValue"?: ((newValue: string | null) => any) | undefined;
+    "onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;
     "onSyn-move"?: ((e: SynMoveEvent) => any) | undefined;
-}, {}, {}>, {
+    "onUpdate:modelValue"?: ((newValue: string | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -149,12 +149,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/SynVueRangeTick.vue.d.ts

@@ -1,34 +1,32 @@
 import '@synergy-design-system/components/components/range-tick/range-tick.js';
 import type { SynRangeTick } 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<{
     /**
      * Whether the tick should be shown as a subdivision.
      */
     subdivision?: SynRangeTick["subdivision"];
-}>, {
-    nativeElement: import("vue").Ref<SynRangeTick | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynRangeTick | undefined, SynRangeTick | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /**
      * Whether the tick should be shown as a subdivision.
      */
     subdivision?: SynRangeTick["subdivision"];
-}>>>, {}, {}>;
-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/SynVueSelect.vue.d.ts

@@ -20,7 +20,7 @@ export type { SynAfterShowEvent } from '@synergy-design-system/components';
 export type { SynHideEvent } from '@synergy-design-system/components';
 export type { SynAfterHideEvent } 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 name of the select, submitted as a name/value pair with form data.
      */
@@ -112,21 +112,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Support for two way data binding
      */
     modelValue?: SynSelect["value"];
-}>, {
-    nativeElement: import("vue").Ref<SynSelect | 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-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 | string[]) => void;
-    "syn-clear": (e: SynClearEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynSelect | undefined, SynSelect | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-after-hide": (e: SynAfterHideEvent) => any;
+    "syn-after-show": (e: SynAfterShowEvent) => any;
+    "syn-blur": (e: SynBlurEvent) => any;
+    "syn-change": (e: SynChangeEvent) => any;
+    "syn-clear": (e: SynClearEvent) => any;
+    "syn-focus": (e: SynFocusEvent) => any;
+    "syn-hide": (e: SynHideEvent) => any;
+    "syn-input": (e: SynInputEvent) => any;
+    "syn-invalid": (e: SynInvalidEvent) => any;
+    "syn-show": (e: SynShowEvent) => any;
+    "update:modelValue": (newValue: string | string[]) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
      * The name of the select, submitted as a name/value pair with form data.
      */
@@ -218,19 +218,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Support for two way data binding
      */
     modelValue?: SynSelect["value"];
-}>>> & {
-    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
-    "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
-    "onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
+}> & Readonly<{
     "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
+    "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
     "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-hide"?: ((e: SynHideEvent) => any) | undefined;
     "onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
+    "onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;
+    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((newValue: string | string[]) => any) | undefined;
-    "onSyn-clear"?: ((e: SynClearEvent) => any) | undefined;
-}, {}, {}>, {
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -239,12 +239,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/SynVueSideNav.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 side-nav is open.
   You can toggle this attribute to show and hide the side-nav, or you can use the `show()` and
@@ -40,14 +40,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   To disable the focus trapping, set this attribute.
    */
     noFocusTrapping?: SynSideNav["noFocusTrapping"];
-}>, {
-    nativeElement: import("vue").Ref<SynSideNav | 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<SynSideNav | undefined, SynSideNav | 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 side-nav is open.
   You can toggle this attribute to show and hide the side-nav, or you can use the `show()` and
@@ -79,12 +79,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   To disable the focus trapping, set this attribute.
    */
     noFocusTrapping?: SynSideNav["noFocusTrapping"];
-}>>> & {
-    "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;
@@ -93,12 +93,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/SynVueSpinner.vue.d.ts

@@ -1,6 +1,6 @@
 import '@synergy-design-system/components/components/spinner/spinner.js';
 import type { SynSpinner } from '@synergy-design-system/components';
 declare const _default: import("vue").DefineComponent<{}, {
-    nativeElement: import("vue").Ref<SynSpinner | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+    nativeElement: import("vue").Ref<SynSpinner | undefined, SynSpinner | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -10,7 +10,7 @@ export type { SynChangeEvent } from '@synergy-design-system/components';
 export type { SynInputEvent } from '@synergy-design-system/components';
 export type { SynFocusEvent } 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?: SynSwitch["title"];
     /**
      * The name of the switch, submitted as a name/value pair with form data.
@@ -53,16 +53,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Support for two way data binding
      */
     modelValue?: SynSwitch["checked"];
-}>, {
-    nativeElement: import("vue").Ref<SynSwitch | 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: boolean) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynSwitch | undefined, SynSwitch | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-blur": (e: SynBlurEvent) => any;
+    "syn-change": (e: SynChangeEvent) => any;
+    "syn-focus": (e: SynFocusEvent) => any;
+    "syn-input": (e: SynInputEvent) => any;
+    "syn-invalid": (e: SynInvalidEvent) => any;
+    "update:modelValue": (newValue: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<{
     title?: SynSwitch["title"];
     /**
      * The name of the switch, submitted as a name/value pair with form data.
@@ -105,14 +105,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Support for two way data binding
      */
     modelValue?: SynSwitch["checked"];
-}>>> & {
+}> & 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-focus"?: ((e: SynFocusEvent) => any) | undefined;
     "onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
+    "onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((newValue: boolean) => any) | undefined;
-}, {}, {}>, {
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -121,12 +121,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/SynVueTab.vue.d.ts

@@ -2,7 +2,7 @@ import '@synergy-design-system/components/components/tab/tab.js';
 import type { SynCloseEvent } from '@synergy-design-system/components';
 import type { SynTab } from '@synergy-design-system/components';
 export type { SynCloseEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
      * The name of the tab panel this tab is associated with.
      * The panel must be located in the same tab group.
@@ -20,11 +20,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Disables the tab and prevents selection.
      */
     disabled?: SynTab["disabled"];
-}>, {
-    nativeElement: import("vue").Ref<SynTab | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-close": (e: SynCloseEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynTab | undefined, SynTab | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-close": (e: SynCloseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
      * The name of the tab panel this tab is associated with.
      * The panel must be located in the same tab group.
@@ -42,9 +42,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Disables the tab and prevents selection.
      */
     disabled?: SynTab["disabled"];
-}>>> & {
+}> & Readonly<{
     "onSyn-close"?: ((e: SynCloseEvent) => 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/SynVueTabGroup.vue.d.ts

@@ -4,7 +4,7 @@ import type { SynTabHideEvent } from '@synergy-design-system/components';
 import type { SynTabGroup } from '@synergy-design-system/components';
 export type { SynTabShowEvent } from '@synergy-design-system/components';
 export type { SynTabHideEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
      * The placement of the tabs.
      */
@@ -28,12 +28,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Takes only effect if used with the 'contained' property
      */
     sharp?: SynTabGroup["sharp"];
-}>, {
-    nativeElement: import("vue").Ref<SynTabGroup | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-tab-show": (e: SynTabShowEvent) => void;
-    "syn-tab-hide": (e: SynTabHideEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    /**
+     * Prevent scroll buttons from being hidden when inactive.
+     */
+    fixedScrollControls?: SynTabGroup["fixedScrollControls"];
+}, {
+    nativeElement: import("vue").Ref<SynTabGroup | undefined, SynTabGroup | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-tab-hide": (e: SynTabHideEvent) => any;
+    "syn-tab-show": (e: SynTabShowEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
      * The placement of the tabs.
      */
@@ -57,10 +61,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Takes only effect if used with the 'contained' property
      */
     sharp?: SynTabGroup["sharp"];
-}>>> & {
-    "onSyn-tab-show"?: ((e: SynTabShowEvent) => any) | undefined;
+    /**
+     * Prevent scroll buttons from being hidden when inactive.
+     */
+    fixedScrollControls?: SynTabGroup["fixedScrollControls"];
+}> & Readonly<{
     "onSyn-tab-hide"?: ((e: SynTabHideEvent) => any) | undefined;
-}, {}, {}>, {
+    "onSyn-tab-show"?: ((e: SynTabShowEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -69,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/SynVueTabPanel.vue.d.ts

@@ -1,9 +1,16 @@
 import '@synergy-design-system/components/components/tab-panel/tab-panel.js';
 import type { SynTabPanel } 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 tab panel's name.
      */
@@ -12,9 +19,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
      * When true, the tab panel will be shown.
      */
     active?: SynTabPanel["active"];
-}>, {
-    nativeElement: import("vue").Ref<SynTabPanel | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynTabPanel | undefined, SynTabPanel | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
     /**
      * The tab panel's name.
      */
@@ -23,20 +30,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_TypePropsToOp
      * When true, the tab panel will be shown.
      */
     active?: SynTabPanel["active"];
-}>>>, {}, {}>;
-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/SynVueTag.vue.d.ts

@@ -2,7 +2,7 @@ import '@synergy-design-system/components/components/tag/tag.js';
 import type { SynRemoveEvent } from '@synergy-design-system/components';
 import type { SynTag } from '@synergy-design-system/components';
 export type { SynRemoveEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     /**
      * The tag's size.
      */
@@ -11,11 +11,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Makes the tag removable and shows a remove button.
      */
     removable?: SynTag["removable"];
-}>, {
-    nativeElement: import("vue").Ref<SynTag | undefined>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-remove": (e: SynRemoveEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynTag | undefined, SynTag | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-remove": (e: SynRemoveEvent) => any;
+}, string, import("vue").PublicProps, Readonly<{
     /**
      * The tag's size.
      */
@@ -24,9 +24,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Makes the tag removable and shows a remove button.
      */
     removable?: SynTag["removable"];
-}>>> & {
+}> & Readonly<{
     "onSyn-remove"?: ((e: SynRemoveEvent) => any) | undefined;
-}, {}, {}>, {
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;
@@ -35,12 +35,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/SynVueTextarea.vue.d.ts

@@ -10,7 +10,7 @@ export type { SynChangeEvent } 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?: SynTextarea["title"];
     /**
      * The name of the textarea, submitted as a name/value pair with form data.
@@ -109,16 +109,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Support for two way data binding
      */
     modelValue?: SynTextarea["value"];
-}>, {
-    nativeElement: import("vue").Ref<SynTextarea | 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;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+}, {
+    nativeElement: import("vue").Ref<SynTextarea | undefined, SynTextarea | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "syn-blur": (e: SynBlurEvent) => any;
+    "syn-change": (e: SynChangeEvent) => 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?: SynTextarea["title"];
     /**
      * The name of the textarea, submitted as a name/value pair with form data.
@@ -217,14 +217,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
      * Support for two way data binding
      */
     modelValue?: SynTextarea["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-focus"?: ((e: SynFocusEvent) => 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;
@@ -233,12 +233,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;
-    };
-};