@synergy-design-system/vue 2.11.5 → 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,5 +1,4 @@
-import '@synergy-design-system/components/components/accordion/accordion.js';
-import type { SynAccordion } from '@synergy-design-system/components';
+import { SynAccordion } from '@synergy-design-system/components';
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
@@ -10,7 +9,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
+declare const __VLS_component: import('vue').DefineComponent<{
     /**
      * Indicates whether or not multiple `<syn-detail>` elements can be open at the same time.
      */
@@ -24,8 +23,8 @@ declare const __VLS_component: import("vue").DefineComponent<{
      */
     size?: SynAccordion["size"];
 }, {
-    nativeElement: import("vue").Ref<SynAccordion | undefined, SynAccordion | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    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.
      */
@@ -38,7 +37,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
      * The size that should be applied to all slotted `<syn-details>` elements
      */
     size?: SynAccordion["size"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}> & 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,5 +1,4 @@
-import '@synergy-design-system/components/components/badge/badge.js';
-import type { SynBadge } from '@synergy-design-system/components';
+import { SynBadge } from '@synergy-design-system/components';
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
@@ -10,19 +9,19 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
+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<{
+    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>;
+}> & 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,5 +1,4 @@
-import '@synergy-design-system/components/components/breadcrumb/breadcrumb.js';
-import type { SynBreadcrumb } from '@synergy-design-system/components';
+import { SynBreadcrumb } from '@synergy-design-system/components';
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
@@ -10,7 +9,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
+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
@@ -18,15 +17,15 @@ declare const __VLS_component: import("vue").DefineComponent<{
    */
     label?: SynBreadcrumb["label"];
 }, {
-    nativeElement: import("vue").Ref<SynBreadcrumb | undefined, SynBreadcrumb | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    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>;
+}> & 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,5 +1,4 @@
-import '@synergy-design-system/components/components/breadcrumb-item/breadcrumb-item.js';
-import type { SynBreadcrumbItem } from '@synergy-design-system/components';
+import { SynBreadcrumbItem } from '@synergy-design-system/components';
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
@@ -10,7 +9,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
+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
@@ -29,8 +28,8 @@ declare const __VLS_component: import("vue").DefineComponent<{
      */
     rel?: SynBreadcrumbItem["rel"];
 }, {
-    nativeElement: import("vue").Ref<SynBreadcrumbItem | undefined, SynBreadcrumbItem | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    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
@@ -48,7 +47,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
      * Only used when `href` is set.
      */
     rel?: SynBreadcrumbItem["rel"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}> & 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,5 +1,4 @@
-import '@synergy-design-system/components/components/button-group/button-group.js';
-import type { SynButtonGroup } from '@synergy-design-system/components';
+import { SynButtonGroup } from '@synergy-design-system/components';
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
@@ -10,7 +9,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
+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
@@ -18,15 +17,15 @@ declare const __VLS_component: import("vue").DefineComponent<{
    */
     label?: SynButtonGroup["label"];
 }, {
-    nativeElement: import("vue").Ref<SynButtonGroup | undefined, SynButtonGroup | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    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>;
+}> & 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.js

@@ -0,0 +1,31 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/button-group/button-group.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueButtonGroup",
+  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-button-group", mergeProps(visibleProps.value, {
+        ref_key: "nativeElement",
+        ref: nativeElement
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/SynVueButtonGroup.vue2.js

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

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

@@ -1,5 +1,4 @@
-import '@synergy-design-system/components/components/card/card.js';
-import type { SynCard } from '@synergy-design-system/components';
+import { SynCard } from '@synergy-design-system/components';
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
@@ -10,7 +9,7 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import("vue").DefineComponent<{
+declare const __VLS_component: import('vue').DefineComponent<{
     /**
      * Draws the card with sharp edges.
      * Can be used e.g.
@@ -18,15 +17,15 @@ declare const __VLS_component: import("vue").DefineComponent<{
      */
     sharp?: SynCard["sharp"];
 }, {
-    nativeElement: import("vue").Ref<SynCard | undefined, SynCard | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    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>;
+}> & 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.js

@@ -0,0 +1,31 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/card/card.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueCard",
+  props: {
+    sharp: {}
+  },
+  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-card", mergeProps(visibleProps.value, {
+        ref_key: "nativeElement",
+        ref: nativeElement
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/SynVueCard.vue2.js

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