@synergy-design-system/components 1.24.0 → 1.25.0

package/dist/chunks/{chunk.22XC5FPB.js → chunk.FKHRK3AJ.js}

@@ -16,17 +16,17 @@ import {
 } from "./chunk.JUJZBRXD.js";
 import {
   SynButtonGroup
-} from "./chunk.3BHREAUB.js";
-import {
-  HasSlotController
-} from "./chunk.66WXVGAW.js";
+} from "./chunk.U7BPATGD.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
+import {
+  HasSlotController
+} from "./chunk.66WXVGAW.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.I4RRKR3M.js";
+} from "./chunk.Q7UHNN5N.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -356,4 +356,4 @@ __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.22XC5FPB.js.map
+//# sourceMappingURL=chunk.FKHRK3AJ.js.map

package/dist/chunks/{chunk.BQ4W4A2I.js → chunk.FUTC5UNF.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.I4RRKR3M.js";
+} from "./chunk.Q7UHNN5N.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -41,4 +41,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.BQ4W4A2I.js.map
+//# sourceMappingURL=chunk.FUTC5UNF.js.map

package/dist/chunks/{chunk.7YYB5VCL.js → chunk.G74PTGLR.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.YHRXL2XR.js";
 import {
   SynPopup
-} from "./chunk.ITSCI5GO.js";
+} from "./chunk.KPIFYZIW.js";
 import {
   animateTo,
   parseDuration,
@@ -26,7 +26,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.I4RRKR3M.js";
+} from "./chunk.Q7UHNN5N.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -270,4 +270,4 @@ setDefaultAnimation("tooltip.hide", {
 export {
   SynTooltip
 };
-//# sourceMappingURL=chunk.7YYB5VCL.js.map
+//# sourceMappingURL=chunk.G74PTGLR.js.map

package/dist/chunks/chunk.GCU2ZNB2.js

@@ -0,0 +1,74 @@
+// src/components/card/card.styles.ts
+import { css } from "lit";
+var card_styles_default = css`
+	/* stylelint-disable */
+  :host {
+    --border-color: var(--syn-color-neutral-200);
+    --border-radius: var(--syn-border-radius-medium);
+    --border-width: 1px;
+    --padding: var(--syn-spacing-large);
+
+    display: inline-block;
+  }
+
+  .card {
+    display: flex;
+    flex-direction: column;
+    background-color: var(--syn-panel-background-color);
+    box-shadow: var(--syn-shadow-x-small);
+    border: solid var(--border-width) var(--border-color);
+    border-radius: var(--border-radius);
+  }
+
+  .card__image {
+    display: flex;
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+    margin: calc(-1 * var(--border-width));
+    overflow: hidden;
+  }
+
+  .card__image::slotted(img) {
+    display: block;
+    width: 100%;
+  }
+
+  .card:not(.card--has-image) .card__image {
+    display: none;
+  }
+
+  .card__header {
+    display: block;
+    border-bottom: solid var(--border-width) var(--border-color);
+    padding: calc(var(--padding) / 2) var(--padding);
+  }
+
+  .card:not(.card--has-header) .card__header {
+    display: none;
+  }
+
+  .card:not(.card--has-image) .card__header {
+    border-top-left-radius: var(--border-radius);
+    border-top-right-radius: var(--border-radius);
+  }
+
+  .card__body {
+    display: block;
+    padding: var(--padding);
+  }
+
+  .card--has-footer .card__footer {
+    display: block;
+    border-top: solid var(--border-width) var(--border-color);
+    padding: var(--padding);
+  }
+
+  .card:not(.card--has-footer) .card__footer {
+    display: none;
+  }
+`;
+
+export {
+  card_styles_default
+};
+//# sourceMappingURL=chunk.GCU2ZNB2.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/card/card.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    --border-color: var(--syn-color-neutral-200);\n    --border-radius: var(--syn-border-radius-medium);\n    --border-width: 1px;\n    --padding: var(--syn-spacing-large);\n\n    display: inline-block;\n  }\n\n  .card {\n    display: flex;\n    flex-direction: column;\n    background-color: var(--syn-panel-background-color);\n    box-shadow: var(--syn-shadow-x-small);\n    border: solid var(--border-width) var(--border-color);\n    border-radius: var(--border-radius);\n  }\n\n  .card__image {\n    display: flex;\n    border-top-left-radius: var(--border-radius);\n    border-top-right-radius: var(--border-radius);\n    margin: calc(-1 * var(--border-width));\n    overflow: hidden;\n  }\n\n  .card__image::slotted(img) {\n    display: block;\n    width: 100%;\n  }\n\n  .card:not(.card--has-image) .card__image {\n    display: none;\n  }\n\n  .card__header {\n    display: block;\n    border-bottom: solid var(--border-width) var(--border-color);\n    padding: calc(var(--padding) / 2) var(--padding);\n  }\n\n  .card:not(.card--has-header) .card__header {\n    display: none;\n  }\n\n  .card:not(.card--has-image) .card__header {\n    border-top-left-radius: var(--border-radius);\n    border-top-right-radius: var(--border-radius);\n  }\n\n  .card__body {\n    display: block;\n    padding: var(--padding);\n  }\n\n  .card--has-footer .card__footer {\n    display: block;\n    border-top: solid var(--border-width) var(--border-color);\n    padding: var(--padding);\n  }\n\n  .card:not(.card--has-footer) .card__footer {\n    display: none;\n  }\n`;\n"],
+  "mappings": ";AAMA,SAAS,WAAW;AAEpB,IAAO,sBAAQ;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.AOKNP4QD.js → chunk.GVNVZMMM.js}

@@ -69,6 +69,7 @@ var header_styles_default = css`
    * The label section hosts the application name
    */
   .header__label {
+    color: var(--syn-typography-color-text);
     font: var(--syn-body-large-bold);
     padding: 0 var(--syn-spacing-2x-large);
     white-space: nowrap;
@@ -136,4 +137,4 @@ var header_styles_default = css`
 export {
   header_styles_default
 };
-//# sourceMappingURL=chunk.AOKNP4QD.js.map
+//# sourceMappingURL=chunk.GVNVZMMM.js.map

package/dist/chunks/{chunk.AOKNP4QD.js.map → chunk.GVNVZMMM.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/header/header.styles.ts"],
-  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .header {\n    background: var(--syn-color-neutral-0);\n    box-shadow: inset 0 -1px 0 0 var(--syn-color-neutral-400);\n  }\n\n  /**\n   * The primary content area displays one to many slotted items\n   * and contains the following items:\n   * - side nav state icon (OPTIONAL)\n   * - company or application logo\n   * - application name\n   * - meta-navigation\n   */\n  .header__content {\n    align-items: center;\n    box-sizing: content-box;\n    display: flex;\n    min-height: 40px;\n    padding: var(--syn-spacing-large);\n  }\n\n  /**\n   * If the primary navigation is provided, use a smaller spacing\n   * between the primary content area and the navigation area\n   */\n  .header--has-navigation .header__content {\n    padding-bottom: var(--syn-spacing-medium);\n  }\n\n  /**\n   * The logo slot includes the application or company logo\n   */\n  .header__logo ::slotted(*),\n  .header__logo syn-icon {\n    display: block;\n  }\n\n  /**\n   * Make sure to use the correct color and outline for links\n   */\n  .header__logo ::slotted(a),\n  .header__logo ::slotted(a:hover) {\n    color: var(--syn-color-primary-600);\n  }\n\n  .header__logo ::slotted(a:is(:focus-visible)) {\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  /**\n   * Styles for the default logo. This makes sure the default SICK logo has the correct size and color\n   */\n  .header__logo syn-icon,\n  .header__logo syn-icon::part(svg) {\n    color: var(--syn-color-primary-600);\n    height: 32px;\n    width: auto;\n  }\n\n  /**\n   * The label section hosts the application name\n   */\n  .header__label {\n    font: var(--syn-body-large-bold);\n    padding: 0 var(--syn-spacing-2x-large);\n    white-space: nowrap;\n  }\n\n  /**\n   * The options menu holds an arbitrary list of <syn-icon-button />\n   */\n  .header__meta-navigation {\n    display: flex;\n    flex: 1;\n    gap: var(--syn-spacing-x-small);\n    justify-content: end;\n  }\n\n  .header__meta-navigation ::slotted(*) {\n    display: contents;\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  /**\n   * The horizontal top navigation section\n   */\n  .header__navigation {\n    padding: 0 var(--syn-spacing-large);\n  }\n\n  /**\n   * The burger menu icon styles\n   */\n  .header__burger-menu-toggle {\n    align-items: center;\n    background: none;\n    border: none;\n    color: var(--syn-color-neutral-950);\n    cursor: pointer;\n    display: flex;\n    font-size: var(--syn-font-size-x-large);\n    margin-right: calc(var(--syn-spacing-medium) + var(--syn-spacing-2x-small));\n    padding: var(--syn-spacing-x-small);\n    transition: var(--syn-transition-x-fast) color;\n  }\n\n  .header__burger-menu-toggle:hover {\n    color: var(--syn-color-primary-600);\n  }\n\n  .header__burger-menu-toggle:active {\n    color: var(--syn-color-primary-700);\n  }\n\n  .header__burger-menu-toggle:focus-visible {\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  /**\n   * If the burger menu is provided, use a smaller spacing on the left side\n   */\n   .header--has-burger-menu .header__content {\n    padding-left: var(--syn-spacing-medium);\n   }\n`;\n"],
-  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,wBAAQ;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;",
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .header {\n    background: var(--syn-color-neutral-0);\n    box-shadow: inset 0 -1px 0 0 var(--syn-color-neutral-400);\n  }\n\n  /**\n   * The primary content area displays one to many slotted items\n   * and contains the following items:\n   * - side nav state icon (OPTIONAL)\n   * - company or application logo\n   * - application name\n   * - meta-navigation\n   */\n  .header__content {\n    align-items: center;\n    box-sizing: content-box;\n    display: flex;\n    min-height: 40px;\n    padding: var(--syn-spacing-large);\n  }\n\n  /**\n   * If the primary navigation is provided, use a smaller spacing\n   * between the primary content area and the navigation area\n   */\n  .header--has-navigation .header__content {\n    padding-bottom: var(--syn-spacing-medium);\n  }\n\n  /**\n   * The logo slot includes the application or company logo\n   */\n  .header__logo ::slotted(*),\n  .header__logo syn-icon {\n    display: block;\n  }\n\n  /**\n   * Make sure to use the correct color and outline for links\n   */\n  .header__logo ::slotted(a),\n  .header__logo ::slotted(a:hover) {\n    color: var(--syn-color-primary-600);\n  }\n\n  .header__logo ::slotted(a:is(:focus-visible)) {\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  /**\n   * Styles for the default logo. This makes sure the default SICK logo has the correct size and color\n   */\n  .header__logo syn-icon,\n  .header__logo syn-icon::part(svg) {\n    color: var(--syn-color-primary-600);\n    height: 32px;\n    width: auto;\n  }\n\n  /**\n   * The label section hosts the application name\n   */\n  .header__label {\n    color: var(--syn-typography-color-text);\n    font: var(--syn-body-large-bold);\n    padding: 0 var(--syn-spacing-2x-large);\n    white-space: nowrap;\n  }\n\n  /**\n   * The options menu holds an arbitrary list of <syn-icon-button />\n   */\n  .header__meta-navigation {\n    display: flex;\n    flex: 1;\n    gap: var(--syn-spacing-x-small);\n    justify-content: end;\n  }\n\n  .header__meta-navigation ::slotted(*) {\n    display: contents;\n    font-size: var(--syn-font-size-x-large);\n  }\n\n  /**\n   * The horizontal top navigation section\n   */\n  .header__navigation {\n    padding: 0 var(--syn-spacing-large);\n  }\n\n  /**\n   * The burger menu icon styles\n   */\n  .header__burger-menu-toggle {\n    align-items: center;\n    background: none;\n    border: none;\n    color: var(--syn-color-neutral-950);\n    cursor: pointer;\n    display: flex;\n    font-size: var(--syn-font-size-x-large);\n    margin-right: calc(var(--syn-spacing-medium) + var(--syn-spacing-2x-small));\n    padding: var(--syn-spacing-x-small);\n    transition: var(--syn-transition-x-fast) color;\n  }\n\n  .header__burger-menu-toggle:hover {\n    color: var(--syn-color-primary-600);\n  }\n\n  .header__burger-menu-toggle:active {\n    color: var(--syn-color-primary-700);\n  }\n\n  .header__burger-menu-toggle:focus-visible {\n    outline: var(--syn-focus-ring);\n    outline-offset: var(--syn-focus-ring-offset);\n  }\n\n  /**\n   * If the burger menu is provided, use a smaller spacing on the left side\n   */\n   .header--has-burger-menu .header__content {\n    padding-left: var(--syn-spacing-medium);\n   }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,wBAAQ;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.HQZ3BXPQ.js

@@ -0,0 +1,12 @@
+import {
+  SynCard
+} from "./chunk.2AMQXMBJ.js";
+
+// src/components/card/card.ts
+var card_default = SynCard;
+SynCard.define("syn-card");
+
+export {
+  card_default
+};
+//# sourceMappingURL=chunk.HQZ3BXPQ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/card/card.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 SynCard from './card.component.js';\n\nexport * from './card.component.js';\nexport default SynCard;\n\nSynCard.define('syn-card');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-card': SynCard;\n  }\n}\n"],
+  "mappings": ";;;;;AASA,IAAO,eAAQ;AAEf,QAAQ,OAAO,UAAU;",
+  "names": []
+}

package/dist/chunks/{chunk.ZEL72DTN.js → chunk.I7LMJIVB.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.PICXWPJS.js";
+} from "./chunk.7YHPAFBY.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.ZEL72DTN.js.map
+//# sourceMappingURL=chunk.I7LMJIVB.js.map

package/dist/chunks/chunk.J5LCVXA5.js

@@ -0,0 +1,61 @@
+// src/components/card/card.custom.styles.ts
+import { css } from "lit";
+var card_custom_styles_default = css`
+  :host {
+    --border-color: var(--syn-color-neutral-300);
+    --border-width: var(--syn-border-width-small);
+    --border-radius: var(--syn-border-radius-medium);
+  }
+
+  .card {
+    box-shadow: none;
+  }
+
+  /**
+   * Header adjustments
+   */
+  .card__header {
+    border: none;
+    color: var(--syn-typography-color-text);
+    font: var(--syn-heading-large);
+    line-height: var(--syn-line-height-normal);
+  }
+
+  /**
+   * Card body
+   */
+  .card__body,
+  .card__body::slotted(*) {
+    color: var(--syn-typography-color-text);
+    font: var(--syn-body-medium-regular);
+  }
+
+  /**
+   * Card Footer
+   */
+  .card--has-footer .card__footer {
+    border-top: none;
+    padding: var(--syn-spacing-x-small) var(--syn-spacing-large) var(--syn-spacing-large);
+  }
+
+  /**
+   * Cards that are nested do not receive a border radius
+   */
+  .card--nested {
+    border-radius: var(--syn-border-radius-none);
+  }
+
+  /**
+   * Do not apply border radius to nested card images
+   */
+  .card--nested .card__image {
+    border-top-left-radius: var(--syn-border-radius-none);
+    border-top-right-radius: var(--syn-border-radius-none);
+  }
+
+`;
+
+export {
+  card_custom_styles_default
+};
+//# sourceMappingURL=chunk.J5LCVXA5.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/card/card.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --border-color: var(--syn-color-neutral-300);\n    --border-width: var(--syn-border-width-small);\n    --border-radius: var(--syn-border-radius-medium);\n  }\n\n  .card {\n    box-shadow: none;\n  }\n\n  /**\n   * Header adjustments\n   */\n  .card__header {\n    border: none;\n    color: var(--syn-typography-color-text);\n    font: var(--syn-heading-large);\n    line-height: var(--syn-line-height-normal);\n  }\n\n  /**\n   * Card body\n   */\n  .card__body,\n  .card__body::slotted(*) {\n    color: var(--syn-typography-color-text);\n    font: var(--syn-body-medium-regular);\n  }\n\n  /**\n   * Card Footer\n   */\n  .card--has-footer .card__footer {\n    border-top: none;\n    padding: var(--syn-spacing-x-small) var(--syn-spacing-large) var(--syn-spacing-large);\n  }\n\n  /**\n   * Cards that are nested do not receive a border radius\n   */\n  .card--nested {\n    border-radius: var(--syn-border-radius-none);\n  }\n\n  /**\n   * Do not apply border radius to nested card images\n   */\n  .card--nested .card__image {\n    border-top-left-radius: var(--syn-border-radius-none);\n    border-top-right-radius: var(--syn-border-radius-none);\n  }\n\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,6BAAQ;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.62RHAI2P.js → chunk.JLK4L5FX.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.AQVSP64N.js";
+} from "./chunk.NQIAPJ5P.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.62RHAI2P.js.map
+//# sourceMappingURL=chunk.JLK4L5FX.js.map

package/dist/chunks/{chunk.DLJWTRDP.js → chunk.JMFYRM3W.js}

@@ -9,27 +9,27 @@ import {
 } from "./chunk.JDBDBGQP.js";
 import {
   SynPopup
-} from "./chunk.ITSCI5GO.js";
+} from "./chunk.KPIFYZIW.js";
 import {
   SynSpinner
-} from "./chunk.DG3LAJDJ.js";
-import {
-  HasSlotController,
-  getTextContent
-} from "./chunk.66WXVGAW.js";
+} from "./chunk.5GJBOJOJ.js";
 import {
   SynIcon
-} from "./chunk.64R7OLGX.js";
+} from "./chunk.OL27RSKJ.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
+import {
+  HasSlotController,
+  getTextContent
+} from "./chunk.66WXVGAW.js";
 import {
   LocalizeController
 } from "./chunk.GEHO4WRP.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.I4RRKR3M.js";
+} from "./chunk.Q7UHNN5N.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -191,4 +191,4 @@ __decorateClass([
 export {
   SynMenuItem
 };
-//# sourceMappingURL=chunk.DLJWTRDP.js.map
+//# sourceMappingURL=chunk.JMFYRM3W.js.map

package/dist/chunks/{chunk.XDTOYVQ2.js → chunk.KPD7UXYG.js}

@@ -1,12 +1,12 @@
-import {
-  option_custom_styles_default
-} from "./chunk.3B24TYVN.js";
 import {
   option_styles_default
 } from "./chunk.CFIQXXMW.js";
+import {
+  option_custom_styles_default
+} from "./chunk.3B24TYVN.js";
 import {
   SynIcon
-} from "./chunk.64R7OLGX.js";
+} from "./chunk.OL27RSKJ.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
@@ -16,7 +16,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.I4RRKR3M.js";
+} from "./chunk.Q7UHNN5N.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -144,4 +144,4 @@ __decorateClass([
 export {
   SynOption
 };
-//# sourceMappingURL=chunk.XDTOYVQ2.js.map
+//# sourceMappingURL=chunk.KPD7UXYG.js.map

package/dist/chunks/{chunk.ITSCI5GO.js → chunk.KPIFYZIW.js}

@@ -4,7 +4,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.I4RRKR3M.js";
+} from "./chunk.Q7UHNN5N.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -409,4 +409,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.ITSCI5GO.js.map
+//# sourceMappingURL=chunk.KPIFYZIW.js.map

package/dist/chunks/{chunk.VZIJ2SXD.js → chunk.L6BR5LAL.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.WS3QNXWZ.js";
+} from "./chunk.VPY4H4BH.js";
 
 // src/components/progress-bar/progress-bar.ts
 var progress_bar_default = SynProgressBar;
@@ -9,4 +9,4 @@ SynProgressBar.define("syn-progress-bar");
 export {
   progress_bar_default
 };
-//# sourceMappingURL=chunk.VZIJ2SXD.js.map
+//# sourceMappingURL=chunk.L6BR5LAL.js.map

package/dist/chunks/{chunk.YDXBQ6MJ.js → chunk.LQD2V7B3.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.I4RRKR3M.js";
+} from "./chunk.Q7UHNN5N.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -74,4 +74,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.YDXBQ6MJ.js.map
+//# sourceMappingURL=chunk.LQD2V7B3.js.map

package/dist/chunks/{chunk.SGYOVLGT.js → chunk.LV2RVNPJ.js}

@@ -1,6 +1,6 @@
 import {
   SynDialog
-} from "./chunk.7UZAVZH2.js";
+} from "./chunk.FFTKB5DB.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = SynDialog;
@@ -9,4 +9,4 @@ SynDialog.define("syn-dialog");
 export {
   dialog_default
 };
-//# sourceMappingURL=chunk.SGYOVLGT.js.map
+//# sourceMappingURL=chunk.LV2RVNPJ.js.map

package/dist/chunks/{chunk.JU4CLS74.js → chunk.MBKQEZ6Y.js}

@@ -7,7 +7,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.I4RRKR3M.js";
+} from "./chunk.Q7UHNN5N.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -128,4 +128,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.JU4CLS74.js.map
+//# sourceMappingURL=chunk.MBKQEZ6Y.js.map

package/dist/chunks/{chunk.CAX6KQUP.js → chunk.MHORC52J.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.ITSCI5GO.js";
+} from "./chunk.KPIFYZIW.js";
 
 // src/components/popup/popup.ts
 var popup_default = SynPopup;
@@ -9,4 +9,4 @@ SynPopup.define("syn-popup");
 export {
   popup_default
 };
-//# sourceMappingURL=chunk.CAX6KQUP.js.map
+//# sourceMappingURL=chunk.MHORC52J.js.map

package/dist/chunks/{chunk.IZFBOXSY.js → chunk.MIFF5ON5.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.JCJSUPLP.js";
+} from "./chunk.MTBPYPAK.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.IZFBOXSY.js.map
+//# sourceMappingURL=chunk.MIFF5ON5.js.map

package/dist/chunks/{chunk.JCJSUPLP.js → chunk.MTBPYPAK.js}

@@ -14,16 +14,16 @@ import {
 import {
   FormControlController
 } from "./chunk.JUJZBRXD.js";
-import {
-  HasSlotController
-} from "./chunk.66WXVGAW.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
+import {
+  HasSlotController
+} from "./chunk.66WXVGAW.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.I4RRKR3M.js";
+} from "./chunk.Q7UHNN5N.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -362,4 +362,4 @@ __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.JCJSUPLP.js.map
+//# sourceMappingURL=chunk.MTBPYPAK.js.map

package/dist/chunks/{chunk.IHMBKWWL.js → chunk.MZB3A2PC.js}

@@ -1,6 +1,6 @@
 import {
   SynBadge
-} from "./chunk.7LVCIGD5.js";
+} from "./chunk.P5AMPKUK.js";
 
 // src/components/badge/badge.ts
 var badge_default = SynBadge;
@@ -9,4 +9,4 @@ SynBadge.define("syn-badge");
 export {
   badge_default
 };
-//# sourceMappingURL=chunk.IHMBKWWL.js.map
+//# sourceMappingURL=chunk.MZB3A2PC.js.map

package/dist/chunks/{chunk.AQVSP64N.js → chunk.NQIAPJ5P.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.PKO6FEOM.js";
 import {
   SynIcon
-} from "./chunk.64R7OLGX.js";
+} from "./chunk.OL27RSKJ.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.I4RRKR3M.js";
+} from "./chunk.Q7UHNN5N.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -112,4 +112,4 @@ __decorateClass([
 export {
   SynRadio
 };
-//# sourceMappingURL=chunk.AQVSP64N.js.map
+//# sourceMappingURL=chunk.NQIAPJ5P.js.map

package/dist/chunks/{chunk.64R7OLGX.js → chunk.OL27RSKJ.js}

@@ -1,21 +1,21 @@
+import {
+  getIconLibrary,
+  unwatchIcon,
+  watchIcon
+} from "./chunk.66MOXMDP.js";
 import {
   icon_custom_styles_default
 } from "./chunk.PJO6TM3T.js";
 import {
   icon_styles_default
 } from "./chunk.2RF7KO5I.js";
-import {
-  getIconLibrary,
-  unwatchIcon,
-  watchIcon
-} from "./chunk.66MOXMDP.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.I4RRKR3M.js";
+} from "./chunk.Q7UHNN5N.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -182,4 +182,4 @@ __decorateClass([
 export {
   SynIcon
 };
-//# sourceMappingURL=chunk.64R7OLGX.js.map
+//# sourceMappingURL=chunk.OL27RSKJ.js.map

package/dist/chunks/{chunk.7LVCIGD5.js → chunk.P5AMPKUK.js}

@@ -7,7 +7,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.I4RRKR3M.js";
+} from "./chunk.Q7UHNN5N.js";
 import {
   badge_custom_styles_default
 } from "./chunk.WQJRBFZA.js";
@@ -58,4 +58,4 @@ __decorateClass([
 export {
   SynBadge
 };
-//# sourceMappingURL=chunk.7LVCIGD5.js.map
+//# sourceMappingURL=chunk.P5AMPKUK.js.map

package/dist/chunks/{chunk.YQWSPEJ2.js → chunk.PTBISDTR.js}

@@ -1,6 +1,6 @@
 import {
   SynSelect
-} from "./chunk.FZLSBZ34.js";
+} from "./chunk.RTMMKZQC.js";
 
 // src/components/select/select.ts
 var select_default = SynSelect;
@@ -9,4 +9,4 @@ SynSelect.define("syn-select");
 export {
   select_default
 };
-//# sourceMappingURL=chunk.YQWSPEJ2.js.map
+//# sourceMappingURL=chunk.PTBISDTR.js.map

package/dist/chunks/{chunk.I4RRKR3M.js → chunk.Q7UHNN5N.js}

@@ -67,7 +67,7 @@ var SynergyElement = class extends LitElement {
 };
 /* eslint-disable */
 // @ts-expect-error This is auto-injected at build time.
-SynergyElement.version = "1.24.0";
+SynergyElement.version = "1.25.0";
 SynergyElement.dependencies = {};
 __decorateClass([
   property()
@@ -80,4 +80,4 @@ export {
   component_styles_default,
   SynergyElement
 };
-//# sourceMappingURL=chunk.I4RRKR3M.js.map
+//# sourceMappingURL=chunk.Q7UHNN5N.js.map