@synergy-design-system/components 1.11.0 → 1.12.0

package/dist/chunks/{chunk.NJPQTVZC.js → chunk.KNZNW4VS.js}

@@ -16,14 +16,14 @@ import {
 } from "./chunk.SZCGMXW5.js";
 import {
   HasSlotController
-} from "./chunk.XGXFE6IF.js";
+} from "./chunk.66WXVGAW.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.WPY6PWSD.js";
+} from "./chunk.X3D3MBIH.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -247,4 +247,4 @@ __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.NJPQTVZC.js.map
+//# sourceMappingURL=chunk.KNZNW4VS.js.map

package/dist/chunks/{chunk.WGHLFFPZ.js → chunk.MFHUNGFO.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.TTL762VF.js";
 import {
   SynDivider
-} from "./chunk.42OELSP4.js";
+} from "./chunk.PQKD6OYF.js";
 import {
   LocalizeController
 } from "./chunk.LAB4YJYE.js";
@@ -22,17 +22,17 @@ import {
 } from "./chunk.SZCGMXW5.js";
 import {
   HasSlotController
-} from "./chunk.XGXFE6IF.js";
+} from "./chunk.66WXVGAW.js";
 import {
   SynIcon
-} from "./chunk.6QB26MQP.js";
+} from "./chunk.I2E3UJIK.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.WPY6PWSD.js";
+} from "./chunk.X3D3MBIH.js";
 import {
   __decorateClass,
   __spreadValues
@@ -643,4 +643,4 @@ __decorateClass([
 export {
   SynInput
 };
-//# sourceMappingURL=chunk.WGHLFFPZ.js.map
+//# sourceMappingURL=chunk.MFHUNGFO.js.map

package/dist/chunks/{chunk.C5HHWDZB.js → chunk.MWXEDKNQ.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.HQC36QXK.js";
+} from "./chunk.VKSYJXTN.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.C5HHWDZB.js.map
+//# sourceMappingURL=chunk.MWXEDKNQ.js.map

package/dist/chunks/{chunk.HIBWKIA6.js → chunk.N3SVWIVG.js}

@@ -16,14 +16,14 @@ import {
 } from "./chunk.SZCGMXW5.js";
 import {
   HasSlotController
-} from "./chunk.XGXFE6IF.js";
+} from "./chunk.66WXVGAW.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.WPY6PWSD.js";
+} from "./chunk.X3D3MBIH.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -364,4 +364,4 @@ __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.HIBWKIA6.js.map
+//# sourceMappingURL=chunk.N3SVWIVG.js.map

package/dist/chunks/{chunk.RUEZLCM4.js → chunk.NOUFWET6.js}

@@ -7,7 +7,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.WPY6PWSD.js";
+} from "./chunk.X3D3MBIH.js";
 
 // src/components/spinner/spinner.component.ts
 import { html } from "lit";
@@ -30,4 +30,4 @@ SynSpinner.styles = [component_styles_default, spinner_styles_default];
 export {
   SynSpinner
 };
-//# sourceMappingURL=chunk.RUEZLCM4.js.map
+//# sourceMappingURL=chunk.NOUFWET6.js.map

package/dist/chunks/{chunk.EK3YHGUC.js → chunk.NYY4POP7.js}

@@ -3,14 +3,14 @@ import {
 } from "./chunk.ZIQXX272.js";
 import {
   HasSlotController
-} from "./chunk.XGXFE6IF.js";
+} from "./chunk.66WXVGAW.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.WPY6PWSD.js";
+} from "./chunk.X3D3MBIH.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -125,4 +125,4 @@ __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.EK3YHGUC.js.map
+//# sourceMappingURL=chunk.NYY4POP7.js.map

package/dist/chunks/chunk.OOABXWCW.js

@@ -0,0 +1,111 @@
+// src/components/menu-item/menu-item.custom.styles.ts
+import { css } from "lit";
+var menu_item_custom_styles_default = css`
+  .menu-item {
+    color: var(--syn-typography-color-text);
+    font-size: var(--syn-font-size-medium);
+    padding: var(--syn-spacing-small) var(--syn-spacing-medium);
+  }
+
+  /**
+   * Handling for slotted prefix and suffix
+   */
+  .menu-item .menu-item__prefix::slotted(*) {
+    margin-inline-end: var(--syn-spacing-small);
+  }
+
+  .menu-item .menu-item__suffix::slotted(*) {
+    margin-inline-start: var(--syn-spacing-small);
+  }
+
+  /**
+   * Set the default font size to make icons appear correct
+   */
+  .menu-item .menu-item__prefix::slotted(syn-icon),
+  .menu-item .menu-item__suffix::slotted(syn-icon) {
+    font-size: var(--syn-font-size-x-large);
+  }
+
+  /**
+   * Adjust the size of icons
+   */
+  .menu-item .menu-item__chevron,
+  .menu-item .menu-item__check {
+    font-size: var(--syn-font-size-x-large);
+    width: var(--syn-font-size-x-large);
+  }
+
+  /**
+   * This makes sure the chevron does not take any space if we do not have children
+   */
+  .menu-item .menu-item__chevron {
+    display: none;
+    margin-inline-start: var(--syn-spacing-small);
+  }
+
+  .menu-item .menu-item__check {
+    color: var(--syn-color-primary-600);
+    margin-inline-end: var(--syn-spacing-small);
+  }
+
+  /**
+   * When in loading state, do not show the checkmark as it would bleed through
+   */
+  .menu-item--loading .menu-item__check {
+    visibility: hidden;
+  }
+
+  /**
+   * Make sure the checkbox is also visible when the item is active
+   */
+  :host(:focus-visible) .menu-item--checked .menu-item__check {
+    color: var(--syn-color-neutral-0);
+  }
+
+  /**
+   * Special handling for the submenu chevron:
+   * We are using the "chevron-down" icon per default as
+   * we do not want all chevrons to be part of the bundle
+   * Therefore, we have to transform it into the right direction
+   */
+  .menu-item .menu-item__chevron syn-icon {
+    transform: rotate(-90deg);
+  }
+
+  .menu-item--rtl .menu-item__chevron syn-icon {
+    transform: rotate(90deg);
+  }
+
+  /**
+   * Make sure to show the chevron if there are children
+   */
+  .menu-item--has-submenu .menu-item__chevron {
+    display: flex;
+  }
+
+  /**
+   * Adjustments for the spinner in loading state
+   */
+  .menu-item--loading syn-spinner {
+    --indicator-color: currentColor;
+    --track-width: 2px;
+
+    font-size: var(--syn-font-size-medium);
+    left: var(--syn-spacing-medium);
+    opacity: 1;
+    position: absolute;
+    top: calc(50% - 0.5em);
+  }
+
+  /**
+   * Highlight checked items
+   */
+  .menu-item--checked .menu-item__label {
+    font-weight: var(--syn-font-weight-semibold);
+  }
+`;
+
+export {
+  menu_item_custom_styles_default
+};
+//# sourceMappingURL=chunk.OOABXWCW.js.map

package/dist/chunks/chunk.OOABXWCW.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/menu-item/menu-item.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  .menu-item {\n    color: var(--syn-typography-color-text);\n    font-size: var(--syn-font-size-medium);\n    padding: var(--syn-spacing-small) var(--syn-spacing-medium);\n  }\n\n  /**\n   * Handling for slotted prefix and suffix\n   */\n  .menu-item .menu-item__prefix::slotted(*) {\n    margin-inline-end: var(--syn-spacing-small);\n  }\n\n  .menu-item .menu-item__suffix::slotted(*) {\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  /**\n   * Set the default font size to make icons appear correct\n   */\n  .menu-item .menu-item__prefix::slotted(syn-icon),\n  .menu-item .menu-item__suffix::slotted(syn-icon) {\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  /**\n   * Adjust the size of icons\n   */\n  .menu-item .menu-item__chevron,\n  .menu-item .menu-item__check {\n    font-size: var(--syn-font-size-x-large);\n    width: var(--syn-font-size-x-large);\n  }\n\n  /**\n   * This makes sure the chevron does not take any space if we do not have children\n   */\n  .menu-item .menu-item__chevron {\n    display: none;\n    margin-inline-start: var(--syn-spacing-small);\n  }\n\n  .menu-item .menu-item__check {\n    color: var(--syn-color-primary-600);\n    margin-inline-end: var(--syn-spacing-small);\n  }\n\n  /**\n   * When in loading state, do not show the checkmark as it would bleed through\n   */\n  .menu-item--loading .menu-item__check {\n    visibility: hidden;\n  }\n\n  /**\n   * Make sure the checkbox is also visible when the item is active\n   */\n  :host(:focus-visible) .menu-item--checked .menu-item__check {\n    color: var(--syn-color-neutral-0);\n  }\n\n  /**\n   * Special handling for the submenu chevron:\n   * We are using the \"chevron-down\" icon per default as\n   * we do not want all chevrons to be part of the bundle\n   * Therefore, we have to transform it into the right direction\n   */\n  .menu-item .menu-item__chevron syn-icon {\n    transform: rotate(-90deg);\n  }\n\n  .menu-item--rtl .menu-item__chevron syn-icon {\n    transform: rotate(90deg);\n  }\n\n  /**\n   * Make sure to show the chevron if there are children\n   */\n  .menu-item--has-submenu .menu-item__chevron {\n    display: flex;\n  }\n\n  /**\n   * Adjustments for the spinner in loading state\n   */\n  .menu-item--loading syn-spinner {\n    --indicator-color: currentColor;\n    --track-width: 2px;\n\n    font-size: var(--syn-font-size-medium);\n    left: var(--syn-spacing-medium);\n    opacity: 1;\n    position: absolute;\n    top: calc(50% - 0.5em);\n  }\n\n  /**\n   * Highlight checked items\n   */\n  .menu-item--checked .menu-item__label {\n    font-weight: var(--syn-font-weight-semibold);\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,kCAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunks/chunk.PDHVYHXD.js

@@ -0,0 +1,156 @@
+// src/components/menu-item/menu-item.styles.ts
+import { css } from "lit";
+var menu_item_styles_default = css`
+	/* stylelint-disable */
+  :host {
+    --submenu-offset: -2px;
+
+    display: block;
+  }
+
+  :host([inert]) {
+    display: none;
+  }
+
+  .menu-item {
+    position: relative;
+    display: flex;
+    align-items: stretch;
+    font-family: var(--syn-font-sans);
+    font-size: var(--syn-font-size-medium);
+    font-weight: var(--syn-font-weight-normal);
+    line-height: var(--syn-line-height-normal);
+    letter-spacing: var(--syn-letter-spacing-normal);
+    color: var(--syn-color-neutral-700);
+    padding: var(--syn-spacing-2x-small) var(--syn-spacing-2x-small);
+    transition: var(--syn-transition-fast) fill;
+    user-select: none;
+    -webkit-user-select: none;
+    white-space: nowrap;
+    cursor: pointer;
+  }
+
+  .menu-item.menu-item--disabled {
+    outline: none;
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+
+  .menu-item.menu-item--loading {
+    outline: none;
+    cursor: wait;
+  }
+
+  .menu-item.menu-item--loading *:not(syn-spinner) {
+    opacity: 0.5;
+  }
+
+  .menu-item--loading syn-spinner {
+    --indicator-color: currentColor;
+    --track-width: 1px;
+    position: absolute;
+    font-size: 0.75em;
+    top: calc(50% - 0.5em);
+    left: 0.65rem;
+    opacity: 1;
+  }
+
+  .menu-item .menu-item__label {
+    flex: 1 1 auto;
+    display: inline-block;
+    text-overflow: ellipsis;
+    overflow: hidden;
+  }
+
+  .menu-item .menu-item__prefix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .menu-item .menu-item__prefix::slotted(*) {
+    margin-inline-end: var(--syn-spacing-x-small);
+  }
+
+  .menu-item .menu-item__suffix {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .menu-item .menu-item__suffix::slotted(*) {
+    margin-inline-start: var(--syn-spacing-x-small);
+  }
+
+  /* Safe triangle */
+  .menu-item--submenu-expanded::after {
+    content: '';
+    position: fixed;
+    z-index: calc(var(--syn-z-index-dropdown) - 1);
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+    clip-path: polygon(
+      var(--safe-triangle-cursor-x, 0) var(--safe-triangle-cursor-y, 0),
+      var(--safe-triangle-submenu-start-x, 0) var(--safe-triangle-submenu-start-y, 0),
+      var(--safe-triangle-submenu-end-x, 0) var(--safe-triangle-submenu-end-y, 0)
+    );
+  }
+
+  :host(:focus-visible) {
+    outline: none;
+  }
+
+  :host(:hover:not([aria-disabled='true'], :focus-visible)) .menu-item,
+  .menu-item--submenu-expanded {
+    background-color: var(--syn-color-neutral-100);
+    color: var(--syn-color-neutral-1000);
+  }
+
+  :host(:focus-visible) .menu-item {
+    outline: none;
+    background-color: var(--syn-color-primary-600);
+    color: var(--syn-color-neutral-0);
+    opacity: 1;
+  }
+
+  .menu-item .menu-item__check,
+  .menu-item .menu-item__chevron {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.5em;
+    visibility: hidden;
+  }
+
+  .menu-item--checked .menu-item__check,
+  .menu-item--has-submenu .menu-item__chevron {
+    visibility: visible;
+  }
+
+  /* Add elevation and z-index to submenus */
+  syn-popup::part(popup) {
+    box-shadow: var(--syn-shadow-large);
+    z-index: var(--syn-z-index-dropdown);
+    margin-left: var(--submenu-offset);
+  }
+
+  .menu-item--rtl syn-popup::part(popup) {
+    margin-left: calc(-1 * var(--submenu-offset));
+  }
+
+  @media (forced-colors: active) {
+    :host(:hover:not([aria-disabled='true'])) .menu-item,
+    :host(:focus-visible) .menu-item {
+      outline: dashed 1px SelectedItem;
+      outline-offset: -1px;
+    }
+  }
+`;
+
+export {
+  menu_item_styles_default
+};
+//# sourceMappingURL=chunk.PDHVYHXD.js.map

package/dist/chunks/chunk.PDHVYHXD.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/menu-item/menu-item.styles.ts"],
+  "sourcesContent": ["// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n// Removing this comment will prevent it from being managed by it.\n// ---------------------------------------------------------------------\n\n/* eslint-disable */\nimport { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n  :host {\n    --submenu-offset: -2px;\n\n    display: block;\n  }\n\n  :host([inert]) {\n    display: none;\n  }\n\n  .menu-item {\n    position: relative;\n    display: flex;\n    align-items: stretch;\n    font-family: var(--syn-font-sans);\n    font-size: var(--syn-font-size-medium);\n    font-weight: var(--syn-font-weight-normal);\n    line-height: var(--syn-line-height-normal);\n    letter-spacing: var(--syn-letter-spacing-normal);\n    color: var(--syn-color-neutral-700);\n    padding: var(--syn-spacing-2x-small) var(--syn-spacing-2x-small);\n    transition: var(--syn-transition-fast) fill;\n    user-select: none;\n    -webkit-user-select: none;\n    white-space: nowrap;\n    cursor: pointer;\n  }\n\n  .menu-item.menu-item--disabled {\n    outline: none;\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n\n  .menu-item.menu-item--loading {\n    outline: none;\n    cursor: wait;\n  }\n\n  .menu-item.menu-item--loading *:not(syn-spinner) {\n    opacity: 0.5;\n  }\n\n  .menu-item--loading syn-spinner {\n    --indicator-color: currentColor;\n    --track-width: 1px;\n    position: absolute;\n    font-size: 0.75em;\n    top: calc(50% - 0.5em);\n    left: 0.65rem;\n    opacity: 1;\n  }\n\n  .menu-item .menu-item__label {\n    flex: 1 1 auto;\n    display: inline-block;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  .menu-item .menu-item__prefix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .menu-item .menu-item__prefix::slotted(*) {\n    margin-inline-end: var(--syn-spacing-x-small);\n  }\n\n  .menu-item .menu-item__suffix {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .menu-item .menu-item__suffix::slotted(*) {\n    margin-inline-start: var(--syn-spacing-x-small);\n  }\n\n  /* Safe triangle */\n  .menu-item--submenu-expanded::after {\n    content: '';\n    position: fixed;\n    z-index: calc(var(--syn-z-index-dropdown) - 1);\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    clip-path: polygon(\n      var(--safe-triangle-cursor-x, 0) var(--safe-triangle-cursor-y, 0),\n      var(--safe-triangle-submenu-start-x, 0) var(--safe-triangle-submenu-start-y, 0),\n      var(--safe-triangle-submenu-end-x, 0) var(--safe-triangle-submenu-end-y, 0)\n    );\n  }\n\n  :host(:focus-visible) {\n    outline: none;\n  }\n\n  :host(:hover:not([aria-disabled='true'], :focus-visible)) .menu-item,\n  .menu-item--submenu-expanded {\n    background-color: var(--syn-color-neutral-100);\n    color: var(--syn-color-neutral-1000);\n  }\n\n  :host(:focus-visible) .menu-item {\n    outline: none;\n    background-color: var(--syn-color-primary-600);\n    color: var(--syn-color-neutral-0);\n    opacity: 1;\n  }\n\n  .menu-item .menu-item__check,\n  .menu-item .menu-item__chevron {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 1.5em;\n    visibility: hidden;\n  }\n\n  .menu-item--checked .menu-item__check,\n  .menu-item--has-submenu .menu-item__chevron {\n    visibility: visible;\n  }\n\n  /* Add elevation and z-index to submenus */\n  syn-popup::part(popup) {\n    box-shadow: var(--syn-shadow-large);\n    z-index: var(--syn-z-index-dropdown);\n    margin-left: var(--submenu-offset);\n  }\n\n  .menu-item--rtl syn-popup::part(popup) {\n    margin-left: calc(-1 * var(--submenu-offset));\n  }\n\n  @media (forced-colors: active) {\n    :host(:hover:not([aria-disabled='true'])) .menu-item,\n    :host(:focus-visible) .menu-item {\n      outline: dashed 1px SelectedItem;\n      outline-offset: -1px;\n    }\n  }\n`;\n"],
+  "mappings": ";AAMA,SAAS,WAAW;AAEpB,IAAO,2BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunks/chunk.PFJUBUDL.js

@@ -0,0 +1,12 @@
+import {
+  SynDropdown
+} from "./chunk.ZZKLLRUA.js";
+
+// src/components/dropdown/dropdown.ts
+var dropdown_default = SynDropdown;
+SynDropdown.define("syn-dropdown");
+
+export {
+  dropdown_default
+};
+//# sourceMappingURL=chunk.PFJUBUDL.js.map

package/dist/chunks/chunk.PFJUBUDL.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/dropdown/dropdown.ts"],
+  "sourcesContent": ["// ---------------------------------------------------------------------\n// \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n// Removing this comment will prevent it from being managed by it.\n// ---------------------------------------------------------------------\n\n/* eslint-disable */\nimport SynDropdown from './dropdown.component.js';\n\nexport * from './dropdown.component.js';\nexport default SynDropdown;\n\nSynDropdown.define('syn-dropdown');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-dropdown': SynDropdown;\n  }\n}\n"],
+  "mappings": ";;;;;AASA,IAAO,mBAAQ;AAEf,YAAY,OAAO,cAAc;",
+  "names": []
+}

package/dist/chunks/{chunk.KBQDYKZQ.js → chunk.PLIQ6RPD.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.HSC2UWAO.js";
+} from "./chunk.3V2G5ZN5.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.KBQDYKZQ.js.map
+//# sourceMappingURL=chunk.PLIQ6RPD.js.map

package/dist/chunks/{chunk.XOL5KILI.js → chunk.PN6VIFO3.js}

@@ -1,21 +1,23 @@
 import {
   SynTag
-} from "./chunk.24VV3YAD.js";
+} from "./chunk.BRWLHYC5.js";
 import {
   select_custom_styles_default
 } from "./chunk.OWMT6OL2.js";
 import {
   select_styles_default
 } from "./chunk.QNQNR3RY.js";
+import {
+  scrollIntoView
+} from "./chunk.2QYALZBT.js";
 import {
   SynPopup
-} from "./chunk.MTUGTGK4.js";
+} from "./chunk.IQK6FVMW.js";
 import {
   animateTo,
-  scrollIntoView,
   stopAnimations,
   waitForEvent
-} from "./chunk.GTSRMEPE.js";
+} from "./chunk.7BEVGRQ2.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -35,17 +37,17 @@ import {
 } from "./chunk.SZCGMXW5.js";
 import {
   HasSlotController
-} from "./chunk.XGXFE6IF.js";
+} from "./chunk.66WXVGAW.js";
 import {
   SynIcon
-} from "./chunk.6QB26MQP.js";
+} from "./chunk.I2E3UJIK.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.WPY6PWSD.js";
+} from "./chunk.X3D3MBIH.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -758,4 +760,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.XOL5KILI.js.map
+//# sourceMappingURL=chunk.PN6VIFO3.js.map