@synergy-design-system/components 2.71.0 → 2.73.0

package/dist/chunks/{chunk.6XHVA7BY.js → chunk.VW5DBFGP.js}

@@ -1,6 +1,6 @@
 import {
   card_custom_styles_default
-} from "./chunk.UT6RKBNF.js";
+} from "./chunk.O655X4YP.js";
 import {
   card_styles_default
 } from "./chunk.C4JTZKPZ.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.B6FZGDKK.js";
+} from "./chunk.FJREQCBR.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -25,6 +25,7 @@ var SynCard = class extends SynergyElement {
   constructor() {
     super(...arguments);
     this.hasSlotController = new HasSlotController(this, "footer", "header", "image");
+    this.shadow = false;
     this.sharp = false;
   }
   render() {
@@ -33,6 +34,7 @@ var SynCard = class extends SynergyElement {
         part="base"
         class=${classMap({
       card: true,
+      "card--shadow": this.shadow,
       "card--sharp": this.sharp,
       "card--has-footer": this.hasSlotController.test("footer"),
       "card--has-image": this.hasSlotController.test("image"),
@@ -48,6 +50,9 @@ var SynCard = class extends SynergyElement {
   }
 };
 SynCard.styles = [component_styles_default, card_styles_default, card_custom_styles_default];
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], SynCard.prototype, "shadow", 2);
 __decorateClass([
   property({ type: Boolean, reflect: true })
 ], SynCard.prototype, "sharp", 2);
@@ -55,4 +60,4 @@ __decorateClass([
 export {
   SynCard
 };
-//# sourceMappingURL=chunk.6XHVA7BY.js.map
+//# sourceMappingURL=chunk.VW5DBFGP.js.map

package/dist/chunks/{chunk.6XHVA7BY.js.map → chunk.VW5DBFGP.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/card/card.component.ts"],
-  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { classMap } from 'lit/directives/class-map.js';\nimport { property } from 'lit/decorators.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport styles from './card.styles.js';\nimport customStyles from './card.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Cards can be used to group related subjects in a container.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-card--docs\n * @status stable\n * @since 2.0\n *\n * @slot - The card's main content.\n * @slot header - An optional header for the card.\n * @slot footer - An optional footer for the card.\n * @slot image - An optional image to render at the start of the card.\n *\n * @csspart base - The component's base wrapper.\n * @csspart image - The container that wraps the card's image.\n * @csspart header - The container that wraps the card's header.\n * @csspart body - The container that wraps the card's main content.\n * @csspart footer - The container that wraps the card's footer.\n *\n * @cssproperty --border-color - The card's border color, including borders that occur inside the card.\n * @cssproperty --border-radius - The border radius for the card's edges.\n * @cssproperty --border-width - The width of the card's borders.\n * @cssproperty --padding - The padding to use for the card's sections.\n */\nexport default class SynCard extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n\n  private readonly hasSlotController = new HasSlotController(this, 'footer', 'header', 'image');\n\n  /** Draws the card with sharp edges. Can be used e.g. when nesting multiple syn-cards to create hierarchy. */\n  @property({ type: Boolean, reflect: true }) sharp = false;\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          card: true,\n          'card--sharp': this.sharp,\n          'card--has-footer': this.hasSlotController.test('footer'),\n          'card--has-image': this.hasSlotController.test('image'),\n          'card--has-header': this.hasSlotController.test('header')\n        })}\n      >\n        <slot name=\"image\" part=\"image\" class=\"card__image\"></slot>\n        <slot name=\"header\" part=\"header\" class=\"card__header\"></slot>\n        <slot part=\"body\" class=\"card__body\"></slot>\n        <slot name=\"footer\" part=\"footer\" class=\"card__footer\"></slot>\n      </div>\n    `;\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAQA,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AAEzB,SAAS,YAAY;AA6BrB,IAAqB,UAArB,cAAqC,eAAe;AAAA,EAApD;AAAA;AAGE,SAAiB,oBAAoB,IAAI,kBAAkB,MAAM,UAAU,UAAU,OAAO;AAGhD,iBAAQ;AAAA;AAAA,EAEpD,SAAS;AACP,WAAO;AAAA;AAAA;AAAA,gBAGK,SAAS;AAAA,MACf,MAAM;AAAA,MACN,eAAe,KAAK;AAAA,MACpB,oBAAoB,KAAK,kBAAkB,KAAK,QAAQ;AAAA,MACxD,mBAAmB,KAAK,kBAAkB,KAAK,OAAO;AAAA,MACtD,oBAAoB,KAAK,kBAAkB,KAAK,QAAQ;AAAA,IAC1D,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQR;AACF;AA3BqB,QACZ,SAAyB,CAAC,0BAAiB,qBAAQ,0BAAY;AAK1B;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GANvB,QAMyB;",
+  "sourcesContent": ["/**\n * ---------------------------------------------------------------------\n * \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n * Removing this comment will prevent it from being managed by it.\n * ---------------------------------------------------------------------\n */\n\n/* eslint-disable */\nimport { classMap } from 'lit/directives/class-map.js';\nimport { property } from 'lit/decorators.js';\nimport { HasSlotController } from '../../internal/slot.js';\nimport { html } from 'lit';\nimport componentStyles from '../../styles/component.styles.js';\nimport SynergyElement from '../../internal/synergy-element.js';\nimport styles from './card.styles.js';\nimport customStyles from './card.custom.styles.js';\nimport type { CSSResultGroup } from 'lit';\n\n/**\n * @summary Cards can be used to group related subjects in a container.\n * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-card--docs\n * @status stable\n * @since 2.0\n *\n * @slot - The card's main content.\n * @slot header - An optional header for the card.\n * @slot footer - An optional footer for the card.\n * @slot image - An optional image to render at the start of the card.\n *\n * @csspart base - The component's base wrapper.\n * @csspart image - The container that wraps the card's image.\n * @csspart header - The container that wraps the card's header.\n * @csspart body - The container that wraps the card's main content.\n * @csspart footer - The container that wraps the card's footer.\n *\n * @cssproperty --border-color - The card's border color, including borders that occur inside the card.\n * @cssproperty --border-radius - The border radius for the card's edges.\n * @cssproperty --border-width - The width of the card's borders.\n * @cssproperty --padding - The padding to use for the card's sections.\n */\nexport default class SynCard extends SynergyElement {\n  static styles: CSSResultGroup = [componentStyles, styles, customStyles];\n\n  private readonly hasSlotController = new HasSlotController(this, 'footer', 'header', 'image');\n\n  /** Draws the card with a shadow. Can be used when the card has to stand out visually, for example in dashboards. */\n  @property({ type: Boolean, reflect: true }) shadow = false;\n\n  /** Draws the card with sharp edges. Can be used e.g. when nesting multiple syn-cards to create hierarchy. */\n  @property({ type: Boolean, reflect: true }) sharp = false;\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          card: true,\n          'card--shadow': this.shadow,\n          'card--sharp': this.sharp,\n          'card--has-footer': this.hasSlotController.test('footer'),\n          'card--has-image': this.hasSlotController.test('image'),\n          'card--has-header': this.hasSlotController.test('header')\n        })}\n      >\n        <slot name=\"image\" part=\"image\" class=\"card__image\"></slot>\n        <slot name=\"header\" part=\"header\" class=\"card__header\"></slot>\n        <slot part=\"body\" class=\"card__body\"></slot>\n        <slot name=\"footer\" part=\"footer\" class=\"card__footer\"></slot>\n      </div>\n    `;\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;AAQA,SAAS,gBAAgB;AACzB,SAAS,gBAAgB;AAEzB,SAAS,YAAY;AA6BrB,IAAqB,UAArB,cAAqC,eAAe;AAAA,EAApD;AAAA;AAGE,SAAiB,oBAAoB,IAAI,kBAAkB,MAAM,UAAU,UAAU,OAAO;AAGhD,kBAAS;AAGT,iBAAQ;AAAA;AAAA,EAEpD,SAAS;AACP,WAAO;AAAA;AAAA;AAAA,gBAGK,SAAS;AAAA,MACf,MAAM;AAAA,MACN,gBAAgB,KAAK;AAAA,MACrB,eAAe,KAAK;AAAA,MACpB,oBAAoB,KAAK,kBAAkB,KAAK,QAAQ;AAAA,MACxD,mBAAmB,KAAK,kBAAkB,KAAK,OAAO;AAAA,MACtD,oBAAoB,KAAK,kBAAkB,KAAK,QAAQ;AAAA,IAC1D,CAAC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQR;AACF;AA/BqB,QACZ,SAAyB,CAAC,0BAAiB,qBAAQ,0BAAY;AAK1B;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GANvB,QAMyB;AAGA;AAAA,EAA3C,SAAS,EAAE,MAAM,SAAS,SAAS,KAAK,CAAC;AAAA,GATvB,QASyB;",
   "names": []
 }

package/dist/chunks/{chunk.BRGWV5ER.js → chunk.W2WK5T3G.js}

@@ -18,7 +18,7 @@ import {
 } from "./chunk.7JGKUB4A.js";
 import {
   SynIcon
-} from "./chunk.6OVMIMPQ.js";
+} from "./chunk.Q4YWD2X6.js";
 import {
   LocalizeController
 } from "./chunk.OAQRCZOO.js";
@@ -33,7 +33,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.B6FZGDKK.js";
+} from "./chunk.FJREQCBR.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -247,4 +247,4 @@ setDefaultAnimation("details.hide", {
 export {
   SynDetails
 };
-//# sourceMappingURL=chunk.BRGWV5ER.js.map
+//# sourceMappingURL=chunk.W2WK5T3G.js.map

package/dist/chunks/{chunk.LT6LCQHR.js → chunk.W2WXZTIU.js}

@@ -1,6 +1,6 @@
 import {
   SynHeader
-} from "./chunk.NEHQ5FZL.js";
+} from "./chunk.VIUCAESU.js";
 
 // src/components/header/header.ts
 var header_default = SynHeader;
@@ -9,4 +9,4 @@ SynHeader.define("syn-header");
 export {
   header_default
 };
-//# sourceMappingURL=chunk.LT6LCQHR.js.map
+//# sourceMappingURL=chunk.W2WXZTIU.js.map

package/dist/chunks/{chunk.3BVL75QV.js → chunk.WSRQ5GP4.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.O644HRW3.js";
 import {
   SynPopup
-} from "./chunk.OK77NCQS.js";
+} from "./chunk.ZCB6UEMT.js";
 import {
   waitForEvent
 } from "./chunk.C2ENQBPM.js";
@@ -30,7 +30,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.B6FZGDKK.js";
+} from "./chunk.FJREQCBR.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -275,4 +275,4 @@ setDefaultAnimation("tooltip.hide", {
 export {
   SynTooltip
 };
-//# sourceMappingURL=chunk.3BVL75QV.js.map
+//# sourceMappingURL=chunk.WSRQ5GP4.js.map

package/dist/chunks/{chunk.B7LBBGRW.js → chunk.XANL2ZJ5.js}

@@ -1,6 +1,6 @@
 import {
   SynNavItem
-} from "./chunk.C4KZK4HD.js";
+} from "./chunk.IEA6FO3D.js";
 
 // src/components/nav-item/nav-item.ts
 var nav_item_default = SynNavItem;
@@ -9,4 +9,4 @@ SynNavItem.define("syn-nav-item");
 export {
   nav_item_default
 };
-//# sourceMappingURL=chunk.B7LBBGRW.js.map
+//# sourceMappingURL=chunk.XANL2ZJ5.js.map

package/dist/chunks/{chunk.MU4EDBAX.js → chunk.YZ4Z63CZ.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.B6FZGDKK.js";
+} from "./chunk.FJREQCBR.js";
 import {
   __decorateClass
 } from "./chunk.Z4XV3SMG.js";
@@ -64,4 +64,4 @@ __decorateClass([
 export {
   SynTabPanel
 };
-//# sourceMappingURL=chunk.MU4EDBAX.js.map
+//# sourceMappingURL=chunk.YZ4Z63CZ.js.map

package/dist/chunks/{chunk.OK77NCQS.js → chunk.ZCB6UEMT.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk.NLYVOJGK.js";
 import {
   SynergyElement
-} from "./chunk.B6FZGDKK.js";
+} from "./chunk.FJREQCBR.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -430,4 +430,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.OK77NCQS.js.map
+//# sourceMappingURL=chunk.ZCB6UEMT.js.map

package/dist/chunks/{chunk.NMCC67DP.js → chunk.ZEMPBMVZ.js}

@@ -1,6 +1,6 @@
 import {
   SynTabPanel
-} from "./chunk.MU4EDBAX.js";
+} from "./chunk.YZ4Z63CZ.js";
 
 // src/components/tab-panel/tab-panel.ts
 var tab_panel_default = SynTabPanel;
@@ -9,4 +9,4 @@ SynTabPanel.define("syn-tab-panel");
 export {
   tab_panel_default
 };
-//# sourceMappingURL=chunk.NMCC67DP.js.map
+//# sourceMappingURL=chunk.ZEMPBMVZ.js.map

package/dist/components/accordion/accordion.component.js

@@ -1,6 +1,6 @@
 import {
   SynAccordion
-} from "../../chunks/chunk.2DG5LAJP.js";
+} from "../../chunks/chunk.H6HVKYOU.js";
 import "../../chunks/chunk.WNUZ6LH4.js";
 import "../../chunks/chunk.E5UUNP6E.js";
 import "../../chunks/chunk.HC4N72MX.js";
@@ -8,7 +8,7 @@ import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynAccordion as default

package/dist/components/accordion/accordion.js

@@ -1,7 +1,7 @@
 import {
   accordion_default
-} from "../../chunks/chunk.PAWJUNCS.js";
-import "../../chunks/chunk.2DG5LAJP.js";
+} from "../../chunks/chunk.GCRQJDMQ.js";
+import "../../chunks/chunk.H6HVKYOU.js";
 import "../../chunks/chunk.WNUZ6LH4.js";
 import "../../chunks/chunk.E5UUNP6E.js";
 import "../../chunks/chunk.HC4N72MX.js";
@@ -9,7 +9,7 @@ import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   accordion_default as default

package/dist/components/alert/alert.component.js

@@ -1,15 +1,15 @@
 import {
   SynAlert
-} from "../../chunks/chunk.6QH5J7OI.js";
+} from "../../chunks/chunk.FCBPZVHF.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.7LH3QOI4.js";
+import "../../chunks/chunk.FNE4UZQR.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.E3Z62YYT.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.G6ITZTTW.js";
 import "../../chunks/chunk.7JGKUB4A.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.6OVMIMPQ.js";
+import "../../chunks/chunk.Q4YWD2X6.js";
 import "../../chunks/chunk.ZUQ225FP.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.Y5IKF6ZC.js";
@@ -26,7 +26,7 @@ import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.MX72UPWV.js";
 import "../../chunks/chunk.BXY667C7.js";
 import "../../chunks/chunk.Z4XV3SMG.js";

package/dist/components/alert/alert.js

@@ -1,16 +1,16 @@
 import {
   alert_default
-} from "../../chunks/chunk.YTQ2LMDE.js";
-import "../../chunks/chunk.6QH5J7OI.js";
+} from "../../chunks/chunk.V7PSR7EP.js";
+import "../../chunks/chunk.FCBPZVHF.js";
 import "../../chunks/chunk.WXVOTRW5.js";
-import "../../chunks/chunk.7LH3QOI4.js";
+import "../../chunks/chunk.FNE4UZQR.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
 import "../../chunks/chunk.E3Z62YYT.js";
 import "../../chunks/chunk.C2ENQBPM.js";
 import "../../chunks/chunk.G6ITZTTW.js";
 import "../../chunks/chunk.7JGKUB4A.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.6OVMIMPQ.js";
+import "../../chunks/chunk.Q4YWD2X6.js";
 import "../../chunks/chunk.ZUQ225FP.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.Y5IKF6ZC.js";
@@ -27,7 +27,7 @@ import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.MX72UPWV.js";
 import "../../chunks/chunk.BXY667C7.js";
 import "../../chunks/chunk.Z4XV3SMG.js";

package/dist/components/badge/badge.component.js

@@ -1,6 +1,6 @@
 import {
   SynBadge
-} from "../../chunks/chunk.54KP5ODC.js";
+} from "../../chunks/chunk.5MF3YX5J.js";
 import "../../chunks/chunk.CCEFC33U.js";
 import "../../chunks/chunk.Y5TMYX2L.js";
 import "../../chunks/chunk.OAQRCZOO.js";
@@ -10,7 +10,7 @@ import "../../chunks/chunk.HC4N72MX.js";
 import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynBadge as default

package/dist/components/badge/badge.js

@@ -1,7 +1,7 @@
 import {
   badge_default
-} from "../../chunks/chunk.44TDUWQZ.js";
-import "../../chunks/chunk.54KP5ODC.js";
+} from "../../chunks/chunk.TS4WDODQ.js";
+import "../../chunks/chunk.5MF3YX5J.js";
 import "../../chunks/chunk.CCEFC33U.js";
 import "../../chunks/chunk.Y5TMYX2L.js";
 import "../../chunks/chunk.OAQRCZOO.js";
@@ -11,7 +11,7 @@ import "../../chunks/chunk.HC4N72MX.js";
 import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   badge_default as default

package/dist/components/breadcrumb/breadcrumb.component.js

@@ -1,9 +1,9 @@
 import {
   SynBreadcrumb
-} from "../../chunks/chunk.QNW7NSOH.js";
+} from "../../chunks/chunk.JN4NHGHU.js";
 import "../../chunks/chunk.32CYREEV.js";
 import "../../chunks/chunk.S22BO5SF.js";
-import "../../chunks/chunk.6OVMIMPQ.js";
+import "../../chunks/chunk.Q4YWD2X6.js";
 import "../../chunks/chunk.ZUQ225FP.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.Y5IKF6ZC.js";
@@ -16,7 +16,7 @@ import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynBreadcrumb as default

package/dist/components/breadcrumb/breadcrumb.js

@@ -1,10 +1,10 @@
 import {
   breadcrumb_default
-} from "../../chunks/chunk.VI5LOLWV.js";
-import "../../chunks/chunk.QNW7NSOH.js";
+} from "../../chunks/chunk.EB3LQEID.js";
+import "../../chunks/chunk.JN4NHGHU.js";
 import "../../chunks/chunk.32CYREEV.js";
 import "../../chunks/chunk.S22BO5SF.js";
-import "../../chunks/chunk.6OVMIMPQ.js";
+import "../../chunks/chunk.Q4YWD2X6.js";
 import "../../chunks/chunk.ZUQ225FP.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.Y5IKF6ZC.js";
@@ -17,7 +17,7 @@ import "../../chunks/chunk.X7XPEYAM.js";
 import "../../chunks/chunk.234ERFCE.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   breadcrumb_default as default

package/dist/components/breadcrumb-item/breadcrumb-item.component.js

@@ -1,12 +1,12 @@
 import {
   SynBreadcrumbItem
-} from "../../chunks/chunk.KRIYOE56.js";
+} from "../../chunks/chunk.UVK4DVH3.js";
 import "../../chunks/chunk.77CVXMWD.js";
 import "../../chunks/chunk.O6ZH6AOI.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynBreadcrumbItem as default

package/dist/components/breadcrumb-item/breadcrumb-item.js

@@ -1,13 +1,13 @@
 import {
   breadcrumb_item_default
-} from "../../chunks/chunk.XTT64S33.js";
-import "../../chunks/chunk.KRIYOE56.js";
+} from "../../chunks/chunk.EQE67QRQ.js";
+import "../../chunks/chunk.UVK4DVH3.js";
 import "../../chunks/chunk.77CVXMWD.js";
 import "../../chunks/chunk.O6ZH6AOI.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   breadcrumb_item_default as default

package/dist/components/button/button.component.js

@@ -1,14 +1,14 @@
 import {
   SynButton
-} from "../../chunks/chunk.CSPT3IMV.js";
-import "../../chunks/chunk.T73WIZ2I.js";
+} from "../../chunks/chunk.LXTLKNU6.js";
+import "../../chunks/chunk.6OZQYFEA.js";
 import "../../chunks/chunk.4WQZFNSE.js";
 import "../../chunks/chunk.JLXCLATV.js";
 import "../../chunks/chunk.HP2LEQRU.js";
 import "../../chunks/chunk.VWY2RG4F.js";
 import "../../chunks/chunk.5SQ7NVBX.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.6OVMIMPQ.js";
+import "../../chunks/chunk.Q4YWD2X6.js";
 import "../../chunks/chunk.ZUQ225FP.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.Y5IKF6ZC.js";
@@ -25,7 +25,7 @@ import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynButton as default

package/dist/components/button/button.js

@@ -1,15 +1,15 @@
 import {
   button_default
-} from "../../chunks/chunk.CVRLXYTH.js";
-import "../../chunks/chunk.CSPT3IMV.js";
-import "../../chunks/chunk.T73WIZ2I.js";
+} from "../../chunks/chunk.EARF7OBF.js";
+import "../../chunks/chunk.LXTLKNU6.js";
+import "../../chunks/chunk.6OZQYFEA.js";
 import "../../chunks/chunk.4WQZFNSE.js";
 import "../../chunks/chunk.JLXCLATV.js";
 import "../../chunks/chunk.HP2LEQRU.js";
 import "../../chunks/chunk.VWY2RG4F.js";
 import "../../chunks/chunk.5SQ7NVBX.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.6OVMIMPQ.js";
+import "../../chunks/chunk.Q4YWD2X6.js";
 import "../../chunks/chunk.ZUQ225FP.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.Y5IKF6ZC.js";
@@ -26,7 +26,7 @@ import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   button_default as default

package/dist/components/button-group/button-group.component.js

@@ -1,9 +1,9 @@
 import {
   SynButtonGroup
-} from "../../chunks/chunk.CPYKMVWJ.js";
+} from "../../chunks/chunk.RR6BPVSN.js";
 import "../../chunks/chunk.GRVNUIP2.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynButtonGroup as default

package/dist/components/button-group/button-group.js

@@ -1,10 +1,10 @@
 import {
   button_group_default
-} from "../../chunks/chunk.F6GMEYHS.js";
-import "../../chunks/chunk.CPYKMVWJ.js";
+} from "../../chunks/chunk.FWZNXMFG.js";
+import "../../chunks/chunk.RR6BPVSN.js";
 import "../../chunks/chunk.GRVNUIP2.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   button_group_default as default

package/dist/components/card/card.component.d.ts

@@ -31,6 +31,8 @@ import type { CSSResultGroup } from 'lit';
 export default class SynCard extends SynergyElement {
     static styles: CSSResultGroup;
     private readonly hasSlotController;
+    /** Draws the card with a shadow. Can be used when the card has to stand out visually, for example in dashboards. */
+    shadow: boolean;
     /** Draws the card with sharp edges. Can be used e.g. when nesting multiple syn-cards to create hierarchy. */
     sharp: boolean;
     render(): import("lit").TemplateResult<1>;

package/dist/components/card/card.component.js

@@ -1,11 +1,11 @@
 import {
   SynCard
-} from "../../chunks/chunk.6XHVA7BY.js";
-import "../../chunks/chunk.UT6RKBNF.js";
+} from "../../chunks/chunk.VW5DBFGP.js";
+import "../../chunks/chunk.O655X4YP.js";
 import "../../chunks/chunk.C4JTZKPZ.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynCard as default

package/dist/components/card/card.custom.styles.js

@@ -1,6 +1,6 @@
 import {
   card_custom_styles_default
-} from "../../chunks/chunk.UT6RKBNF.js";
+} from "../../chunks/chunk.O655X4YP.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   card_custom_styles_default as default

package/dist/components/card/card.js

@@ -1,12 +1,12 @@
 import {
   card_default
-} from "../../chunks/chunk.A2B26PJQ.js";
-import "../../chunks/chunk.6XHVA7BY.js";
-import "../../chunks/chunk.UT6RKBNF.js";
+} from "../../chunks/chunk.7TAY4YHN.js";
+import "../../chunks/chunk.VW5DBFGP.js";
+import "../../chunks/chunk.O655X4YP.js";
 import "../../chunks/chunk.C4JTZKPZ.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   card_default as default

package/dist/components/checkbox/checkbox.component.js

@@ -1,13 +1,13 @@
 import {
   SynCheckbox
-} from "../../chunks/chunk.UOB3NVJM.js";
-import "../../chunks/chunk.TKNBZNA7.js";
+} from "../../chunks/chunk.GUNTEVBH.js";
+import "../../chunks/chunk.VI3SIT3O.js";
 import "../../chunks/chunk.6OX2AX3Z.js";
 import "../../chunks/chunk.3NXKLKWH.js";
 import "../../chunks/chunk.G4URZQCL.js";
 import "../../chunks/chunk.HP2LEQRU.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.6OVMIMPQ.js";
+import "../../chunks/chunk.Q4YWD2X6.js";
 import "../../chunks/chunk.ZUQ225FP.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.Y5IKF6ZC.js";
@@ -22,7 +22,7 @@ import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   SynCheckbox as default

package/dist/components/checkbox/checkbox.custom.styles.js

@@ -1,6 +1,6 @@
 import {
   checkbox_custom_styles_default
-} from "../../chunks/chunk.TKNBZNA7.js";
+} from "../../chunks/chunk.VI3SIT3O.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   checkbox_custom_styles_default as default

package/dist/components/checkbox/checkbox.js

@@ -1,14 +1,14 @@
 import {
   checkbox_default
-} from "../../chunks/chunk.R626LMO4.js";
-import "../../chunks/chunk.UOB3NVJM.js";
-import "../../chunks/chunk.TKNBZNA7.js";
+} from "../../chunks/chunk.5KLXRQPC.js";
+import "../../chunks/chunk.GUNTEVBH.js";
+import "../../chunks/chunk.VI3SIT3O.js";
 import "../../chunks/chunk.6OX2AX3Z.js";
 import "../../chunks/chunk.3NXKLKWH.js";
 import "../../chunks/chunk.G4URZQCL.js";
 import "../../chunks/chunk.HP2LEQRU.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.6OVMIMPQ.js";
+import "../../chunks/chunk.Q4YWD2X6.js";
 import "../../chunks/chunk.ZUQ225FP.js";
 import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.Y5IKF6ZC.js";
@@ -23,7 +23,7 @@ import "../../chunks/chunk.6QJYD7WX.js";
 import "../../chunks/chunk.RB2JR2ND.js";
 import "../../chunks/chunk.BVZQ6QSY.js";
 import "../../chunks/chunk.NLYVOJGK.js";
-import "../../chunks/chunk.B6FZGDKK.js";
+import "../../chunks/chunk.FJREQCBR.js";
 import "../../chunks/chunk.Z4XV3SMG.js";
 export {
   checkbox_default as default