@synergy-design-system/vue 2.11.5 → 2.11.6

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

@@ -1,44 +1,33 @@
 import '@synergy-design-system/components/components/accordion/accordion.js';
 import type { SynAccordion } from '@synergy-design-system/components';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        nativeElement: unknown;
-    };
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
+type __VLS_Props = {
     /**
      * Indicates whether or not multiple `<syn-detail>` elements can be open at the same time.
      */
-    closeOthers?: SynAccordion["closeOthers"];
+    closeOthers?: SynAccordion['closeOthers'];
     /**
      * Draws the accordion and the slotted `<syn-details>` as contained elements.
      */
-    contained?: SynAccordion["contained"];
+    contained?: SynAccordion['contained'];
     /**
      * The size that should be applied to all slotted `<syn-details>` elements
      */
-    size?: SynAccordion["size"];
-}, {
+    size?: SynAccordion['size'];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        nativeElement: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     nativeElement: import("vue").Ref<SynAccordion | undefined, SynAccordion | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    /**
-     * Indicates whether or not multiple `<syn-detail>` elements can be open at the same time.
-     */
-    closeOthers?: SynAccordion["closeOthers"];
-    /**
-     * Draws the accordion and the slotted `<syn-details>` as contained elements.
-     */
-    contained?: SynAccordion["contained"];
-    /**
-     * The size that should be applied to all slotted `<syn-details>` elements
-     */
-    size?: SynAccordion["size"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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 & {

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

@@ -1,28 +1,25 @@
 import '@synergy-design-system/components/components/badge/badge.js';
 import type { SynBadge } from '@synergy-design-system/components';
+type __VLS_Props = {
+    /**
+     * The badge's theme variant.
+     */
+    variant?: SynBadge['variant'];
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         nativeElement: unknown;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
-    /**
-     * The badge's theme variant.
-     */
-    variant?: SynBadge["variant"];
-}, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     nativeElement: import("vue").Ref<SynBadge | undefined, SynBadge | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    /**
-     * The badge's theme variant.
-     */
-    variant?: SynBadge["variant"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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 & {

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

@@ -1,32 +1,27 @@
 import '@synergy-design-system/components/components/breadcrumb/breadcrumb.js';
 import type { SynBreadcrumb } from '@synergy-design-system/components';
+type __VLS_Props = {
+    /**
+  * The label to use for the breadcrumb control.
+  * This will not be shown on the screen, but it will be announced by
+  screen readers and other assistive devices to provide more context for users.
+   */
+    label?: SynBreadcrumb['label'];
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         nativeElement: unknown;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
-    /**
-  * The label to use for the breadcrumb control.
-  * This will not be shown on the screen, but it will be announced by
-  screen readers and other assistive devices to provide more context for users.
-   */
-    label?: SynBreadcrumb["label"];
-}, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     nativeElement: import("vue").Ref<SynBreadcrumb | undefined, SynBreadcrumb | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    /**
-  * The label to use for the breadcrumb control.
-  * This will not be shown on the screen, but it will be announced by
-  screen readers and other assistive devices to provide more context for users.
-   */
-    label?: SynBreadcrumb["label"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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 & {

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

@@ -1,54 +1,38 @@
 import '@synergy-design-system/components/components/breadcrumb-item/breadcrumb-item.js';
 import type { SynBreadcrumbItem } from '@synergy-design-system/components';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        nativeElement: unknown;
-    };
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
+type __VLS_Props = {
     /**
   * Optional URL to direct the user to when the breadcrumb item is activated.
   * When set, a link will be rendered
   internally.
   * When unset, a button will be rendered instead.
    */
-    href?: SynBreadcrumbItem["href"];
+    href?: SynBreadcrumbItem['href'];
     /**
      * Tells the browser where to open the link.
      * Only used when `href` is set.
      */
-    target?: SynBreadcrumbItem["target"];
+    target?: SynBreadcrumbItem['target'];
     /**
      * The `rel` attribute to use on the link.
      * Only used when `href` is set.
      */
-    rel?: SynBreadcrumbItem["rel"];
-}, {
+    rel?: SynBreadcrumbItem['rel'];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        nativeElement: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     nativeElement: import("vue").Ref<SynBreadcrumbItem | undefined, SynBreadcrumbItem | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    /**
-  * Optional URL to direct the user to when the breadcrumb item is activated.
-  * When set, a link will be rendered
-  internally.
-  * When unset, a button will be rendered instead.
-   */
-    href?: SynBreadcrumbItem["href"];
-    /**
-     * Tells the browser where to open the link.
-     * Only used when `href` is set.
-     */
-    target?: SynBreadcrumbItem["target"];
-    /**
-     * The `rel` attribute to use on the link.
-     * Only used when `href` is set.
-     */
-    rel?: SynBreadcrumbItem["rel"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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 & {

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

@@ -1,32 +1,27 @@
 import '@synergy-design-system/components/components/button-group/button-group.js';
 import type { SynButtonGroup } from '@synergy-design-system/components';
+type __VLS_Props = {
+    /**
+  * 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?: SynButtonGroup['label'];
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         nativeElement: unknown;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
-    /**
-  * 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?: SynButtonGroup["label"];
-}, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     nativeElement: import("vue").Ref<SynButtonGroup | undefined, SynButtonGroup | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    /**
-  * 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?: SynButtonGroup["label"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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 & {

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

@@ -1,32 +1,27 @@
 import '@synergy-design-system/components/components/card/card.js';
 import type { SynCard } from '@synergy-design-system/components';
+type __VLS_Props = {
+    /**
+     * Draws the card with sharp edges.
+     * Can be used e.g.
+     * when nesting multiple syn-cards to create hierarchy.
+     */
+    sharp?: SynCard['sharp'];
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         nativeElement: unknown;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
-    /**
-     * Draws the card with sharp edges.
-     * Can be used e.g.
-     * when nesting multiple syn-cards to create hierarchy.
-     */
-    sharp?: SynCard["sharp"];
-}, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     nativeElement: import("vue").Ref<SynCard | undefined, SynCard | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    /**
-     * Draws the card with sharp edges.
-     * Can be used e.g.
-     * when nesting multiple syn-cards to create hierarchy.
-     */
-    sharp?: SynCard["sharp"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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 & {

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

@@ -1,16 +1,12 @@
 import '@synergy-design-system/components/components/divider/divider.js';
 import type { SynDivider } from '@synergy-design-system/components';
-declare const _default: import("vue").DefineComponent<{
+type __VLS_Props = {
     /**
      * Draws the divider in a vertical orientation.
      */
-    vertical?: SynDivider["vertical"];
-}, {
+    vertical?: SynDivider['vertical'];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
     nativeElement: import("vue").Ref<SynDivider | undefined, SynDivider | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    /**
-     * Draws the divider in a vertical orientation.
-     */
-    vertical?: SynDivider["vertical"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

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

@@ -1,64 +1,43 @@
 import '@synergy-design-system/components/components/menu-item/menu-item.js';
 import type { SynMenuItem } from '@synergy-design-system/components';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        nativeElement: unknown;
-    };
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
+type __VLS_Props = {
     /**
      * The type of menu item to render.
      * To use `checked`, this value must be set to `checkbox`.
      */
-    type?: SynMenuItem["type"];
+    type?: SynMenuItem['type'];
     /**
      * Draws the item in a checked state.
      */
-    checked?: SynMenuItem["checked"];
+    checked?: SynMenuItem['checked'];
     /**
      * A unique value to store in the menu item.
      * This can be used as a way to identify menu items when selected.
      */
-    value?: SynMenuItem["value"];
+    value?: SynMenuItem['value'];
     /**
      * Draws the menu item in a loading state.
      */
-    loading?: SynMenuItem["loading"];
+    loading?: SynMenuItem['loading'];
     /**
      * Draws the menu item in a disabled state, preventing selection.
      */
-    disabled?: SynMenuItem["disabled"];
-}, {
+    disabled?: SynMenuItem['disabled'];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        nativeElement: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     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`.
-     */
-    type?: SynMenuItem["type"];
-    /**
-     * Draws the item in a checked state.
-     */
-    checked?: SynMenuItem["checked"];
-    /**
-     * A unique value to store in the menu item.
-     * This can be used as a way to identify menu items when selected.
-     */
-    value?: SynMenuItem["value"];
-    /**
-     * Draws the menu item in a loading state.
-     */
-    loading?: SynMenuItem["loading"];
-    /**
-     * Draws the menu item in a disabled state, preventing selection.
-     */
-    disabled?: SynMenuItem["disabled"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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 & {

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

@@ -1,13 +1,14 @@
 import '@synergy-design-system/components/components/menu-label/menu-label.js';
 import type { SynMenuLabel } from '@synergy-design-system/components';
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         nativeElement: unknown;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{}, {

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

@@ -1,38 +1,30 @@
 import '@synergy-design-system/components/components/optgroup/optgroup.js';
 import type { SynOptgroup } from '@synergy-design-system/components';
+type __VLS_Props = {
+    /**
+     * Disables all options in the optgroup.
+     */
+    disabled?: SynOptgroup['disabled'];
+    /**
+     * The optgroups label.
+     * If you need to display HTML, use the `label` slot instead.
+     */
+    label?: SynOptgroup['label'];
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         nativeElement: unknown;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
-    /**
-     * Disables all options in the optgroup.
-     */
-    disabled?: SynOptgroup["disabled"];
-    /**
-     * The optgroups label.
-     * If you need to display HTML, use the `label` slot instead.
-     */
-    label?: SynOptgroup["label"];
-}, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     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.
-     */
-    disabled?: SynOptgroup["disabled"];
-    /**
-     * The optgroups label.
-     * If you need to display HTML, use the `label` slot instead.
-     */
-    label?: SynOptgroup["label"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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 & {

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

@@ -1,16 +1,6 @@
 import '@synergy-design-system/components/components/option/option.js';
 import type { SynOption } from '@synergy-design-system/components';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        nativeElement: unknown;
-    };
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
+type __VLS_Props = {
     /**
   * The option's value.
   * When selected, the containing form control will receive this value.
@@ -19,28 +9,26 @@ declare const __VLS_component: import("vue").DefineComponent<{
   * Values may not contain spaces, as spaces are used as delimiters when listing
   multiple values.
    */
-    value?: SynOption["value"];
+    value?: SynOption['value'];
     /**
      * Draws the option in a disabled state, preventing selection.
      */
-    disabled?: SynOption["disabled"];
-}, {
+    disabled?: SynOption['disabled'];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        nativeElement: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     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.
-  * The value must be unique
-  from other options in the same group.
-  * Values may not contain spaces, as spaces are used as delimiters when listing
-  multiple values.
-   */
-    value?: SynOption["value"];
-    /**
-     * Draws the option in a disabled state, preventing selection.
-     */
-    disabled?: SynOption["disabled"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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 & {

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

@@ -1,13 +1,14 @@
 import '@synergy-design-system/components/components/prio-nav/prio-nav.js';
 import type { SynPrioNav } from '@synergy-design-system/components';
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         nativeElement: unknown;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<{}, {

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

@@ -1,44 +1,33 @@
 import '@synergy-design-system/components/components/progress-bar/progress-bar.js';
 import type { SynProgressBar } from '@synergy-design-system/components';
-declare function __VLS_template(): {
-    slots: {
-        default?(_: {}): any;
-    };
-    refs: {
-        nativeElement: unknown;
-    };
-    attrs: Partial<{}>;
-};
-type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
+type __VLS_Props = {
     /**
      * The current progress as a percentage, 0 to 100.
      */
-    value?: SynProgressBar["value"];
+    value?: SynProgressBar['value'];
     /**
      * When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.
      */
-    indeterminate?: SynProgressBar["indeterminate"];
+    indeterminate?: SynProgressBar['indeterminate'];
     /**
      * A custom label for assistive devices.
      */
-    label?: SynProgressBar["label"];
-}, {
+    label?: SynProgressBar['label'];
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        nativeElement: unknown;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     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.
-     */
-    value?: SynProgressBar["value"];
-    /**
-     * When true, percentage is ignored, the label is hidden, and the progress bar is drawn in an indeterminate state.
-     */
-    indeterminate?: SynProgressBar["indeterminate"];
-    /**
-     * A custom label for assistive devices.
-     */
-    label?: SynProgressBar["label"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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 & {

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

@@ -1,36 +1,29 @@
 import '@synergy-design-system/components/components/progress-ring/progress-ring.js';
 import type { SynProgressRing } from '@synergy-design-system/components';
+type __VLS_Props = {
+    /**
+     * The current progress as a percentage, 0 to 100.
+     */
+    value?: SynProgressRing['value'];
+    /**
+     * A custom label for assistive devices.
+     */
+    label?: SynProgressRing['label'];
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         nativeElement: unknown;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
-    /**
-     * The current progress as a percentage, 0 to 100.
-     */
-    value?: SynProgressRing["value"];
-    /**
-     * A custom label for assistive devices.
-     */
-    label?: SynProgressRing["label"];
-}, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     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.
-     */
-    value?: SynProgressRing["value"];
-    /**
-     * A custom label for assistive devices.
-     */
-    label?: SynProgressRing["label"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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 & {

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

@@ -1,28 +1,25 @@
 import '@synergy-design-system/components/components/range-tick/range-tick.js';
 import type { SynRangeTick } from '@synergy-design-system/components';
+type __VLS_Props = {
+    /**
+     * Whether the tick should be shown as a subdivision.
+     */
+    subdivision?: SynRangeTick['subdivision'];
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         nativeElement: unknown;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 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"];
-}, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     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"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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 & {

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

@@ -1,36 +1,29 @@
 import '@synergy-design-system/components/components/tab-panel/tab-panel.js';
 import type { SynTabPanel } from '@synergy-design-system/components';
+type __VLS_Props = {
+    /**
+     * The tab panel's name.
+     */
+    name?: SynTabPanel['name'];
+    /**
+     * When true, the tab panel will be shown.
+     */
+    active?: SynTabPanel['active'];
+};
 declare function __VLS_template(): {
+    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         nativeElement: unknown;
     };
-    attrs: Partial<{}>;
+    rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
-    /**
-     * The tab panel's name.
-     */
-    name?: SynTabPanel["name"];
-    /**
-     * When true, the tab panel will be shown.
-     */
-    active?: SynTabPanel["active"];
-}, {
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {
     nativeElement: import("vue").Ref<SynTabPanel | undefined, SynTabPanel | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    /**
-     * The tab panel's name.
-     */
-    name?: SynTabPanel["name"];
-    /**
-     * When true, the tab panel will be shown.
-     */
-    active?: SynTabPanel["active"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & 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 & {

package/package.json

@@ -4,7 +4,7 @@
     "url": "https://www.sick.com"
   },
   "dependencies": {
-    "@synergy-design-system/components": "^2.11.5"
+    "@synergy-design-system/components": "^2.11.6"
   },
   "description": "Vue3 wrappers for the Synergy Design System",
   "exports": {
@@ -40,10 +40,10 @@
     "directory": "packages/vue"
   },
   "type": "module",
-  "version": "2.11.5",
+  "version": "2.11.6",
   "devDependencies": {
     "@vue/tsconfig": "^0.5.1",
-    "vue": "^3.5.11"
+    "vue": "^3.5.12"
   },
   "peerDependencies": {
     "@synergy-design-system/tokens": "^2.13.0"