@synergy-design-system/vue 2.11.5 → 2.11.7

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

@@ -1,5 +1,4 @@
-import '@synergy-design-system/components/components/progress-ring/progress-ring.js';
-import type { SynProgressRing } from '@synergy-design-system/components';
+import { SynProgressRing } 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 current progress as a percentage, 0 to 100.
      */
@@ -20,8 +19,8 @@ declare const __VLS_component: import("vue").DefineComponent<{
      */
     label?: SynProgressRing["label"];
 }, {
-    nativeElement: import("vue").Ref<SynProgressRing | undefined, SynProgressRing | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    nativeElement: import('vue').Ref<SynProgressRing | undefined, SynProgressRing | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     /**
      * The current progress as a percentage, 0 to 100.
      */
@@ -30,7 +29,7 @@ declare const __VLS_component: import("vue").DefineComponent<{
      * A custom label for assistive devices.
      */
     label?: SynProgressRing["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/SynVueProgressRing.vue.js

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

package/dist/components/SynVueProgressRing.vue2.js

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

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

@@ -1,10 +1,7 @@
-import '@synergy-design-system/components/components/radio/radio.js';
-import type { SynBlurEvent } from '@synergy-design-system/components';
-import type { SynFocusEvent } from '@synergy-design-system/components';
-import type { SynRadio } from '@synergy-design-system/components';
+import { SynBlurEvent, SynFocusEvent, SynRadio } from '@synergy-design-system/components';
 export type { SynBlurEvent } from '@synergy-design-system/components';
 export type { SynFocusEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     /**
      * The radio's value.
      * When selected, the radio group will receive this value.
@@ -21,11 +18,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     disabled?: SynRadio["disabled"];
 }, {
-    nativeElement: import("vue").Ref<SynRadio | undefined, SynRadio | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    nativeElement: import('vue').Ref<SynRadio | undefined, SynRadio | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "syn-blur": (e: SynBlurEvent) => any;
     "syn-focus": (e: SynFocusEvent) => any;
-}, string, import("vue").PublicProps, Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
     /**
      * The radio's value.
      * When selected, the radio group will receive this value.
@@ -44,7 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<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, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueRadio.vue.js

@@ -0,0 +1,37 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/radio/radio.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueRadio",
+  props: {
+    value: {},
+    size: {},
+    disabled: {}
+  },
+  emits: ["syn-blur", "syn-focus"],
+  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-radio", mergeProps({
+        onSynBlur: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("syn-blur", $event)),
+        onSynFocus: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("syn-focus", $event))
+      }, visibleProps.value, {
+        ref_key: "nativeElement",
+        ref: nativeElement
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/SynVueRadio.vue2.js

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

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

@@ -1,10 +1,7 @@
-import '@synergy-design-system/components/components/radio-button/radio-button.js';
-import type { SynBlurEvent } from '@synergy-design-system/components';
-import type { SynFocusEvent } from '@synergy-design-system/components';
-import type { SynRadioButton } from '@synergy-design-system/components';
+import { SynBlurEvent, SynFocusEvent, SynRadioButton } from '@synergy-design-system/components';
 export type { SynBlurEvent } from '@synergy-design-system/components';
 export type { SynFocusEvent } from '@synergy-design-system/components';
-declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     /**
      * The radio's value.
      * When selected, the radio group will receive this value.
@@ -25,11 +22,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     pill?: SynRadioButton["pill"];
 }, {
-    nativeElement: import("vue").Ref<SynRadioButton | undefined, SynRadioButton | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    nativeElement: import('vue').Ref<SynRadioButton | undefined, SynRadioButton | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "syn-blur": (e: SynBlurEvent) => any;
     "syn-focus": (e: SynFocusEvent) => any;
-}, string, import("vue").PublicProps, Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
     /**
      * The radio's value.
      * When selected, the radio group will receive this value.
@@ -52,7 +49,7 @@ declare const _default: __VLS_WithTemplateSlots<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, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueRadioButton.vue.js

@@ -0,0 +1,38 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/radio-button/radio-button.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueRadioButton",
+  props: {
+    value: {},
+    disabled: {},
+    size: {},
+    pill: {}
+  },
+  emits: ["syn-blur", "syn-focus"],
+  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-radio-button", mergeProps({
+        onSynBlur: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("syn-blur", $event)),
+        onSynFocus: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("syn-focus", $event))
+      }, visibleProps.value, {
+        ref_key: "nativeElement",
+        ref: nativeElement
+      }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/components/SynVueRadioButton.vue2.js

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

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

@@ -1,12 +1,8 @@
-import '@synergy-design-system/components/components/radio-group/radio-group.js';
-import type { SynChangeEvent } from '@synergy-design-system/components';
-import type { SynInputEvent } from '@synergy-design-system/components';
-import type { SynInvalidEvent } from '@synergy-design-system/components';
-import type { SynRadioGroup } from '@synergy-design-system/components';
+import { SynChangeEvent, SynInputEvent, SynInvalidEvent, SynRadioGroup } from '@synergy-design-system/components';
 export type { SynChangeEvent } 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<{
     /**
   * The radio group's label.
   * Required for proper accessibility.
@@ -49,13 +45,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     modelValue?: SynRadioGroup["value"];
 }, {
-    nativeElement: import("vue").Ref<SynRadioGroup | undefined, SynRadioGroup | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    nativeElement: import('vue').Ref<SynRadioGroup | undefined, SynRadioGroup | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "syn-invalid": (e: SynInvalidEvent) => any;
     "syn-change": (e: SynChangeEvent) => any;
     "syn-input": (e: SynInputEvent) => any;
-    "syn-invalid": (e: SynInvalidEvent) => any;
     "update:modelValue": (newValue: string) => any;
-}, string, import("vue").PublicProps, Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
     /**
   * The radio group's label.
   * Required for proper accessibility.
@@ -98,11 +94,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     modelValue?: SynRadioGroup["value"];
 }> & Readonly<{
+    "onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;
     "onSyn-change"?: ((e: SynChangeEvent) => any) | undefined;
     "onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
-    "onSyn-invalid"?: ((e: SynInvalidEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((newValue: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueRadioGroup.vue.js

@@ -0,0 +1,48 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/radio-group/radio-group.js";
+const _hoisted_1 = ["value"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueRadioGroup",
+  props: {
+    label: {},
+    helpText: {},
+    name: {},
+    value: {},
+    size: {},
+    form: {},
+    required: {},
+    modelValue: {}
+  },
+  emits: ["syn-change", "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-radio-group", mergeProps({
+        onSynChange: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("syn-change", $event)),
+        onSynInput: _cache[1] || (_cache[1] = ($event) => {
+          _ctx.$emit("update:modelValue", $event.target.value);
+          _ctx.$emit("syn-input", $event);
+        }),
+        onSynInvalid: _cache[2] || (_cache[2] = ($event) => _ctx.$emit("syn-invalid", $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/SynVueRadioGroup.vue2.js

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

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

@@ -1,18 +1,11 @@
-import '@synergy-design-system/components/components/range/range.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 { SynMoveEvent } from '@synergy-design-system/components';
-import type { SynRange } from '@synergy-design-system/components';
+import { SynBlurEvent, SynChangeEvent, SynFocusEvent, SynInputEvent, SynInvalidEvent, SynMoveEvent, SynRange } 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';
 export type { SynMoveEvent } 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 range, submitted as a name/value pair with form data.
      */
@@ -74,16 +67,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     modelValue?: SynRange["value"];
 }, {
-    nativeElement: import("vue").Ref<SynRange | undefined, SynRange | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    nativeElement: import('vue').Ref<SynRange | undefined, SynRange | 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-move": (e: SynMoveEvent) => any;
+    "syn-change": (e: SynChangeEvent) => any;
+    "syn-input": (e: SynInputEvent) => any;
     "update:modelValue": (newValue: string | null) => any;
-}, string, import("vue").PublicProps, Readonly<{
+    "syn-move": (e: SynMoveEvent) => any;
+}, string, import('vue').PublicProps, Readonly<{
     /**
      * The name of the range, submitted as a name/value pair with form data.
      */
@@ -146,13 +139,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue?: SynRange["value"];
 }> & 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-move"?: ((e: SynMoveEvent) => any) | undefined;
+    "onSyn-change"?: ((e: SynChangeEvent) => any) | undefined;
+    "onSyn-input"?: ((e: SynInputEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((newValue: string | null) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    "onSyn-move"?: ((e: SynMoveEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/components/SynVueRange.vue.js

@@ -0,0 +1,56 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/range/range.js";
+const _hoisted_1 = ["value"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueRange",
+  props: {
+    name: {},
+    label: {},
+    helpText: {},
+    disabled: {},
+    min: {},
+    max: {},
+    step: {},
+    size: {},
+    tooltipPlacement: {},
+    value: {},
+    form: {},
+    tooltipFormatter: {},
+    modelValue: {}
+  },
+  emits: ["syn-blur", "syn-change", "syn-focus", "syn-input", "syn-invalid", "syn-move", "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-range", 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.value);
+          _ctx.$emit("syn-input", $event);
+        }),
+        onSynInvalid: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("syn-invalid", $event)),
+        onSynMove: _cache[5] || (_cache[5] = ($event) => _ctx.$emit("syn-move", $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/SynVueRange.vue2.js

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

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

@@ -1,5 +1,4 @@
-import '@synergy-design-system/components/components/range-tick/range-tick.js';
-import type { SynRangeTick } from '@synergy-design-system/components';
+import { SynRangeTick } 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<{
     /**
      * Whether the tick should be shown as a subdivision.
      */
     subdivision?: SynRangeTick["subdivision"];
 }, {
-    nativeElement: import("vue").Ref<SynRangeTick | undefined, SynRangeTick | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
+    nativeElement: import('vue').Ref<SynRangeTick | undefined, SynRangeTick | undefined>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     /**
      * Whether the tick should be shown as a subdivision.
      */
     subdivision?: SynRangeTick["subdivision"];
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

package/dist/components/SynVueRangeTick.vue.js

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

package/dist/components/SynVueRangeTick.vue2.js

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

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

@@ -1,15 +1,4 @@
-import '@synergy-design-system/components/components/select/select.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 { SynSelect } from '@synergy-design-system/components';
+import { SynChangeEvent, SynClearEvent, SynInputEvent, SynFocusEvent, SynBlurEvent, SynShowEvent, SynAfterShowEvent, SynHideEvent, SynAfterHideEvent, SynInvalidEvent, SynSelect } 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';
@@ -20,7 +9,7 @@ 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 { SynInvalidEvent } 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 select, submitted as a name/value pair with form data.
      */
@@ -113,20 +102,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     modelValue?: SynSelect["value"];
 }, {
-    nativeElement: import("vue").Ref<SynSelect | undefined, SynSelect | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-after-hide": (e: SynAfterHideEvent) => any;
+    nativeElement: import('vue').Ref<SynSelect | undefined, SynSelect | 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-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 | string[]) => any;
-}, string, import("vue").PublicProps, Readonly<{
+    "syn-clear": (e: SynClearEvent) => any;
+}, string, import('vue').PublicProps, Readonly<{
     /**
      * The name of the select, submitted as a name/value pair with form data.
      */
@@ -219,18 +208,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     modelValue?: SynSelect["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-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 | string[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    "onSyn-clear"?: ((e: SynClearEvent) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     default?(_: {}): any;
 }>;
 export default _default;