@synergy-design-system/metadata 3.7.0 → 3.9.0

package/data/layers/full/component/component:syn-details/angular/details.component.ts

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynDetails } from '@synergy-design-system/components';
+import type SynDetails from '@synergy-design-system/components/components/details/details.component.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';
@@ -23,7 +23,7 @@ import '@synergy-design-system/components/components/details/details.js';
  * @summary Details show a brief summary and expand to show additional content.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-details--docs
  * @status stable
- * @since 2.0
+ * @since 2.3.0
  *
  * @dependency syn-icon
  *

package/data/layers/full/component/component:syn-details/components/details.component.ts

@@ -18,7 +18,7 @@ import { enableDefaultSettings } from '../../utilities/defaultSettings/decorator
  * @summary Details show a brief summary and expand to show additional content.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-details--docs
  * @status stable
- * @since 2.0
+ * @since 2.3.0
  *
  * @dependency syn-icon
  *

package/data/layers/full/component/component:syn-details/react/details.ts

@@ -20,7 +20,7 @@ Component.define('syn-details');
  * @summary Details show a brief summary and expand to show additional content.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-details--docs
  * @status stable
- * @since 2.0
+ * @since 2.3.0
  *
  * @dependency syn-icon
  *

package/data/layers/full/component/component:syn-details/vue/SynVueDetails.vue

@@ -9,7 +9,7 @@
  * @summary Details show a brief summary and expand to show additional content.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-details--docs
  * @status stable
- * @since 2.0
+ * @since 2.3.0
  *
  * @dependency syn-icon
  *
@@ -42,7 +42,7 @@ 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 type SynDetails from '@synergy-design-system/components/components/details/details.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynDetails>();

package/data/layers/full/component/component:syn-dialog/angular/dialog.component.ts

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynDialog } from '@synergy-design-system/components';
+import type SynDialog from '@synergy-design-system/components/components/dialog/dialog.component.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';
@@ -25,7 +25,7 @@ import '@synergy-design-system/components/components/dialog/dialog.js';
  * @summary Dialogs, sometimes called "modals", appear above the page and require the user's immediate attention.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-dialog--docs
  * @status stable
- * @since 2.0
+ * @since 1.23.0
  *
  * @dependency syn-icon-button
  *

package/data/layers/full/component/component:syn-dialog/components/dialog.component.ts

@@ -22,7 +22,7 @@ import styles from './dialog.styles.js';
  * @summary Dialogs, sometimes called "modals", appear above the page and require the user's immediate attention.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-dialog--docs
  * @status stable
- * @since 2.0
+ * @since 1.23.0
  *
  * @dependency syn-icon-button
  *

package/data/layers/full/component/component:syn-dialog/react/dialog.ts

@@ -22,7 +22,7 @@ Component.define('syn-dialog');
  * @summary Dialogs, sometimes called "modals", appear above the page and require the user's immediate attention.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-dialog--docs
  * @status stable
- * @since 2.0
+ * @since 1.23.0
  *
  * @dependency syn-icon-button
  *

package/data/layers/full/component/component:syn-dialog/vue/SynVueDialog.vue

@@ -9,7 +9,7 @@
  * @summary Dialogs, sometimes called "modals", appear above the page and require the user's immediate attention.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-dialog--docs
  * @status stable
- * @since 2.0
+ * @since 1.23.0
  *
  * @dependency syn-icon-button
  *
@@ -64,7 +64,7 @@ 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 type SynDialog from '@synergy-design-system/components/components/dialog/dialog.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynDialog>();

package/data/layers/full/component/component:syn-divider/angular/divider.component.ts

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynDivider } from '@synergy-design-system/components';
+import type SynDivider from '@synergy-design-system/components/components/divider/divider.component.js';
 
 import '@synergy-design-system/components/components/divider/divider.js';
 
@@ -20,7 +20,7 @@ import '@synergy-design-system/components/components/divider/divider.js';
  * @summary Dividers are used to visually separate or group elements.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-divider--docs
  * @status stable
- * @since 2.0
+ * @since 1.4.0
  *
  * @cssproperty --color - The color of the divider.
  * @cssproperty --width - The width of the divider.

package/data/layers/full/component/component:syn-divider/components/divider.component.ts

@@ -10,7 +10,7 @@ import type { CSSResultGroup } from 'lit';
  * @summary Dividers are used to visually separate or group elements.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-divider--docs
  * @status stable
- * @since 2.0
+ * @since 1.4.0
  *
  * @cssproperty --color - The color of the divider.
  * @cssproperty --width - The width of the divider.

package/data/layers/full/component/component:syn-divider/react/divider.ts

@@ -14,7 +14,7 @@ Component.define('syn-divider');
  * @summary Dividers are used to visually separate or group elements.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-divider--docs
  * @status stable
- * @since 2.0
+ * @since 1.4.0
  *
  * @cssproperty --color - The color of the divider.
  * @cssproperty --width - The width of the divider.

package/data/layers/full/component/component:syn-divider/vue/SynVueDivider.vue

@@ -9,7 +9,7 @@
  * @summary Dividers are used to visually separate or group elements.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-divider--docs
  * @status stable
- * @since 2.0
+ * @since 1.4.0
  *
  * @cssproperty --color - The color of the divider.
  * @cssproperty --width - The width of the divider.
@@ -18,7 +18,7 @@
 import { computed, ref } from 'vue';
 import '@synergy-design-system/components/components/divider/divider.js';
 
-import type { SynDivider } from '@synergy-design-system/components';
+import type SynDivider from '@synergy-design-system/components/components/divider/divider.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynDivider>();

package/data/layers/full/component/component:syn-drawer/angular/drawer.component.ts

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynDrawer } from '@synergy-design-system/components';
+import type SynDrawer from '@synergy-design-system/components/components/drawer/drawer.component.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';
@@ -25,7 +25,7 @@ import '@synergy-design-system/components/components/drawer/drawer.js';
  * @summary Drawers slide in from a container to expose additional options and information.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-drawer--docs
  * @status stable
- * @since 2.0
+ * @since 1.8.0
  *
  * @dependency syn-icon-button
  *

package/data/layers/full/component/component:syn-drawer/components/drawer.component.ts

@@ -24,7 +24,7 @@ import type { CSSResultGroup } from 'lit';
  * @summary Drawers slide in from a container to expose additional options and information.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-drawer--docs
  * @status stable
- * @since 2.0
+ * @since 1.8.0
  *
  * @dependency syn-icon-button
  *

package/data/layers/full/component/component:syn-drawer/react/drawer.ts

@@ -22,7 +22,7 @@ Component.define('syn-drawer');
  * @summary Drawers slide in from a container to expose additional options and information.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-drawer--docs
  * @status stable
- * @since 2.0
+ * @since 1.8.0
  *
  * @dependency syn-icon-button
  *

package/data/layers/full/component/component:syn-drawer/vue/SynVueDrawer.vue

@@ -9,7 +9,7 @@
  * @summary Drawers slide in from a container to expose additional options and information.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-drawer--docs
  * @status stable
- * @since 2.0
+ * @since 1.8.0
  *
  * @dependency syn-icon-button
  *
@@ -71,7 +71,7 @@ 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 { SynDrawer } from '@synergy-design-system/components';
+import type SynDrawer from '@synergy-design-system/components/components/drawer/drawer.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynDrawer>();

package/data/layers/full/component/component:syn-dropdown/angular/dropdown.component.ts

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynDropdown } from '@synergy-design-system/components';
+import type SynDropdown from '@synergy-design-system/components/components/dropdown/dropdown.component.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';
@@ -23,7 +23,7 @@ import '@synergy-design-system/components/components/dropdown/dropdown.js';
  * @summary Dropdowns expose additional content that "drops down" in a panel.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-dropdown--docs
  * @status stable
- * @since 2.0
+ * @since 1.12.0
  *
  * @dependency syn-popup
  *

package/data/layers/full/component/component:syn-dropdown/components/dropdown.component.ts

@@ -24,7 +24,7 @@ import type SynMenu from '../menu/menu.js';
  * @summary Dropdowns expose additional content that "drops down" in a panel.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-dropdown--docs
  * @status stable
- * @since 2.0
+ * @since 1.12.0
  *
  * @dependency syn-popup
  *

package/data/layers/full/component/component:syn-dropdown/react/dropdown.ts

@@ -20,7 +20,7 @@ Component.define('syn-dropdown');
  * @summary Dropdowns expose additional content that "drops down" in a panel.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-dropdown--docs
  * @status stable
- * @since 2.0
+ * @since 1.12.0
  *
  * @dependency syn-popup
  *

package/data/layers/full/component/component:syn-dropdown/vue/SynVueDropdown.vue

@@ -9,7 +9,7 @@
  * @summary Dropdowns expose additional content that "drops down" in a panel.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-dropdown--docs
  * @status stable
- * @since 2.0
+ * @since 1.12.0
  *
  * @dependency syn-popup
  *
@@ -36,7 +36,7 @@ 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 { SynDropdown } from '@synergy-design-system/components';
+import type SynDropdown from '@synergy-design-system/components/components/dropdown/dropdown.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynDropdown>();

package/data/layers/full/component/component:syn-file/angular/file.component.ts

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynFile } from '@synergy-design-system/components';
+import type SynFile from '@synergy-design-system/components/components/file/file.component.js';
 import type { SynBlurEvent } from '@synergy-design-system/components';
 import type { SynChangeEvent } from '@synergy-design-system/components';
 import type { SynErrorEvent } from '@synergy-design-system/components';
@@ -24,6 +24,7 @@ import '@synergy-design-system/components/components/file/file.js';
  * @summary File controls allow selecting an arbitrary number of files for uploading.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-file--docs
  * @status stable
+ * @since 2.5.0
  *
  * @dependency syn-button
  * @dependency syn-icon

package/data/layers/full/component/component:syn-file/components/file.component.ts

@@ -23,6 +23,7 @@ import { enableDefaultSettings } from '../../utilities/defaultSettings/decorator
  * @summary File controls allow selecting an arbitrary number of files for uploading.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-file--docs
  * @status stable
+ * @since 2.5.0
  *
  * @dependency syn-button
  * @dependency syn-icon

package/data/layers/full/component/component:syn-file/react/file.ts

@@ -21,6 +21,7 @@ Component.define('syn-file');
  * @summary File controls allow selecting an arbitrary number of files for uploading.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-file--docs
  * @status stable
+ * @since 2.5.0
  *
  * @dependency syn-button
  * @dependency syn-icon

package/data/layers/full/component/component:syn-file/vue/SynVueFile.vue

@@ -9,6 +9,7 @@
  * @summary File controls allow selecting an arbitrary number of files for uploading.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-file--docs
  * @status stable
+ * @since 2.5.0
  *
  * @dependency syn-button
  * @dependency syn-icon
@@ -60,7 +61,7 @@ import type { SynChangeEvent } from '@synergy-design-system/components';
 import type { SynErrorEvent } from '@synergy-design-system/components';
 import type { SynFocusEvent } from '@synergy-design-system/components';
 import type { SynInputEvent } from '@synergy-design-system/components';
-import type { SynFile } from '@synergy-design-system/components';
+import type SynFile from '@synergy-design-system/components/components/file/file.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynFile>();

package/data/layers/full/component/component:syn-header/angular/header.component.ts

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynHeader } from '@synergy-design-system/components';
+import type SynHeader from '@synergy-design-system/components/components/header/header.component.js';
 import type { SynBurgerMenuClosedEvent } from '@synergy-design-system/components';
 import type { SynBurgerMenuHiddenEvent } from '@synergy-design-system/components';
 import type { SynBurgerMenuOpenEvent } from '@synergy-design-system/components';

package/data/layers/full/component/component:syn-header/vue/SynVueHeader.vue

@@ -44,7 +44,7 @@ import '@synergy-design-system/components/components/header/header.js';
 import type { SynBurgerMenuClosedEvent } from '@synergy-design-system/components';
 import type { SynBurgerMenuHiddenEvent } from '@synergy-design-system/components';
 import type { SynBurgerMenuOpenEvent } from '@synergy-design-system/components';
-import type { SynHeader } from '@synergy-design-system/components';
+import type SynHeader from '@synergy-design-system/components/components/header/header.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynHeader>();

package/data/layers/full/component/component:syn-icon/angular/icon.component.ts

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynIcon } from '@synergy-design-system/components';
+import type SynIcon from '@synergy-design-system/components/components/icon/icon.component.js';
 import type { SynLoadEvent } from '@synergy-design-system/components';
 import type { SynErrorEvent } from '@synergy-design-system/components';
 import '@synergy-design-system/components/components/icon/icon.js';
@@ -21,7 +21,7 @@ import '@synergy-design-system/components/components/icon/icon.js';
  * @summary Icons are symbols that can be used to represent various options within an application.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-icon--docs
  * @status stable
- * @since 2.0
+ * @since 1.0.0
  *
  * @event syn-load - Emitted when the icon has loaded. When using `spriteSheet: true` this will not emit.
  * @event syn-error - Emitted when the icon fails to load due to an error. When using `spriteSheet: true` this will not emit.

package/data/layers/full/component/component:syn-icon/components/icon.component.ts

@@ -26,7 +26,7 @@ interface IconSource {
  * @summary Icons are symbols that can be used to represent various options within an application.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-icon--docs
  * @status stable
- * @since 2.0
+ * @since 1.0.0
  *
  * @event syn-load - Emitted when the icon has loaded. When using `spriteSheet: true` this will not emit.
  * @event syn-error - Emitted when the icon fails to load due to an error. When using `spriteSheet: true` this will not emit.

package/data/layers/full/component/component:syn-icon/react/icon.ts

@@ -18,7 +18,7 @@ Component.define('syn-icon');
  * @summary Icons are symbols that can be used to represent various options within an application.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-icon--docs
  * @status stable
- * @since 2.0
+ * @since 1.0.0
  *
  * @event syn-load - Emitted when the icon has loaded. When using `spriteSheet: true` this will not emit.
  * @event syn-error - Emitted when the icon fails to load due to an error. When using `spriteSheet: true` this will not emit.

package/data/layers/full/component/component:syn-icon/vue/SynVueIcon.vue

@@ -9,7 +9,7 @@
  * @summary Icons are symbols that can be used to represent various options within an application.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-icon--docs
  * @status stable
- * @since 2.0
+ * @since 1.0.0
  *
  * @event syn-load - Emitted when the icon has loaded. When using `spriteSheet: true` this will not emit.
  * @event syn-error - Emitted when the icon fails to load due to an error. When using `spriteSheet: true` this will not emit.
@@ -22,7 +22,7 @@ import '@synergy-design-system/components/components/icon/icon.js';
 
 import type { SynLoadEvent } from '@synergy-design-system/components';
 import type { SynErrorEvent } from '@synergy-design-system/components';
-import type { SynIcon } from '@synergy-design-system/components';
+import type SynIcon from '@synergy-design-system/components/components/icon/icon.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynIcon>();

package/data/layers/full/component/component:syn-icon-button/angular/icon-button.component.ts

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynIconButton } from '@synergy-design-system/components';
+import type SynIconButton from '@synergy-design-system/components/components/icon-button/icon-button.component.js';
 import type { SynBlurEvent } from '@synergy-design-system/components';
 import type { SynFocusEvent } from '@synergy-design-system/components';
 import '@synergy-design-system/components/components/icon-button/icon-button.js';
@@ -21,7 +21,7 @@ import '@synergy-design-system/components/components/icon-button/icon-button.js'
  * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-icon-button--docs
  * @status stable
- * @since 2.0
+ * @since 1.1.0
  *
  * @dependency syn-icon
  *

package/data/layers/full/component/component:syn-icon-button/components/icon-button.component.ts

@@ -13,7 +13,7 @@ import { enableDefaultSettings } from '../../utilities/defaultSettings/decorator
  * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-icon-button--docs
  * @status stable
- * @since 2.0
+ * @since 1.1.0
  *
  * @dependency syn-icon
  *

package/data/layers/full/component/component:syn-icon-button/react/icon-button.ts

@@ -18,7 +18,7 @@ Component.define('syn-icon-button');
  * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-icon-button--docs
  * @status stable
- * @since 2.0
+ * @since 1.1.0
  *
  * @dependency syn-icon
  *

package/data/layers/full/component/component:syn-icon-button/vue/SynVueIconButton.vue

@@ -9,7 +9,7 @@
  * @summary Icons buttons are simple, icon-only buttons that can be used for actions and in toolbars.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-icon-button--docs
  * @status stable
- * @since 2.0
+ * @since 1.1.0
  *
  * @dependency syn-icon
  *
@@ -23,7 +23,7 @@ import '@synergy-design-system/components/components/icon-button/icon-button.js'
 
 import type { SynBlurEvent } from '@synergy-design-system/components';
 import type { SynFocusEvent } from '@synergy-design-system/components';
-import type { SynIconButton } from '@synergy-design-system/components';
+import type SynIconButton from '@synergy-design-system/components/components/icon-button/icon-button.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynIconButton>();

package/data/layers/full/component/component:syn-input/angular/input.component.ts

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynInput } from '@synergy-design-system/components';
+import type SynInput from '@synergy-design-system/components/components/input/input.component.js';
 import type { SynBlurEvent } from '@synergy-design-system/components';
 import type { SynChangeEvent } from '@synergy-design-system/components';
 import type { SynClearEvent } from '@synergy-design-system/components';
@@ -26,7 +26,7 @@ import '@synergy-design-system/components/components/input/input.js';
  * @summary Inputs collect data from the user.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-input--docs
  * @status stable
- * @since 2.0
+ * @since 1.0.0
  *
  * @dependency syn-icon
  * @dependency syn-divider

package/data/layers/full/component/component:syn-input/components/input.component.ts

@@ -33,7 +33,7 @@ import { enableDefaultSettings } from '../../utilities/defaultSettings/decorator
  * @summary Inputs collect data from the user.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-input--docs
  * @status stable
- * @since 2.0
+ * @since 1.0.0
  *
  * @dependency syn-icon
  * @dependency syn-divider

package/data/layers/full/component/component:syn-input/react/input.ts

@@ -23,7 +23,7 @@ Component.define('syn-input');
  * @summary Inputs collect data from the user.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-input--docs
  * @status stable
- * @since 2.0
+ * @since 1.0.0
  *
  * @dependency syn-icon
  * @dependency syn-divider

package/data/layers/full/component/component:syn-input/vue/SynVueInput.vue

@@ -9,7 +9,7 @@
  * @summary Inputs collect data from the user.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-input--docs
  * @status stable
- * @since 2.0
+ * @since 1.0.0
  *
  * @dependency syn-icon
  * @dependency syn-divider
@@ -62,7 +62,7 @@ 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 { SynClampEvent } from '@synergy-design-system/components';
-import type { SynInput } from '@synergy-design-system/components';
+import type SynInput from '@synergy-design-system/components/components/input/input.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynInput>();

package/data/layers/full/component/component:syn-menu/angular/menu.component.ts

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynMenu } from '@synergy-design-system/components';
+import type SynMenu from '@synergy-design-system/components/components/menu/menu.component.js';
 import type { SynSelectEvent } from '@synergy-design-system/components';
 import '@synergy-design-system/components/components/menu/menu.js';
 
@@ -20,7 +20,7 @@ import '@synergy-design-system/components/components/menu/menu.js';
  * @summary Menus provide a list of options for the user to choose from.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-menu--docs
  * @status stable
- * @since 2.0
+ * @since 1.12.0
  *
  * @slot - The menu's content, including menu items, menu labels, and dividers.
  *

package/data/layers/full/component/component:syn-menu/components/menu.component.ts

@@ -18,7 +18,7 @@ export interface MenuSelectEventDetail {
  * @summary Menus provide a list of options for the user to choose from.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-menu--docs
  * @status stable
- * @since 2.0
+ * @since 1.12.0
  *
  * @slot - The menu's content, including menu items, menu labels, and dividers.
  *

package/data/layers/full/component/component:syn-menu/react/menu.ts

@@ -17,7 +17,7 @@ Component.define('syn-menu');
  * @summary Menus provide a list of options for the user to choose from.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-menu--docs
  * @status stable
- * @since 2.0
+ * @since 1.12.0
  *
  * @slot - The menu's content, including menu items, menu labels, and dividers.
  *

package/data/layers/full/component/component:syn-menu/vue/SynVueMenu.vue

@@ -9,7 +9,7 @@
  * @summary Menus provide a list of options for the user to choose from.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-menu--docs
  * @status stable
- * @since 2.0
+ * @since 1.12.0
  *
  * @slot - The menu's content, including menu items, menu labels, and dividers.
  *
@@ -19,7 +19,7 @@ import { computed, ref } from 'vue';
 import '@synergy-design-system/components/components/menu/menu.js';
 
 import type { SynSelectEvent } from '@synergy-design-system/components';
-import type { SynMenu } from '@synergy-design-system/components';
+import type SynMenu from '@synergy-design-system/components/components/menu/menu.component.js';
 
 // DOM Reference to the element
 const nativeElement = ref<SynMenu>();

package/data/layers/full/component/component:syn-menu-item/angular/menu-item.component.ts

@@ -12,7 +12,7 @@ import {
   EventEmitter,
   AfterContentInit,
 } from '@angular/core';
-import type { SynMenuItem } from '@synergy-design-system/components';
+import type SynMenuItem from '@synergy-design-system/components/components/menu-item/menu-item.component.js';
 
 import '@synergy-design-system/components/components/menu-item/menu-item.js';
 
@@ -20,7 +20,7 @@ import '@synergy-design-system/components/components/menu-item/menu-item.js';
  * @summary Menu items provide options for the user to pick from in a menu.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-menu-item--docs
  * @status stable
- * @since 2.0
+ * @since 1.12.0
  *
  * @dependency syn-icon
  * @dependency syn-popup

package/data/layers/full/component/component:syn-menu-item/components/menu-item.component.ts

@@ -19,7 +19,7 @@ import type { CSSResultGroup } from 'lit';
  * @summary Menu items provide options for the user to pick from in a menu.
  * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-menu-item--docs
  * @status stable
- * @since 2.0
+ * @since 1.12.0
  *
  * @dependency syn-icon
  * @dependency syn-popup