@synergy-design-system/vue 2.11.6 → 2.11.7

package/README.md

@@ -228,6 +228,7 @@ You may use it in one of the following ways:
       name="checkboxValue"
       >Agree</SynVueCheckbox
     >
+    >
   </form>
 </template>
 ```

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

@@ -1,33 +1,43 @@
-import '@synergy-design-system/components/components/accordion/accordion.js';
-import type { SynAccordion } from '@synergy-design-system/components';
-type __VLS_Props = {
-    /**
-     * 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'];
-};
+import { SynAccordion } from '@synergy-design-system/components';
 declare function __VLS_template(): {
-    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         nativeElement: unknown;
     };
-    rootEl: any;
+    attrs: Partial<{}>;
 };
 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<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: import('vue').DefineComponent<{
+    /**
+     * 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"];
+}, {
+    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>;
 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

@@ -0,0 +1,33 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/accordion/accordion.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueAccordion",
+  props: {
+    closeOthers: {},
+    contained: {},
+    size: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const nativeElement = ref();
+    __expose({
+      nativeElement
+    });
+    const props = __props;
+    const visibleProps = computed(
+      () => Object.fromEntries(
+        Object.entries(props).filter(([, value]) => typeof value !== "undefined")
+      )
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("syn-accordion", mergeProps(visibleProps.value, {
+        ref_key: "nativeElement",
+        ref: nativeElement
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/SynVueAccordion.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./SynVueAccordion.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -1,14 +1,9 @@
-import '@synergy-design-system/components/components/alert/alert.js';
-import type { SynShowEvent } from '@synergy-design-system/components';
-import type { SynAfterShowEvent } from '@synergy-design-system/components';
-import type { SynHideEvent } from '@synergy-design-system/components';
-import type { SynAfterHideEvent } from '@synergy-design-system/components';
-import type { SynAlert } from '@synergy-design-system/components';
+import { SynShowEvent, SynAfterShowEvent, SynHideEvent, SynAfterHideEvent, SynAlert } from '@synergy-design-system/components';
 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<{
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     /**
   * Indicates whether or not the alert is open.
   * You can toggle this attribute to show and hide the alert, or you can
@@ -33,13 +28,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
    */
     duration?: SynAlert["duration"];
 }, {
-    nativeElement: import("vue").Ref<SynAlert | undefined, SynAlert | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-after-hide": (e: SynAfterHideEvent) => any;
+    nativeElement: import('vue').Ref<SynAlert | undefined, SynAlert | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "syn-show": (e: SynShowEvent) => any;
     "syn-after-show": (e: SynAfterShowEvent) => any;
     "syn-hide": (e: SynHideEvent) => any;
-    "syn-show": (e: SynShowEvent) => any;
-}, string, import("vue").PublicProps, Readonly<{
+    "syn-after-hide": (e: SynAfterHideEvent) => any;
+}, string, import('vue').PublicProps, Readonly<{
     /**
   * Indicates whether or not the alert is open.
   * You can toggle this attribute to show and hide the alert, or you can
@@ -64,11 +59,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
    */
     duration?: SynAlert["duration"];
 }> & Readonly<{
-    "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
+    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
     "onSyn-after-show"?: ((e: SynAfterShowEvent) => any) | undefined;
     "onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
-    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    "onSyn-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueAlert.vue.js

@@ -0,0 +1,40 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/alert/alert.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueAlert",
+  props: {
+    open: {},
+    closable: {},
+    variant: {},
+    duration: {}
+  },
+  emits: ["syn-show", "syn-after-show", "syn-hide", "syn-after-hide"],
+  setup(__props, { expose: __expose }) {
+    const nativeElement = ref();
+    __expose({
+      nativeElement
+    });
+    const props = __props;
+    const visibleProps = computed(
+      () => Object.fromEntries(
+        Object.entries(props).filter(([, value]) => typeof value !== "undefined")
+      )
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("syn-alert", mergeProps({
+        onSynShow: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("syn-show", $event)),
+        onSynAfterShow: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("syn-after-show", $event)),
+        onSynHide: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("syn-hide", $event)),
+        onSynAfterHide: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("syn-after-hide", $event))
+      }, visibleProps.value, {
+        ref_key: "nativeElement",
+        ref: nativeElement
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/SynVueAlert.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./SynVueAlert.vue.js";
+export {
+  _sfc_main as default
+};

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

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

@@ -0,0 +1,31 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/badge/badge.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueBadge",
+  props: {
+    variant: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const nativeElement = ref();
+    __expose({
+      nativeElement
+    });
+    const props = __props;
+    const visibleProps = computed(
+      () => Object.fromEntries(
+        Object.entries(props).filter(([, value]) => typeof value !== "undefined")
+      )
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("syn-badge", mergeProps(visibleProps.value, {
+        ref_key: "nativeElement",
+        ref: nativeElement
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/SynVueBadge.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./SynVueBadge.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -1,27 +1,31 @@
-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'];
-};
+import { SynBreadcrumb } from '@synergy-design-system/components';
 declare function __VLS_template(): {
-    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         nativeElement: unknown;
     };
-    rootEl: any;
+    attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-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<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+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"];
+}, {
+    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>;
 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

@@ -0,0 +1,31 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/breadcrumb/breadcrumb.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueBreadcrumb",
+  props: {
+    label: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const nativeElement = ref();
+    __expose({
+      nativeElement
+    });
+    const props = __props;
+    const visibleProps = computed(
+      () => Object.fromEntries(
+        Object.entries(props).filter(([, value]) => typeof value !== "undefined")
+      )
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("syn-breadcrumb", mergeProps(visibleProps.value, {
+        ref_key: "nativeElement",
+        ref: nativeElement
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/SynVueBreadcrumb.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./SynVueBreadcrumb.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -1,38 +1,53 @@
-import '@synergy-design-system/components/components/breadcrumb-item/breadcrumb-item.js';
-import type { SynBreadcrumbItem } from '@synergy-design-system/components';
-type __VLS_Props = {
+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<{
     /**
   * 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'];
-};
-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<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    rel?: SynBreadcrumbItem["rel"];
+}, {
+    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>;
 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

@@ -0,0 +1,33 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/breadcrumb-item/breadcrumb-item.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueBreadcrumbItem",
+  props: {
+    href: {},
+    target: {},
+    rel: {}
+  },
+  setup(__props, { expose: __expose }) {
+    const nativeElement = ref();
+    __expose({
+      nativeElement
+    });
+    const props = __props;
+    const visibleProps = computed(
+      () => Object.fromEntries(
+        Object.entries(props).filter(([, value]) => typeof value !== "undefined")
+      )
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("syn-breadcrumb-item", mergeProps(visibleProps.value, {
+        ref_key: "nativeElement",
+        ref: nativeElement
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/SynVueBreadcrumbItem.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./SynVueBreadcrumbItem.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -1,12 +1,8 @@
-import '@synergy-design-system/components/components/button/button.js';
-import type { SynBlurEvent } from '@synergy-design-system/components';
-import type { SynFocusEvent } from '@synergy-design-system/components';
-import type { SynInvalidEvent } from '@synergy-design-system/components';
-import type { SynButton } from '@synergy-design-system/components';
+import { SynBlurEvent, SynFocusEvent, SynInvalidEvent, SynButton } from '@synergy-design-system/components';
 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<{
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     title?: SynButton["title"];
     /**
      * The button's theme variant.
@@ -99,12 +95,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     formTarget?: SynButton["formTarget"];
 }, {
-    nativeElement: import("vue").Ref<SynButton | undefined, SynButton | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    nativeElement: import('vue').Ref<SynButton | undefined, SynButton | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "syn-blur": (e: SynBlurEvent) => any;
     "syn-focus": (e: SynFocusEvent) => any;
     "syn-invalid": (e: SynInvalidEvent) => any;
-}, string, import("vue").PublicProps, Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
     title?: SynButton["title"];
     /**
      * The button's theme variant.
@@ -200,7 +196,7 @@ 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, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueButton.vue.js

@@ -0,0 +1,54 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/button/button.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueButton",
+  props: {
+    title: {},
+    variant: {},
+    size: {},
+    caret: {},
+    disabled: {},
+    loading: {},
+    type: {},
+    name: {},
+    value: {},
+    href: {},
+    target: {},
+    rel: {},
+    download: {},
+    form: {},
+    formAction: {},
+    formEnctype: {},
+    formMethod: {},
+    formNoValidate: {},
+    formTarget: {}
+  },
+  emits: ["syn-blur", "syn-focus", "syn-invalid"],
+  setup(__props, { expose: __expose }) {
+    const nativeElement = ref();
+    __expose({
+      nativeElement
+    });
+    const props = __props;
+    const visibleProps = computed(
+      () => Object.fromEntries(
+        Object.entries(props).filter(([, value]) => typeof value !== "undefined")
+      )
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("syn-button", mergeProps({
+        onSynBlur: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("syn-blur", $event)),
+        onSynFocus: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("syn-focus", $event)),
+        onSynInvalid: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("syn-invalid", $event))
+      }, visibleProps.value, {
+        ref_key: "nativeElement",
+        ref: nativeElement
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/SynVueButton.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./SynVueButton.vue.js";
+export {
+  _sfc_main as default
+};

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

@@ -1,27 +1,31 @@
-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'];
-};
+import { SynButtonGroup } from '@synergy-design-system/components';
 declare function __VLS_template(): {
-    attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
     };
     refs: {
         nativeElement: unknown;
     };
-    rootEl: any;
+    attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-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<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+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"];
+}, {
+    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>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {