@synergy-design-system/vue 2.11.5 → 2.11.7

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

@@ -1,16 +1,10 @@
-import '@synergy-design-system/components/components/textarea/textarea.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 { SynTextarea } from '@synergy-design-system/components';
+import { SynBlurEvent, SynChangeEvent, SynFocusEvent, SynInputEvent, SynInvalidEvent, SynTextarea } 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?: SynTextarea["title"];
     /**
      * The name of the textarea, submitted as a name/value pair with form data.
@@ -110,15 +104,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
      */
     modelValue?: SynTextarea["value"];
 }, {
-    nativeElement: import("vue").Ref<SynTextarea | undefined, SynTextarea | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    nativeElement: import('vue').Ref<SynTextarea | undefined, SynTextarea | 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: string) => any;
-}, string, import("vue").PublicProps, Readonly<{
+}, string, import('vue').PublicProps, Readonly<{
     title?: SynTextarea["title"];
     /**
      * The name of the textarea, submitted as a name/value pair with form data.
@@ -219,12 +213,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue?: SynTextarea["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-change"?: ((e: SynChangeEvent) => any) | undefined;
+    "onSyn-input"?: ((e: SynInputEvent) => 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/SynVueTextarea.vue.js

@@ -0,0 +1,65 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/textarea/textarea.js";
+const _hoisted_1 = ["value"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueTextarea",
+  props: {
+    title: {},
+    name: {},
+    value: {},
+    size: {},
+    label: {},
+    helpText: {},
+    placeholder: {},
+    rows: {},
+    resize: {},
+    disabled: {},
+    readonly: {},
+    form: {},
+    required: {},
+    minlength: {},
+    maxlength: {},
+    autocapitalize: {},
+    autocorrect: {},
+    autocomplete: {},
+    autofocus: {},
+    enterkeyhint: {},
+    spellcheck: {},
+    inputmode: {},
+    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-textarea", 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)),
+        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/SynVueTextarea.vue2.js

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

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

@@ -1,14 +1,9 @@
-import '@synergy-design-system/components/components/tooltip/tooltip.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 { SynTooltip } from '@synergy-design-system/components';
+import { SynShowEvent, SynAfterShowEvent, SynHideEvent, SynAfterHideEvent, SynTooltip } 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<{
     /**
      * The tooltip's content.
      * If you need to display HTML, use the `content` slot instead.
@@ -54,13 +49,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
    */
     hoist?: SynTooltip["hoist"];
 }, {
-    nativeElement: import("vue").Ref<SynTooltip | undefined, SynTooltip | undefined>;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "syn-after-hide": (e: SynAfterHideEvent) => any;
+    nativeElement: import('vue').Ref<SynTooltip | undefined, SynTooltip | 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<{
     /**
      * The tooltip's content.
      * If you need to display HTML, use the `content` slot instead.
@@ -106,11 +101,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
    */
     hoist?: SynTooltip["hoist"];
 }> & 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/SynVueTooltip.vue.js

@@ -0,0 +1,44 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, mergeProps, renderSlot } from "vue";
+import "@synergy-design-system/components/components/tooltip/tooltip.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SynVueTooltip",
+  props: {
+    content: {},
+    placement: {},
+    disabled: {},
+    distance: {},
+    open: {},
+    skidding: {},
+    trigger: {},
+    hoist: {}
+  },
+  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-tooltip", 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/SynVueTooltip.vue2.js

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

package/dist/index.d.ts

@@ -1,45 +1,45 @@
-export { default as SynVueAccordion } from "./components/SynVueAccordion.vue";
-export { default as SynVueAlert } from "./components/SynVueAlert.vue";
-export { default as SynVueBadge } from "./components/SynVueBadge.vue";
-export { default as SynVueBreadcrumb } from "./components/SynVueBreadcrumb.vue";
-export { default as SynVueBreadcrumbItem } from "./components/SynVueBreadcrumbItem.vue";
-export { default as SynVueButton } from "./components/SynVueButton.vue";
-export { default as SynVueButtonGroup } from "./components/SynVueButtonGroup.vue";
-export { default as SynVueCard } from "./components/SynVueCard.vue";
-export { default as SynVueCheckbox } from "./components/SynVueCheckbox.vue";
-export { default as SynVueCombobox } from "./components/SynVueCombobox.vue";
-export { default as SynVueDetails } from "./components/SynVueDetails.vue";
-export { default as SynVueDialog } from "./components/SynVueDialog.vue";
-export { default as SynVueDivider } from "./components/SynVueDivider.vue";
-export { default as SynVueDrawer } from "./components/SynVueDrawer.vue";
-export { default as SynVueDropdown } from "./components/SynVueDropdown.vue";
-export { default as SynVueFile } from "./components/SynVueFile.vue";
-export { default as SynVueHeader } from "./components/SynVueHeader.vue";
-export { default as SynVueIcon } from "./components/SynVueIcon.vue";
-export { default as SynVueIconButton } from "./components/SynVueIconButton.vue";
-export { default as SynVueInput } from "./components/SynVueInput.vue";
-export { default as SynVueMenu } from "./components/SynVueMenu.vue";
-export { default as SynVueMenuItem } from "./components/SynVueMenuItem.vue";
-export { default as SynVueMenuLabel } from "./components/SynVueMenuLabel.vue";
-export { default as SynVueNavItem } from "./components/SynVueNavItem.vue";
-export { default as SynVueOptgroup } from "./components/SynVueOptgroup.vue";
-export { default as SynVueOption } from "./components/SynVueOption.vue";
-export { default as SynVuePopup } from "./components/SynVuePopup.vue";
-export { default as SynVuePrioNav } from "./components/SynVuePrioNav.vue";
-export { default as SynVueProgressBar } from "./components/SynVueProgressBar.vue";
-export { default as SynVueProgressRing } from "./components/SynVueProgressRing.vue";
-export { default as SynVueRadio } from "./components/SynVueRadio.vue";
-export { default as SynVueRadioButton } from "./components/SynVueRadioButton.vue";
-export { default as SynVueRadioGroup } from "./components/SynVueRadioGroup.vue";
-export { default as SynVueRange } from "./components/SynVueRange.vue";
-export { default as SynVueRangeTick } from "./components/SynVueRangeTick.vue";
-export { default as SynVueSelect } from "./components/SynVueSelect.vue";
-export { default as SynVueSideNav } from "./components/SynVueSideNav.vue";
-export { default as SynVueSpinner } from "./components/SynVueSpinner.vue";
-export { default as SynVueSwitch } from "./components/SynVueSwitch.vue";
-export { default as SynVueTab } from "./components/SynVueTab.vue";
-export { default as SynVueTabGroup } from "./components/SynVueTabGroup.vue";
-export { default as SynVueTabPanel } from "./components/SynVueTabPanel.vue";
-export { default as SynVueTag } from "./components/SynVueTag.vue";
-export { default as SynVueTextarea } from "./components/SynVueTextarea.vue";
-export { default as SynVueTooltip } from "./components/SynVueTooltip.vue";
+export { default as SynVueAccordion } from './components/SynVueAccordion.vue';
+export { default as SynVueAlert } from './components/SynVueAlert.vue';
+export { default as SynVueBadge } from './components/SynVueBadge.vue';
+export { default as SynVueBreadcrumb } from './components/SynVueBreadcrumb.vue';
+export { default as SynVueBreadcrumbItem } from './components/SynVueBreadcrumbItem.vue';
+export { default as SynVueButton } from './components/SynVueButton.vue';
+export { default as SynVueButtonGroup } from './components/SynVueButtonGroup.vue';
+export { default as SynVueCard } from './components/SynVueCard.vue';
+export { default as SynVueCheckbox } from './components/SynVueCheckbox.vue';
+export { default as SynVueCombobox } from './components/SynVueCombobox.vue';
+export { default as SynVueDetails } from './components/SynVueDetails.vue';
+export { default as SynVueDialog } from './components/SynVueDialog.vue';
+export { default as SynVueDivider } from './components/SynVueDivider.vue';
+export { default as SynVueDrawer } from './components/SynVueDrawer.vue';
+export { default as SynVueDropdown } from './components/SynVueDropdown.vue';
+export { default as SynVueFile } from './components/SynVueFile.vue';
+export { default as SynVueHeader } from './components/SynVueHeader.vue';
+export { default as SynVueIcon } from './components/SynVueIcon.vue';
+export { default as SynVueIconButton } from './components/SynVueIconButton.vue';
+export { default as SynVueInput } from './components/SynVueInput.vue';
+export { default as SynVueMenu } from './components/SynVueMenu.vue';
+export { default as SynVueMenuItem } from './components/SynVueMenuItem.vue';
+export { default as SynVueMenuLabel } from './components/SynVueMenuLabel.vue';
+export { default as SynVueNavItem } from './components/SynVueNavItem.vue';
+export { default as SynVueOptgroup } from './components/SynVueOptgroup.vue';
+export { default as SynVueOption } from './components/SynVueOption.vue';
+export { default as SynVuePopup } from './components/SynVuePopup.vue';
+export { default as SynVuePrioNav } from './components/SynVuePrioNav.vue';
+export { default as SynVueProgressBar } from './components/SynVueProgressBar.vue';
+export { default as SynVueProgressRing } from './components/SynVueProgressRing.vue';
+export { default as SynVueRadio } from './components/SynVueRadio.vue';
+export { default as SynVueRadioButton } from './components/SynVueRadioButton.vue';
+export { default as SynVueRadioGroup } from './components/SynVueRadioGroup.vue';
+export { default as SynVueRange } from './components/SynVueRange.vue';
+export { default as SynVueRangeTick } from './components/SynVueRangeTick.vue';
+export { default as SynVueSelect } from './components/SynVueSelect.vue';
+export { default as SynVueSideNav } from './components/SynVueSideNav.vue';
+export { default as SynVueSpinner } from './components/SynVueSpinner.vue';
+export { default as SynVueSwitch } from './components/SynVueSwitch.vue';
+export { default as SynVueTab } from './components/SynVueTab.vue';
+export { default as SynVueTabGroup } from './components/SynVueTabGroup.vue';
+export { default as SynVueTabPanel } from './components/SynVueTabPanel.vue';
+export { default as SynVueTag } from './components/SynVueTag.vue';
+export { default as SynVueTextarea } from './components/SynVueTextarea.vue';
+export { default as SynVueTooltip } from './components/SynVueTooltip.vue';

package/dist/index.js

@@ -0,0 +1,92 @@
+import { default as default2 } from "./components/SynVueAccordion.vue.js";
+import { default as default3 } from "./components/SynVueAlert.vue.js";
+import { default as default4 } from "./components/SynVueBadge.vue.js";
+import { default as default5 } from "./components/SynVueBreadcrumb.vue.js";
+import { default as default6 } from "./components/SynVueBreadcrumbItem.vue.js";
+import { default as default7 } from "./components/SynVueButton.vue.js";
+import { default as default8 } from "./components/SynVueButtonGroup.vue.js";
+import { default as default9 } from "./components/SynVueCard.vue.js";
+import { default as default10 } from "./components/SynVueCheckbox.vue.js";
+import { default as default11 } from "./components/SynVueCombobox.vue.js";
+import { default as default12 } from "./components/SynVueDetails.vue.js";
+import { default as default13 } from "./components/SynVueDialog.vue.js";
+import { default as default14 } from "./components/SynVueDivider.vue.js";
+import { default as default15 } from "./components/SynVueDrawer.vue.js";
+import { default as default16 } from "./components/SynVueDropdown.vue.js";
+import { default as default17 } from "./components/SynVueFile.vue.js";
+import { default as default18 } from "./components/SynVueHeader.vue.js";
+import { default as default19 } from "./components/SynVueIcon.vue.js";
+import { default as default20 } from "./components/SynVueIconButton.vue.js";
+import { default as default21 } from "./components/SynVueInput.vue.js";
+import { default as default22 } from "./components/SynVueMenu.vue.js";
+import { default as default23 } from "./components/SynVueMenuItem.vue.js";
+import { default as default24 } from "./components/SynVueMenuLabel.vue.js";
+import { default as default25 } from "./components/SynVueNavItem.vue.js";
+import { default as default26 } from "./components/SynVueOptgroup.vue.js";
+import { default as default27 } from "./components/SynVueOption.vue.js";
+import { default as default28 } from "./components/SynVuePopup.vue.js";
+import { default as default29 } from "./components/SynVuePrioNav.vue.js";
+import { default as default30 } from "./components/SynVueProgressBar.vue.js";
+import { default as default31 } from "./components/SynVueProgressRing.vue.js";
+import { default as default32 } from "./components/SynVueRadio.vue.js";
+import { default as default33 } from "./components/SynVueRadioButton.vue.js";
+import { default as default34 } from "./components/SynVueRadioGroup.vue.js";
+import { default as default35 } from "./components/SynVueRange.vue.js";
+import { default as default36 } from "./components/SynVueRangeTick.vue.js";
+import { default as default37 } from "./components/SynVueSelect.vue.js";
+import { default as default38 } from "./components/SynVueSideNav.vue.js";
+import { default as default39 } from "./components/SynVueSpinner.vue.js";
+import { default as default40 } from "./components/SynVueSwitch.vue.js";
+import { default as default41 } from "./components/SynVueTab.vue.js";
+import { default as default42 } from "./components/SynVueTabGroup.vue.js";
+import { default as default43 } from "./components/SynVueTabPanel.vue.js";
+import { default as default44 } from "./components/SynVueTag.vue.js";
+import { default as default45 } from "./components/SynVueTextarea.vue.js";
+import { default as default46 } from "./components/SynVueTooltip.vue.js";
+export {
+  default2 as SynVueAccordion,
+  default3 as SynVueAlert,
+  default4 as SynVueBadge,
+  default5 as SynVueBreadcrumb,
+  default6 as SynVueBreadcrumbItem,
+  default7 as SynVueButton,
+  default8 as SynVueButtonGroup,
+  default9 as SynVueCard,
+  default10 as SynVueCheckbox,
+  default11 as SynVueCombobox,
+  default12 as SynVueDetails,
+  default13 as SynVueDialog,
+  default14 as SynVueDivider,
+  default15 as SynVueDrawer,
+  default16 as SynVueDropdown,
+  default17 as SynVueFile,
+  default18 as SynVueHeader,
+  default19 as SynVueIcon,
+  default20 as SynVueIconButton,
+  default21 as SynVueInput,
+  default22 as SynVueMenu,
+  default23 as SynVueMenuItem,
+  default24 as SynVueMenuLabel,
+  default25 as SynVueNavItem,
+  default26 as SynVueOptgroup,
+  default27 as SynVueOption,
+  default28 as SynVuePopup,
+  default29 as SynVuePrioNav,
+  default30 as SynVueProgressBar,
+  default31 as SynVueProgressRing,
+  default32 as SynVueRadio,
+  default33 as SynVueRadioButton,
+  default34 as SynVueRadioGroup,
+  default35 as SynVueRange,
+  default36 as SynVueRangeTick,
+  default37 as SynVueSelect,
+  default38 as SynVueSideNav,
+  default39 as SynVueSpinner,
+  default40 as SynVueSwitch,
+  default41 as SynVueTab,
+  default42 as SynVueTabGroup,
+  default43 as SynVueTabPanel,
+  default44 as SynVueTag,
+  default45 as SynVueTextarea,
+  default46 as SynVueTooltip
+};

package/package.json

@@ -4,15 +4,15 @@
     "url": "https://www.sick.com"
   },
   "dependencies": {
-    "@synergy-design-system/components": "^2.11.5"
+    "@synergy-design-system/components": "^2.11.7"
   },
   "description": "Vue3 wrappers for the Synergy Design System",
   "exports": {
     ".": {
       "types": "./dist/index.d.ts",
-      "import": "./src/index.js"
+      "import": "./dist/index.js"
     },
-    "./components/*": "./src/components/*"
+    "./components/*": "./dist/components/*"
   },
   "types": "./dist/index.d.ts",
   "files": [
@@ -40,12 +40,19 @@
     "directory": "packages/vue"
   },
   "type": "module",
-  "version": "2.11.5",
+  "version": "2.11.7",
   "devDependencies": {
+    "@vitejs/plugin-vue": "^5.1.4",
     "@vue/tsconfig": "^0.5.1",
-    "vue": "^3.5.11"
+    "rollup-plugin-node-externals": "^7.1.3",
+    "vite": "^5.4.10",
+    "vite-plugin-dts": "^4.3.0",
+    "vue": "^3.5.12"
   },
   "peerDependencies": {
     "@synergy-design-system/tokens": "^2.13.0"
+  },
+  "scripts": {
+    "_build": "vite build"
   }
 }