@synergy-design-system/vue 2.19.3 → 2.20.1

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

@@ -1,43 +1,34 @@
 import { 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, {
+    nativeElement: unknown;
+}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/SynVueAccordion.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/accordion/accordion.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueAccordion",

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

@@ -63,7 +63,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
     "onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
     "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueAlert.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/alert/alert.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueAlert",

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

@@ -1,27 +1,26 @@
 import { 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, {
+    nativeElement: unknown;
+}, 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.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/badge/badge.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueBadge",

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

@@ -1,31 +1,28 @@
 import { 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, {
+    nativeElement: unknown;
+}, 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.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/breadcrumb/breadcrumb.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueBreadcrumb",

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

@@ -1,53 +1,39 @@
 import { 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, {
+    nativeElement: unknown;
+}, 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.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/breadcrumb-item/breadcrumb-item.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueBreadcrumbItem",

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

@@ -196,7 +196,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
     "onSyn-focus"?: ((e: SynFocusEvent) => any) | undefined;
     "onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueButton.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/button/button.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueButton",

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

@@ -1,31 +1,28 @@
 import { 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, {
+    nativeElement: unknown;
+}, 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.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/button-group/button-group.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueButtonGroup",

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

@@ -1,31 +1,28 @@
 import { 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, {
+    nativeElement: unknown;
+}, 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.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/card/card.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueCard",

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

@@ -118,7 +118,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     "onSyn-change"?: ((e: SynChangeEvent) => any) | undefined;
     "onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((newValue: boolean) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueCheckbox.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/checkbox/checkbox.js";
 const _hoisted_1 = ["checked"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -200,7 +200,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     "onUpdate:modelValue"?: ((newValue: string) => any) | undefined;
     "onSyn-clear"?: ((e: SynClearEvent) => any) | undefined;
     "onSyn-error"?: ((e: SynErrorEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueCombobox.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/combobox/combobox.js";
 const _hoisted_1 = ["value"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -63,7 +63,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
     "onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
     "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueDetails.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/details/details.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueDetails",

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

@@ -61,7 +61,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
     "onSyn-initial-focus"?: ((e: SynInitialFocusEvent) => any) | undefined;
     "onSyn-request-close"?: ((e: SynRequestCloseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueDialog.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/dialog/dialog.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueDialog",

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

@@ -1,15 +1,13 @@
 import { 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, {
+    nativeElement: unknown;
+}, any>;
 export default _default;

package/dist/components/SynVueDivider.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps } from "vue";
 import "@synergy-design-system/components/components/divider/divider.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueDivider",

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

@@ -81,7 +81,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
     "onSyn-initial-focus"?: ((e: SynInitialFocusEvent) => any) | undefined;
     "onSyn-request-close"?: ((e: SynRequestCloseEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueDrawer.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/drawer/drawer.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueDrawer",

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

@@ -113,7 +113,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
     "onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
     "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueDropdown.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/dropdown/dropdown.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueDropdown",

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

@@ -196,7 +196,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     "onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((newValue: FileList | null) => any) | undefined;
     "onSyn-error"?: ((e: SynErrorEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueFile.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/file/file.js";
 const _hoisted_1 = ["files"];
 const _sfc_main = /* @__PURE__ */ defineComponent({

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

@@ -42,7 +42,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     "onSyn-burger-menu-closed"?: ((e: SynBurgerMenuClosedEvent) => any) | undefined;
     "onSyn-burger-menu-hidden"?: ((e: SynBurgerMenuHiddenEvent) => any) | undefined;
     "onSyn-burger-menu-open"?: ((e: SynBurgerMenuOpenEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueHeader.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps, renderSlot } from "vue";
 import "@synergy-design-system/components/components/header/header.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueHeader",

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

@@ -53,5 +53,7 @@ declare const _default: import('vue').DefineComponent<{
 }> & Readonly<{
     "onSyn-error"?: ((e: SynErrorEvent) => any) | undefined;
     "onSyn-load"?: ((e: SynLoadEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>;
 export default _default;

package/dist/components/SynVueIcon.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps } from "vue";
 import "@synergy-design-system/components/components/icon/icon.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueIcon",

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

@@ -107,5 +107,7 @@ declare const _default: import('vue').DefineComponent<{
 }> & Readonly<{
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
     "onSyn-focus"?: ((e: SynFocusEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    nativeElement: unknown;
+}, any>;
 export default _default;

package/dist/components/SynVueIconButton.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps } from "vue";
+import { defineComponent, ref, computed, createElementBlock, openBlock, mergeProps } from "vue";
 import "@synergy-design-system/components/components/icon-button/icon-button.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "SynVueIconButton",