@synergy-design-system/vue 2.11.6 → 2.11.7

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,27 +1,31 @@
-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'];
-};
+import { SynCard } 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<SynCard | undefined, SynCard | 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<{
+    /**
+     * Draws the card with sharp edges.
+     * Can be used e.g.
+     * when nesting multiple syn-cards to create hierarchy.
+     */
+    sharp?: SynCard["sharp"];
+}, {
+    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>;
 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
+};

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

@@ -1,16 +1,10 @@
-import '@synergy-design-system/components/components/checkbox/checkbox.js';
-import type { SynBlurEvent } from '@synergy-design-system/components';
-import type { SynChangeEvent } from '@synergy-design-system/components';
-import type { SynFocusEvent } from '@synergy-design-system/components';
-import type { SynInputEvent } from '@synergy-design-system/components';
-import type { SynInvalidEvent } from '@synergy-design-system/components';
-import type { SynCheckbox } from '@synergy-design-system/components';
+import { SynBlurEvent, SynChangeEvent, SynFocusEvent, SynInputEvent, SynInvalidEvent, SynCheckbox } from '@synergy-design-system/components';
 export type { SynBlurEvent } from '@synergy-design-system/components';
 export type { SynChangeEvent } from '@synergy-design-system/components';
 export type { SynFocusEvent } from '@synergy-design-system/components';
 export type { SynInputEvent } from '@synergy-design-system/components';
 export type { SynInvalidEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     title?: SynCheckbox["title"];
     /**
      * The name of the checkbox, submitted as a name/value pair with form data.
@@ -60,15 +54,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     modelValue?: SynCheckbox["checked"];
 }, {
-    nativeElement: import("vue").Ref<SynCheckbox | undefined, SynCheckbox | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    nativeElement: import('vue').Ref<SynCheckbox | undefined, SynCheckbox | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "syn-blur": (e: SynBlurEvent) => any;
-    "syn-change": (e: SynChangeEvent) => any;
     "syn-focus": (e: SynFocusEvent) => any;
-    "syn-input": (e: SynInputEvent) => any;
     "syn-invalid": (e: SynInvalidEvent) => any;
+    "syn-change": (e: SynChangeEvent) => any;
+    "syn-input": (e: SynInputEvent) => any;
     "update:modelValue": (newValue: boolean) => any;
-}, string, import("vue").PublicProps, Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
     title?: SynCheckbox["title"];
     /**
      * The name of the checkbox, submitted as a name/value pair with form data.
@@ -119,12 +113,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue?: SynCheckbox["checked"];
 }> & Readonly<{
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
-    "onSyn-change"?: ((e: SynChangeEvent) => any) | undefined;
     "onSyn-focus"?: ((e: SynFocusEvent) => any) | undefined;
-    "onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
     "onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;
+    "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, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueCheckbox.vue.js

@@ -0,0 +1,53 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/checkbox/checkbox.js";
+const _hoisted_1 = ["checked"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueCheckbox",
+  props: {
+    title: {},
+    name: {},
+    value: {},
+    size: {},
+    disabled: {},
+    checked: {},
+    indeterminate: {},
+    form: {},
+    required: {},
+    helpText: {},
+    modelValue: {}
+  },
+  emits: ["syn-blur", "syn-change", "syn-focus", "syn-input", "syn-invalid", "update:modelValue"],
+  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-checkbox", mergeProps({
+        onSynBlur: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("syn-blur", $event)),
+        onSynChange: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("syn-change", $event)),
+        onSynFocus: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("syn-focus", $event)),
+        onSynInput: _cache[3] || (_cache[3] = ($event) => {
+          _ctx.$emit("update:modelValue", $event.target.checked);
+          _ctx.$emit("syn-input", $event);
+        }),
+        onSynInvalid: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("syn-invalid", $event)),
+        checked: typeof props.modelValue !== "undefined" ? props.modelValue : typeof props.checked !== "undefined" ? props.checked : void 0
+      }, visibleProps.value, {
+        ref_key: "nativeElement",
+        ref: nativeElement
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/SynVueCheckbox.vue2.js

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

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

@@ -1,16 +1,4 @@
-import '@synergy-design-system/components/components/combobox/combobox.js';
-import type { SynChangeEvent } from '@synergy-design-system/components';
-import type { SynClearEvent } from '@synergy-design-system/components';
-import type { SynInputEvent } from '@synergy-design-system/components';
-import type { SynFocusEvent } from '@synergy-design-system/components';
-import type { SynBlurEvent } from '@synergy-design-system/components';
-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 { SynInvalidEvent } from '@synergy-design-system/components';
-import type { SynErrorEvent } from '@synergy-design-system/components';
-import type { SynCombobox } from '@synergy-design-system/components';
+import { SynChangeEvent, SynClearEvent, SynInputEvent, SynFocusEvent, SynBlurEvent, SynShowEvent, SynAfterShowEvent, SynHideEvent, SynAfterHideEvent, SynInvalidEvent, SynErrorEvent, SynCombobox } from '@synergy-design-system/components';
 export type { SynChangeEvent } from '@synergy-design-system/components';
 export type { SynClearEvent } from '@synergy-design-system/components';
 export type { SynInputEvent } from '@synergy-design-system/components';
@@ -22,7 +10,7 @@ export type { SynHideEvent } from '@synergy-design-system/components';
 export type { SynAfterHideEvent } from '@synergy-design-system/components';
 export type { SynInvalidEvent } from '@synergy-design-system/components';
 export type { SynErrorEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     /**
      * The name of the combobox, submitted as a name/value pair with form data.
      */
@@ -104,21 +92,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     modelValue?: SynCombobox["value"];
 }, {
-    nativeElement: import("vue").Ref<SynCombobox | undefined, SynCombobox | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-after-hide": (e: SynAfterHideEvent) => any;
+    nativeElement: import('vue').Ref<SynCombobox | undefined, SynCombobox | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "syn-show": (e: SynShowEvent) => any;
     "syn-after-show": (e: SynAfterShowEvent) => any;
+    "syn-hide": (e: SynHideEvent) => any;
+    "syn-after-hide": (e: SynAfterHideEvent) => any;
     "syn-blur": (e: SynBlurEvent) => any;
-    "syn-change": (e: SynChangeEvent) => any;
-    "syn-clear": (e: SynClearEvent) => any;
-    "syn-error": (e: SynErrorEvent) => any;
     "syn-focus": (e: SynFocusEvent) => any;
-    "syn-hide": (e: SynHideEvent) => any;
-    "syn-input": (e: SynInputEvent) => any;
     "syn-invalid": (e: SynInvalidEvent) => any;
-    "syn-show": (e: SynShowEvent) => any;
+    "syn-change": (e: SynChangeEvent) => any;
+    "syn-input": (e: SynInputEvent) => any;
     "update:modelValue": (newValue: string) => any;
-}, string, import("vue").PublicProps, Readonly<{
+    "syn-clear": (e: SynClearEvent) => any;
+    "syn-error": (e: SynErrorEvent) => any;
+}, string, import('vue').PublicProps, Readonly<{
     /**
      * The name of the combobox, submitted as a name/value pair with form data.
      */
@@ -200,19 +188,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     modelValue?: SynCombobox["value"];
 }> & 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-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
     "onSyn-blur"?: ((e: SynBlurEvent) => any) | undefined;
-    "onSyn-change"?: ((e: SynChangeEvent) => any) | undefined;
-    "onSyn-clear"?: ((e: SynClearEvent) => any) | undefined;
-    "onSyn-error"?: ((e: SynErrorEvent) => any) | undefined;
     "onSyn-focus"?: ((e: SynFocusEvent) => any) | undefined;
-    "onSyn-hide"?: ((e: SynHideEvent) => any) | undefined;
-    "onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
     "onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;
-    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
+    "onSyn-change"?: ((e: SynChangeEvent) => any) | undefined;
+    "onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((newValue: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    "onSyn-clear"?: ((e: SynClearEvent) => any) | undefined;
+    "onSyn-error"?: ((e: SynErrorEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueCombobox.vue.js

@@ -0,0 +1,64 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/combobox/combobox.js";
+const _hoisted_1 = ["value"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueCombobox",
+  props: {
+    name: {},
+    value: {},
+    size: {},
+    placeholder: {},
+    disabled: {},
+    clearable: {},
+    open: {},
+    hoist: {},
+    label: {},
+    placement: {},
+    helpText: {},
+    form: {},
+    required: {},
+    getOption: {},
+    filter: {},
+    modelValue: {}
+  },
+  emits: ["syn-change", "syn-clear", "syn-input", "syn-focus", "syn-blur", "syn-show", "syn-after-show", "syn-hide", "syn-after-hide", "syn-invalid", "syn-error", "update:modelValue"],
+  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-combobox", mergeProps({
+        onSynChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("syn-change", $event)),
+        onSynClear: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("syn-clear", $event)),
+        onSynInput: _cache[2] || (_cache[2] = ($event) => {
+          _ctx.$emit("update:modelValue", $event.target.value);
+          _ctx.$emit("syn-input", $event);
+        }),
+        onSynFocus: _cache[3] || (_cache[3] = ($event) => _ctx.$emit("syn-focus", $event)),
+        onSynBlur: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("syn-blur", $event)),
+        onSynShow: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("syn-show", $event)),
+        onSynAfterShow: _cache[6] || (_cache[6] = ($event) => _ctx.$emit("syn-after-show", $event)),
+        onSynHide: _cache[7] || (_cache[7] = ($event) => _ctx.$emit("syn-hide", $event)),
+        onSynAfterHide: _cache[8] || (_cache[8] = ($event) => _ctx.$emit("syn-after-hide", $event)),
+        onSynInvalid: _cache[9] || (_cache[9] = ($event) => _ctx.$emit("syn-invalid", $event)),
+        onSynError: _cache[10] || (_cache[10] = ($event) => _ctx.$emit("syn-error", $event)),
+        value: typeof props.modelValue !== "undefined" ? props.modelValue : typeof props.value !== "undefined" ? props.value : void 0
+      }, visibleProps.value, {
+        ref_key: "nativeElement",
+        ref: nativeElement
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/SynVueCombobox.vue2.js

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

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

@@ -1,14 +1,9 @@
-import '@synergy-design-system/components/components/details/details.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 { SynDetails } from '@synergy-design-system/components';
+import { SynShowEvent, SynAfterShowEvent, SynHideEvent, SynAfterHideEvent, SynDetails } 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 details is open.
   * You can toggle this attribute to show and hide the details, or you
@@ -33,13 +28,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     size?: SynDetails["size"];
 }, {
-    nativeElement: import("vue").Ref<SynDetails | undefined, SynDetails | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-after-hide": (e: SynAfterHideEvent) => any;
+    nativeElement: import('vue').Ref<SynDetails | undefined, SynDetails | 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 details is open.
   * You can toggle this attribute to show and hide the details, or you
@@ -64,11 +59,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     size?: SynDetails["size"];
 }> & 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/SynVueDetails.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/details/details.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueDetails",
+  props: {
+    open: {},
+    summary: {},
+    disabled: {},
+    contained: {},
+    size: {}
+  },
+  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-details", 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/SynVueDetails.vue2.js

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

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

@@ -1,18 +1,11 @@
-import '@synergy-design-system/components/components/dialog/dialog.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 { SynInitialFocusEvent } from '@synergy-design-system/components';
-import type { SynRequestCloseEvent } from '@synergy-design-system/components';
-import type { SynDialog } from '@synergy-design-system/components';
+import { SynShowEvent, SynAfterShowEvent, SynHideEvent, SynAfterHideEvent, SynInitialFocusEvent, SynRequestCloseEvent, SynDialog } 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';
 export type { SynInitialFocusEvent } from '@synergy-design-system/components';
 export type { SynRequestCloseEvent } 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 dialog is open.
   * You can toggle this attribute to show and hide the dialog, or you can
@@ -33,15 +26,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
    */
     noHeader?: SynDialog["noHeader"];
 }, {
-    nativeElement: import("vue").Ref<SynDialog | undefined, SynDialog | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-after-hide": (e: SynAfterHideEvent) => any;
+    nativeElement: import('vue').Ref<SynDialog | undefined, SynDialog | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "syn-show": (e: SynShowEvent) => any;
     "syn-after-show": (e: SynAfterShowEvent) => any;
     "syn-hide": (e: SynHideEvent) => any;
+    "syn-after-hide": (e: SynAfterHideEvent) => any;
     "syn-initial-focus": (e: SynInitialFocusEvent) => any;
     "syn-request-close": (e: SynRequestCloseEvent) => any;
-    "syn-show": (e: SynShowEvent) => any;
-}, string, import("vue").PublicProps, Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
     /**
   * Indicates whether or not the dialog is open.
   * You can toggle this attribute to show and hide the dialog, or you can
@@ -62,13 +55,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
    */
     noHeader?: SynDialog["noHeader"];
 }> & 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-after-hide"?: ((e: SynAfterHideEvent) => any) | undefined;
     "onSyn-initial-focus"?: ((e: SynInitialFocusEvent) => any) | undefined;
     "onSyn-request-close"?: ((e: SynRequestCloseEvent) => any) | undefined;
-    "onSyn-show"?: ((e: SynShowEvent) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueDialog.vue.js

@@ -0,0 +1,41 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/dialog/dialog.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueDialog",
+  props: {
+    open: {},
+    label: {},
+    noHeader: {}
+  },
+  emits: ["syn-show", "syn-after-show", "syn-hide", "syn-after-hide", "syn-initial-focus", "syn-request-close"],
+  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-dialog", 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)),
+        onSynInitialFocus: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("syn-initial-focus", $event)),
+        onSynRequestClose: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("syn-request-close", $event))
+      }, visibleProps.value, {
+        ref_key: "nativeElement",
+        ref: nativeElement
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/SynVueDialog.vue2.js

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

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

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