@synergy-design-system/vue 1.17.0 → 1.17.2

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

@@ -1,10 +1,10 @@
 import '@synergy-design-system/components/components/badge/badge.js';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * The badge's theme variant.
    */
     variant?: "primary" | "success" | "neutral" | "warning" | "danger" | undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * The badge's theme variant.
    */
@@ -13,8 +13,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     default?(_: {}): any;
 }>;
 export default _default;
+
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -22,8 +28,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -3,12 +3,12 @@ import type { SynBlurEvent, SynButton, SynFocusEvent, SynInvalidEvent } from '@s
 export type { SynBlurEvent } 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_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     title?: string | undefined;
     /**
   * The button's theme variant.
    */
-    variant?: "filled" | "outline" | "text" | undefined;
+    variant?: "text" | "filled" | "outline" | undefined;
     /**
   * The button's size.
    */
@@ -108,12 +108,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "syn-blur": (e: SynBlurEvent) => void;
     "syn-focus": (e: SynFocusEvent) => void;
     "syn-invalid": (e: SynInvalidEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     title?: string | undefined;
     /**
   * The button's theme variant.
    */
-    variant?: "filled" | "outline" | "text" | undefined;
+    variant?: "text" | "filled" | "outline" | undefined;
     /**
   * The button's size.
    */
@@ -210,8 +210,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     suffix?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -219,8 +224,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,12 +1,12 @@
 import '@synergy-design-system/components/components/button-group/button-group.js';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * A label to use for the button group.
   * This won't be displayed on the screen, but it will be announced by assistive
   devices when interacting with the control and is strongly recommended.
    */
     label?: string | undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * A label to use for the button group.
   * This won't be displayed on the screen, but it will be announced by assistive
@@ -17,8 +17,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -26,8 +31,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -5,7 +5,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_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     title?: string | undefined;
     /**
   * The name of the checkbox, submitted as a name/value pair with form data.
@@ -71,7 +71,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "syn-change": (e: SynChangeEvent) => void;
     "syn-input": (e: SynInputEvent) => void;
     "update:modelValue": (newValue: boolean) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     title?: string | undefined;
     /**
   * The name of the checkbox, submitted as a name/value pair with form data.
@@ -132,8 +132,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "help-text"?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -141,8 +146,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,12 +1,12 @@
 import '@synergy-design-system/components/components/divider/divider.js';
-declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * Draws the divider in a vertical orientation.
    */
     vertical?: boolean | undefined;
 }>, {
     callHandleVerticalChange: () => void | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * Draws the divider in a vertical orientation.
    */
@@ -14,7 +14,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
 }>>>, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {

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

@@ -6,7 +6,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_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * Indicates whether or not the drawer is open.
   * You can toggle this attribute to show and hide the drawer, or you can
@@ -48,7 +48,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "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_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * Indicates whether or not the drawer is open.
   * You can toggle this attribute to show and hide the drawer, or you can
@@ -92,8 +92,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     footer?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -101,8 +106,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -4,7 +4,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_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * Indicates whether or not the dropdown is open.
   * You can toggle this attribute to show and hide the dropdown, or you
@@ -65,7 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "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_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * Indicates whether or not the dropdown is open.
   * You can toggle this attribute to show and hide the dropdown, or you
@@ -117,8 +117,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     trigger?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -126,8 +131,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -2,7 +2,7 @@ import '@synergy-design-system/components/components/header/header.js';
 import type { SynBurgerMenuHideEvent, SynBurgerMenuShowEvent } from '@synergy-design-system/components';
 export type { SynBurgerMenuShowEvent } from '@synergy-design-system/components';
 export type { SynBurgerMenuHideEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * The headers label.
   * If you need to display HTML, use the `default` slot instead.
@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-burger-menu-show": (e: SynBurgerMenuShowEvent) => void;
     "syn-burger-menu-hide": (e: SynBurgerMenuHideEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * The headers label.
   * If you need to display HTML, use the `default` slot instead.
@@ -50,8 +50,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "hide-burger-menu"?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -59,8 +64,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -2,7 +2,7 @@ import '@synergy-design-system/components/components/icon/icon.js';
 import type { SynErrorEvent, SynIcon, SynLoadEvent } 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_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * The name of the icon to draw.
   * Available names depend on the icon library being used.
@@ -30,7 +30,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-load": (e: SynLoadEvent) => void;
     "syn-error": (e: SynErrorEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * The name of the icon to draw.
   * Available names depend on the icon library being used.
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
 }, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {

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

@@ -2,7 +2,7 @@ import '@synergy-design-system/components/components/icon-button/icon-button.js'
 import type { SynBlurEvent, SynFocusEvent, 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_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * The name of the icon to draw.
   * Available names depend on the icon library being used.
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
 }, 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_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * The name of the icon to draw.
   * Available names depend on the icon library being used.
@@ -113,7 +113,7 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimePr
 }, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {

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

@@ -6,7 +6,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_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     title?: string | undefined;
     /**
   * The type of input.
@@ -14,7 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * Defaults
   to `text`.
    */
-    type?: "number" | "text" | "date" | "datetime-local" | "email" | "password" | "search" | "tel" | "time" | "url" | undefined;
+    type?: "number" | "search" | "time" | "text" | "date" | "datetime-local" | "email" | "password" | "tel" | "url" | undefined;
     /**
   * The name of the input, submitted as a name/value pair with form data.
    */
@@ -137,7 +137,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
   keyboard on supportive devices.
    */
-    inputmode?: "text" | "email" | "search" | "tel" | "url" | "none" | "decimal" | "numeric" | undefined;
+    inputmode?: "search" | "text" | "email" | "tel" | "url" | "none" | "decimal" | "numeric" | undefined;
     /**
   * Support for two way data binding
    */
@@ -150,7 +150,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     callBlur: () => void | undefined;
     callSelect: () => void | undefined;
     callSetSelectionRange: (selectionStart: number, selectionEnd: number, selectionDirection?: "none" | "forward" | "backward" | undefined) => void | undefined;
-    callSetRangeText: (replacement: string, start?: number | undefined, end?: number | undefined, selectMode?: "end" | "start" | "select" | "preserve" | undefined) => void | undefined;
+    callSetRangeText: (replacement: string, start?: number | undefined, end?: number | undefined, selectMode?: "select" | "end" | "start" | "preserve" | undefined) => void | undefined;
     callShowPicker: () => void | undefined;
     callStepUp: () => void | undefined;
     callStepDown: () => void | undefined;
@@ -166,7 +166,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "syn-input": (e: SynInputEvent) => void;
     "update:modelValue": (newValue: string) => void;
     "syn-clear": (e: SynClearEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     title?: string | undefined;
     /**
   * The type of input.
@@ -174,7 +174,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * Defaults
   to `text`.
    */
-    type?: "number" | "text" | "date" | "datetime-local" | "email" | "password" | "search" | "tel" | "time" | "url" | undefined;
+    type?: "number" | "search" | "time" | "text" | "date" | "datetime-local" | "email" | "password" | "tel" | "url" | undefined;
     /**
   * The name of the input, submitted as a name/value pair with form data.
    */
@@ -297,7 +297,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
   keyboard on supportive devices.
    */
-    inputmode?: "text" | "email" | "search" | "tel" | "url" | "none" | "decimal" | "numeric" | undefined;
+    inputmode?: "search" | "text" | "email" | "tel" | "url" | "none" | "decimal" | "numeric" | undefined;
     /**
   * Support for two way data binding
    */
@@ -322,8 +322,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "decrement-number-stepper"?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -331,8 +336,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,5 +1,5 @@
 import '@synergy-design-system/components/components/menu-item/menu-item.js';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * The type of menu item to render.
   * To use `checked`, this value must be set to `checkbox`.
@@ -28,7 +28,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     callHandleTypeChange: () => void | undefined;
     callGetTextLabel: () => string | undefined;
     callIsSubmenu: () => boolean | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * The type of menu item to render.
   * To use `checked`, this value must be set to `checkbox`.
@@ -58,8 +58,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     submenu?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -67,8 +72,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -4,7 +4,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_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * The navigation item's href target.
   If provided, the navigation item will use an anchor tag otherwise it will use a button tag.
@@ -47,7 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "syn-focus": (e: SynFocusEvent) => void;
     "syn-show": (e: SynShowEvent) => void;
     "syn-hide": (e: SynHideEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * The navigation item's href target.
   If provided, the navigation item will use an anchor tag otherwise it will use a button tag.
@@ -92,8 +92,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     children?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -101,8 +106,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,5 +1,5 @@
 import '@synergy-design-system/components/components/optgroup/optgroup.js';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * Disables all options in the optgroup.
    */
@@ -11,7 +11,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     label?: string | undefined;
 }>, {
     callHandleDisabledChange: () => void | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * Disables all options in the optgroup.
    */
@@ -28,8 +28,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     suffix?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -37,8 +42,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,5 +1,5 @@
 import '@synergy-design-system/components/components/option/option.js';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * The option's value.
   * When selected, the containing form control will receive this value.
@@ -18,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     callHandleSelectedChange: () => void | undefined;
     callHandleValueChange: () => void | undefined;
     callGetTextLabel: () => string | undefined;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * The option's value.
   * When selected, the containing form control will receive this value.
@@ -38,8 +38,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     suffix?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -47,8 +52,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,7 +1,7 @@
 import '@synergy-design-system/components/components/popup/popup.js';
 import type { SynRepositionEvent } from '@synergy-design-system/components';
 export type { SynRepositionEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * The element the popup will be anchored to.
   * If the anchor lives outside of the popup, you can provide the anchor
@@ -51,7 +51,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * A value of `start`, `end`, or `center` will
   align the arrow to the start, end, or center of the popover instead.
    */
-    arrowPlacement?: "end" | "start" | "anchor" | "center" | undefined;
+    arrowPlacement?: "anchor" | "end" | "start" | "center" | undefined;
     /**
   * The amount of padding between the arrow and the edges of the popup.
   * If the popup has a border-radius, for example,
@@ -140,7 +140,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     callReposition: () => void | undefined;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-reposition": (e: SynRepositionEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * The element the popup will be anchored to.
   * If the anchor lives outside of the popup, you can provide the anchor
@@ -190,7 +190,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * A value of `start`, `end`, or `center` will
   align the arrow to the start, end, or center of the popover instead.
    */
-    arrowPlacement?: "end" | "start" | "anchor" | "center" | undefined;
+    arrowPlacement?: "anchor" | "end" | "start" | "center" | undefined;
     /**
   * The amount of padding between the arrow and the edges of the popup.
   * If the popup has a border-radius, for example,
@@ -282,8 +282,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     anchor?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -291,8 +296,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,11 +1,11 @@
 import '@synergy-design-system/components/components/prio-nav/prio-nav.js';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * The components priority menu label.
   This will be shown after the priority menu 3 dots link
    */
     priorityMenuLabel?: string | undefined;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * The components priority menu label.
   This will be shown after the priority menu 3 dots link
@@ -15,8 +15,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -24,8 +29,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -2,7 +2,7 @@ import '@synergy-design-system/components/components/radio/radio.js';
 import type { SynBlurEvent, SynFocusEvent } 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_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * The radio's value.
   * When selected, the radio group will receive this value.
@@ -24,7 +24,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, 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_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * The radio's value.
   * When selected, the radio group will receive this value.
@@ -47,8 +47,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -56,8 +61,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -2,7 +2,7 @@ import '@synergy-design-system/components/components/radio-button/radio-button.j
 import type { SynBlurEvent, SynFocusEvent } 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_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * The radio's value.
   * When selected, the radio group will receive this value.
@@ -25,7 +25,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, 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_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * The radio's value.
   * When selected, the radio group will receive this value.
@@ -50,8 +50,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     suffix?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -59,8 +64,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -3,7 +3,7 @@ import type { SynChangeEvent, SynInputEvent, SynInvalidEvent } from '@synergy-de
 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_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * The radio group's label.
   * Required for proper accessibility.
@@ -57,7 +57,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "syn-change": (e: SynChangeEvent) => void;
     "syn-input": (e: SynInputEvent) => void;
     "update:modelValue": (newValue: string) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * The radio group's label.
   * Required for proper accessibility.
@@ -110,8 +110,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "help-text"?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -119,8 +124,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -10,7 +10,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_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * The name of the select, submitted as a name/value pair with form data.
    */
@@ -126,7 +126,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "syn-hide": (e: SynHideEvent) => void;
     "syn-after-hide": (e: SynAfterHideEvent) => void;
     "syn-clear": (e: SynClearEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * The name of the select, submitted as a name/value pair with form data.
    */
@@ -239,8 +239,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "help-text"?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -248,8 +253,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -4,7 +4,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_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * 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
@@ -47,7 +47,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "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_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * 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
@@ -89,8 +89,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     footer?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -98,8 +103,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -5,7 +5,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_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     title?: string | undefined;
     /**
   * The name of the switch, submitted as a name/value pair with form data.
@@ -65,7 +65,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "syn-change": (e: SynChangeEvent) => void;
     "syn-input": (e: SynInputEvent) => void;
     "update:modelValue": (newValue: boolean) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     title?: string | undefined;
     /**
   * The name of the switch, submitted as a name/value pair with form data.
@@ -120,8 +120,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "help-text"?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -129,8 +134,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -1,7 +1,7 @@
 import '@synergy-design-system/components/components/tag/tag.js';
 import type { SynRemoveEvent } from '@synergy-design-system/components';
 export type { SynRemoveEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     /**
   * The tag's size.
    */
@@ -12,7 +12,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     removable?: boolean | undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "syn-remove": (e: SynRemoveEvent) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     /**
   * The tag's size.
    */
@@ -27,8 +27,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     default?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -36,8 +41,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

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

@@ -5,7 +5,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_TypePropsToRuntimeProps<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_TypePropsToOption<{
     title?: string | undefined;
     /**
   * The name of the textarea, submitted as a name/value pair with form data.
@@ -99,7 +99,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
   keyboard on supportive devices.
    */
-    inputmode?: "text" | "email" | "search" | "tel" | "url" | "none" | "decimal" | "numeric" | undefined;
+    inputmode?: "search" | "text" | "email" | "tel" | "url" | "none" | "decimal" | "numeric" | undefined;
     /**
   * Support for two way data binding
    */
@@ -112,16 +112,102 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     callBlur: () => void | undefined;
     callSelect: () => void | undefined;
     callScrollPosition: (position?: {
-        top?: number | undefined; /**
-      * The name of the textarea, submitted as a name/value pair with form data.
-       */
+        /**
+         * @summary Textareas collect data from the user and allow multiple lines of text.
+         * @documentation https://synergy.style/components/textarea
+         * @status stable
+         * @since 2.0
+         *
+         * @slot label - The textarea's label. Alternatively, you can use the `label` attribute.
+         * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
+         *
+         * @event syn-blur - Emitted when the control loses focus.
+         * @event syn-change - Emitted when an alteration to the control's value is committed by the user.
+         * @event syn-focus - Emitted when the control gains focus.
+         * @event syn-input - Emitted when the control receives input.
+         * @event syn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+         *
+         * @csspart form-control - The form control that wraps the label, input, and help text.
+         * @csspart form-control-label - The label's wrapper.
+         * @csspart form-control-input - The input's wrapper.
+         * @csspart form-control-help-text - The help text's wrapper.
+         * @csspart base - The component's base wrapper.
+         * @csspart textarea - The internal `<textarea>` control.
+         */
+        top?: number | undefined;
+        /**
+         * @summary Textareas collect data from the user and allow multiple lines of text.
+         * @documentation https://synergy.style/components/textarea
+         * @status stable
+         * @since 2.0
+         *
+         * @slot label - The textarea's label. Alternatively, you can use the `label` attribute.
+         * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
+         *
+         * @event syn-blur - Emitted when the control loses focus.
+         * @event syn-change - Emitted when an alteration to the control's value is committed by the user.
+         * @event syn-focus - Emitted when the control gains focus.
+         * @event syn-input - Emitted when the control receives input.
+         * @event syn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+         *
+         * @csspart form-control - The form control that wraps the label, input, and help text.
+         * @csspart form-control-label - The label's wrapper.
+         * @csspart form-control-input - The input's wrapper.
+         * @csspart form-control-help-text - The help text's wrapper.
+         * @csspart base - The component's base wrapper.
+         * @csspart textarea - The internal `<textarea>` control.
+         */
         left?: number | undefined;
     } | undefined) => {
+        /**
+         * @summary Textareas collect data from the user and allow multiple lines of text.
+         * @documentation https://synergy.style/components/textarea
+         * @status stable
+         * @since 2.0
+         *
+         * @slot label - The textarea's label. Alternatively, you can use the `label` attribute.
+         * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
+         *
+         * @event syn-blur - Emitted when the control loses focus.
+         * @event syn-change - Emitted when an alteration to the control's value is committed by the user.
+         * @event syn-focus - Emitted when the control gains focus.
+         * @event syn-input - Emitted when the control receives input.
+         * @event syn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+         *
+         * @csspart form-control - The form control that wraps the label, input, and help text.
+         * @csspart form-control-label - The label's wrapper.
+         * @csspart form-control-input - The input's wrapper.
+         * @csspart form-control-help-text - The help text's wrapper.
+         * @csspart base - The component's base wrapper.
+         * @csspart textarea - The internal `<textarea>` control.
+         */
         top: number;
+        /**
+         * @summary Textareas collect data from the user and allow multiple lines of text.
+         * @documentation https://synergy.style/components/textarea
+         * @status stable
+         * @since 2.0
+         *
+         * @slot label - The textarea's label. Alternatively, you can use the `label` attribute.
+         * @slot help-text - Text that describes how to use the input. Alternatively, you can use the `help-text` attribute.
+         *
+         * @event syn-blur - Emitted when the control loses focus.
+         * @event syn-change - Emitted when an alteration to the control's value is committed by the user.
+         * @event syn-focus - Emitted when the control gains focus.
+         * @event syn-input - Emitted when the control receives input.
+         * @event syn-invalid - Emitted when the form control has been checked for validity and its constraints aren't satisfied.
+         *
+         * @csspart form-control - The form control that wraps the label, input, and help text.
+         * @csspart form-control-label - The label's wrapper.
+         * @csspart form-control-input - The input's wrapper.
+         * @csspart form-control-help-text - The help text's wrapper.
+         * @csspart base - The component's base wrapper.
+         * @csspart textarea - The internal `<textarea>` control.
+         */
         left: number;
     } | undefined;
     callSetSelectionRange: (selectionStart: number, selectionEnd: number, selectionDirection?: "none" | "forward" | "backward" | undefined) => void | undefined;
-    callSetRangeText: (replacement: string, start?: number | undefined, end?: number | undefined, selectMode?: "end" | "start" | "select" | "preserve" | undefined) => void | undefined;
+    callSetRangeText: (replacement: string, start?: number | undefined, end?: number | undefined, selectMode?: "select" | "end" | "start" | "preserve" | undefined) => void | undefined;
     callCheckValidity: () => boolean | undefined;
     callGetForm: () => HTMLFormElement | null | undefined;
     callReportValidity: () => boolean | undefined;
@@ -133,7 +219,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "syn-change": (e: SynChangeEvent) => void;
     "syn-input": (e: SynInputEvent) => void;
     "update:modelValue": (newValue: string) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     title?: string | undefined;
     /**
   * The name of the textarea, submitted as a name/value pair with form data.
@@ -227,7 +313,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
   * Tells the browser what type of data will be entered by the user, allowing it to display the appropriate virtual
   keyboard on supportive devices.
    */
-    inputmode?: "text" | "email" | "search" | "tel" | "url" | "none" | "decimal" | "numeric" | undefined;
+    inputmode?: "search" | "text" | "email" | "tel" | "url" | "none" | "decimal" | "numeric" | undefined;
     /**
   * Support for two way data binding
    */
@@ -244,8 +330,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "help-text"?(_: {}): any;
 }>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToRuntimeProps<T> = {
+type __VLS_TypePropsToOption<T> = {
     [K in keyof T]-?: {} extends Pick<T, K> ? {
         type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
     } : {
@@ -253,8 +344,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "dependencies": {
-    "@synergy-design-system/components": "^1.17.0"
+    "@synergy-design-system/components": "^1.17.2"
   },
   "description": "Vue3 wrappers for the Synergy Design System",
   "exports": {
@@ -40,9 +40,9 @@
     "directory": "packages/vue"
   },
   "type": "module",
-  "version": "1.17.0",
+  "version": "1.17.2",
   "devDependencies": {
     "@vue/tsconfig": "^0.5.1",
-    "vue": "^3.4.15"
+    "vue": "^3.4.24"
   }
 }