@synergy-design-system/components 1.24.1 → 1.26.0

package/dist/chunks/{chunk.6WWNWPPW.js → chunk.235YRCJ6.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressRing
-} from "./chunk.CD3R4VUI.js";
+} from "./chunk.DRRNEAHG.js";
 
 // src/components/progress-ring/progress-ring.ts
 var progress_ring_default = SynProgressRing;
@@ -9,4 +9,4 @@ SynProgressRing.define("syn-progress-ring");
 export {
   progress_ring_default
 };
-//# sourceMappingURL=chunk.6WWNWPPW.js.map
+//# sourceMappingURL=chunk.235YRCJ6.js.map

package/dist/chunks/{chunk.M27GPWE7.js → chunk.2KJLWCNO.js}

@@ -23,7 +23,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.RMXAXSXJ.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -362,4 +362,4 @@ __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.M27GPWE7.js.map
+//# sourceMappingURL=chunk.2KJLWCNO.js.map

package/dist/chunks/chunk.32CYREEV.js

@@ -0,0 +1,10 @@
+// src/components/breadcrumb/breadcrumb.custom.styles.ts
+import { css } from "lit";
+var breadcrumb_custom_styles_default = css`
+  /* Write custom CSS here */
+`;
+
+export {
+  breadcrumb_custom_styles_default
+};
+//# sourceMappingURL=chunk.32CYREEV.js.map

package/dist/chunks/chunk.32CYREEV.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/breadcrumb/breadcrumb.custom.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  /* Write custom CSS here */\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,mCAAQ;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunks/{chunk.P7TQZ2RC.js → chunk.3P3S2YKQ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.AW2HNLNP.js";
 import {
   SynDivider
-} from "./chunk.PKUM6IAY.js";
+} from "./chunk.KUIBRZ2M.js";
 import {
   defaultValue
 } from "./chunk.WFAJR3FN.js";
@@ -22,17 +22,17 @@ import {
 } from "./chunk.66WXVGAW.js";
 import {
   SynIcon
-} from "./chunk.CNIG37AB.js";
-import {
-  watch
-} from "./chunk.AVTU2BGE.js";
+} from "./chunk.QDJMXGZK.js";
 import {
   LocalizeController
 } from "./chunk.GEHO4WRP.js";
+import {
+  watch
+} from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.RMXAXSXJ.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass,
   __spreadValues
@@ -642,4 +642,4 @@ __decorateClass([
 export {
   SynInput
 };
-//# sourceMappingURL=chunk.P7TQZ2RC.js.map
+//# sourceMappingURL=chunk.3P3S2YKQ.js.map

package/dist/chunks/{chunk.6452VWCZ.js → chunk.4EXAPYJM.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.RMXAXSXJ.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -66,4 +66,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.6452VWCZ.js.map
+//# sourceMappingURL=chunk.4EXAPYJM.js.map

package/dist/chunks/{chunk.O7MOIQEG.js → chunk.53WD4CSA.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk.YHRXL2XR.js";
 import {
   SynPopup
-} from "./chunk.3SR2FQDH.js";
+} from "./chunk.KBLXNDOK.js";
 import {
   animateTo,
   parseDuration,
@@ -17,16 +17,16 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.QAUTITK3.js";
-import {
-  watch
-} from "./chunk.AVTU2BGE.js";
 import {
   LocalizeController
 } from "./chunk.GEHO4WRP.js";
+import {
+  watch
+} from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.RMXAXSXJ.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -270,4 +270,4 @@ setDefaultAnimation("tooltip.hide", {
 export {
   SynTooltip
 };
-//# sourceMappingURL=chunk.O7MOIQEG.js.map
+//# sourceMappingURL=chunk.53WD4CSA.js.map

package/dist/chunks/{chunk.35HAQCNN.js → chunk.53ZID3W7.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.BGHK4NQA.js";
 import {
   SynIconButton
-} from "./chunk.RHRQQQ3Z.js";
+} from "./chunk.LJW4RAGM.js";
 import {
   LocalizeController
 } from "./chunk.GEHO4WRP.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.RMXAXSXJ.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.35HAQCNN.js.map
+//# sourceMappingURL=chunk.53ZID3W7.js.map

package/dist/chunks/{chunk.PZZC3XAE.js → chunk.57NVT3UG.js}

@@ -1,15 +1,15 @@
 import {
   side_nav_styles_default
 } from "./chunk.GO3CCKC3.js";
-import {
-  SynDivider
-} from "./chunk.PKUM6IAY.js";
 import {
   SynDrawer
-} from "./chunk.OOW335AC.js";
+} from "./chunk.DQM2APFS.js";
 import {
   unlockBodyScrolling
 } from "./chunk.RIJKFEYZ.js";
+import {
+  SynDivider
+} from "./chunk.KUIBRZ2M.js";
 import {
   waitForEvent
 } from "./chunk.UMKKOHXB.js";
@@ -21,16 +21,16 @@ import {
 import {
   HasSlotController
 } from "./chunk.66WXVGAW.js";
-import {
-  watch
-} from "./chunk.AVTU2BGE.js";
 import {
   LocalizeController
 } from "./chunk.GEHO4WRP.js";
+import {
+  watch
+} from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.RMXAXSXJ.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -283,4 +283,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.PZZC3XAE.js.map
+//# sourceMappingURL=chunk.57NVT3UG.js.map

package/dist/chunks/{chunk.NOD2M2KF.js → chunk.5HAX5I6M.js}

@@ -1,6 +1,6 @@
 import {
   SynDialog
-} from "./chunk.7WVH6VU3.js";
+} from "./chunk.LQNSOIU3.js";
 
 // src/components/dialog/dialog.ts
 var dialog_default = SynDialog;
@@ -9,4 +9,4 @@ SynDialog.define("syn-dialog");
 export {
   dialog_default
 };
-//# sourceMappingURL=chunk.NOD2M2KF.js.map
+//# sourceMappingURL=chunk.5HAX5I6M.js.map

package/dist/chunks/{chunk.J63KSI2Q.js → chunk.5PCLAI7L.js}

@@ -1,6 +1,6 @@
 import {
   SynButton
-} from "./chunk.Y762W6JS.js";
+} from "./chunk.LQKP7DYF.js";
 
 // src/components/button/button.ts
 var button_default = SynButton;
@@ -9,4 +9,4 @@ SynButton.define("syn-button");
 export {
   button_default
 };
-//# sourceMappingURL=chunk.J63KSI2Q.js.map
+//# sourceMappingURL=chunk.5PCLAI7L.js.map

package/dist/chunks/{chunk.3XVR3ICI.js → chunk.5YXRXONG.js}

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.J6KHW2XJ.js";
+} from "./chunk.UTIXRIQF.js";
 
 // src/components/optgroup/optgroup.ts
 var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
 export {
   optgroup_default
 };
-//# sourceMappingURL=chunk.3XVR3ICI.js.map
+//# sourceMappingURL=chunk.5YXRXONG.js.map

package/dist/chunks/{chunk.STNE3CKD.js → chunk.6CZNDS3Z.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.3SR2FQDH.js";
+} from "./chunk.KBLXNDOK.js";
 import {
   dropdown_custom_styles_default
 } from "./chunk.2KYFCKCK.js";
@@ -19,16 +19,16 @@ import {
   getAnimation,
   setDefaultAnimation
 } from "./chunk.QAUTITK3.js";
-import {
-  watch
-} from "./chunk.AVTU2BGE.js";
 import {
   LocalizeController
 } from "./chunk.GEHO4WRP.js";
+import {
+  watch
+} from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.RMXAXSXJ.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -368,4 +368,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.STNE3CKD.js.map
+//# sourceMappingURL=chunk.6CZNDS3Z.js.map

package/dist/chunks/{chunk.GZ4ESQXA.js → chunk.6Q2BMCS2.js}

@@ -19,14 +19,14 @@ import {
 } from "./chunk.66WXVGAW.js";
 import {
   SynIcon
-} from "./chunk.CNIG37AB.js";
+} from "./chunk.QDJMXGZK.js";
 import {
   watch
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.RMXAXSXJ.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -259,4 +259,4 @@ __decorateClass([
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.GZ4ESQXA.js.map
+//# sourceMappingURL=chunk.6Q2BMCS2.js.map

package/dist/chunks/{chunk.DX2WVNYM.js → chunk.7JEZP6RC.js}

@@ -1,6 +1,6 @@
 import {
   SynTextarea
-} from "./chunk.M27GPWE7.js";
+} from "./chunk.2KJLWCNO.js";
 
 // src/components/textarea/textarea.ts
 var textarea_default = SynTextarea;
@@ -9,4 +9,4 @@ SynTextarea.define("syn-textarea");
 export {
   textarea_default
 };
-//# sourceMappingURL=chunk.DX2WVNYM.js.map
+//# sourceMappingURL=chunk.7JEZP6RC.js.map

package/dist/chunks/{chunk.7EPGHDMR.js → chunk.7L6RIM5M.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.RMXAXSXJ.js";
+} from "./chunk.QHHUWWKO.js";
 
 // src/components/spinner/spinner.component.ts
 import { html } from "lit";
@@ -33,4 +33,4 @@ SynSpinner.styles = [component_styles_default, spinner_styles_default, spinner_c
 export {
   SynSpinner
 };
-//# sourceMappingURL=chunk.7EPGHDMR.js.map
+//# sourceMappingURL=chunk.7L6RIM5M.js.map

package/dist/chunks/{chunk.6KDKALOR.js → chunk.AYZA7A6S.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.LNR4SE6P.js";
+} from "./chunk.BE4T7WWO.js";
 
 // src/components/radio-button/radio-button.ts
 var radio_button_default = SynRadioButton;
@@ -9,4 +9,4 @@ SynRadioButton.define("syn-radio-button");
 export {
   radio_button_default
 };
-//# sourceMappingURL=chunk.6KDKALOR.js.map
+//# sourceMappingURL=chunk.AYZA7A6S.js.map

package/dist/chunks/{chunk.LNR4SE6P.js → chunk.BE4T7WWO.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.RMXAXSXJ.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -125,4 +125,4 @@ __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.LNR4SE6P.js.map
+//# sourceMappingURL=chunk.BE4T7WWO.js.map

package/dist/chunks/{chunk.6VYBQJEC.js → chunk.BSAQCZZA.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressBar
-} from "./chunk.6452VWCZ.js";
+} from "./chunk.4EXAPYJM.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.6VYBQJEC.js.map
+//# sourceMappingURL=chunk.BSAQCZZA.js.map

package/dist/chunks/{chunk.QCWYD7LL.js → chunk.C2YZDSQ2.js}

@@ -1,6 +1,6 @@
 import {
   SynDropdown
-} from "./chunk.STNE3CKD.js";
+} from "./chunk.6CZNDS3Z.js";
 
 // src/components/dropdown/dropdown.ts
 var dropdown_default = SynDropdown;
@@ -9,4 +9,4 @@ SynDropdown.define("syn-dropdown");
 export {
   dropdown_default
 };
-//# sourceMappingURL=chunk.QCWYD7LL.js.map
+//# sourceMappingURL=chunk.C2YZDSQ2.js.map

package/dist/chunks/{chunk.VR7UKIZQ.js → chunk.DMNJUA3R.js}

@@ -1,6 +1,6 @@
 import {
   SynCheckbox
-} from "./chunk.GZ4ESQXA.js";
+} from "./chunk.6Q2BMCS2.js";
 
 // src/components/checkbox/checkbox.ts
 var checkbox_default = SynCheckbox;
@@ -9,4 +9,4 @@ SynCheckbox.define("syn-checkbox");
 export {
   checkbox_default
 };
-//# sourceMappingURL=chunk.VR7UKIZQ.js.map
+//# sourceMappingURL=chunk.DMNJUA3R.js.map

package/dist/chunks/{chunk.OOW335AC.js → chunk.DQM2APFS.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.RIJKFEYZ.js";
 import {
   SynIconButton
-} from "./chunk.RHRQQQ3Z.js";
+} from "./chunk.LJW4RAGM.js";
 import {
   animateTo,
   stopAnimations,
@@ -26,16 +26,16 @@ import {
 import {
   HasSlotController
 } from "./chunk.66WXVGAW.js";
-import {
-  watch
-} from "./chunk.AVTU2BGE.js";
 import {
   LocalizeController
 } from "./chunk.GEHO4WRP.js";
+import {
+  watch
+} from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.RMXAXSXJ.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -391,4 +391,4 @@ setDefaultAnimation("drawer.overlay.hide", {
 export {
   SynDrawer
 };
-//# sourceMappingURL=chunk.OOW335AC.js.map
+//# sourceMappingURL=chunk.DQM2APFS.js.map

package/dist/chunks/{chunk.CD3R4VUI.js → chunk.DRRNEAHG.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.RMXAXSXJ.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -74,4 +74,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.CD3R4VUI.js.map
+//# sourceMappingURL=chunk.DRRNEAHG.js.map

package/dist/chunks/{chunk.CSTMVIZW.js → chunk.DZZXHJXN.js}

@@ -23,7 +23,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.RMXAXSXJ.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -247,4 +247,4 @@ __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.CSTMVIZW.js.map
+//# sourceMappingURL=chunk.DZZXHJXN.js.map

package/dist/chunks/{chunk.Q6GAJTD3.js → chunk.E2XIOWQD.js}

@@ -1,26 +1,26 @@
-import {
-  prio_nav_styles_default
-} from "./chunk.74N5WLM5.js";
 import {
   filterOnlyNavItems,
   getAssignedElementsForSlot
 } from "./chunk.XNP4OTUB.js";
+import {
+  prio_nav_styles_default
+} from "./chunk.74N5WLM5.js";
 import {
   SynNavItem
-} from "./chunk.XOAWBI3O.js";
+} from "./chunk.YJYRKETY.js";
 import {
   SynMenu
-} from "./chunk.Q3M3GBO6.js";
+} from "./chunk.UVZKGUK2.js";
 import {
   SynDropdown
-} from "./chunk.STNE3CKD.js";
+} from "./chunk.6CZNDS3Z.js";
 import {
   SynIcon
-} from "./chunk.CNIG37AB.js";
+} from "./chunk.QDJMXGZK.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.RMXAXSXJ.js";
+} from "./chunk.QHHUWWKO.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -205,4 +205,4 @@ __decorateClass([
 export {
   SynPrioNav
 };
-//# sourceMappingURL=chunk.Q6GAJTD3.js.map
+//# sourceMappingURL=chunk.E2XIOWQD.js.map

package/dist/chunks/{chunk.EEH7WFNQ.js → chunk.EKAM3F5Y.js}

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

package/dist/chunks/{chunk.DIAFK3TL.js → chunk.ESTZWKEU.js}

@@ -1,6 +1,6 @@
 import {
   SynIcon
-} from "./chunk.CNIG37AB.js";
+} from "./chunk.QDJMXGZK.js";
 
 // src/components/icon/icon.ts
 var icon_default = SynIcon;
@@ -9,4 +9,4 @@ SynIcon.define("syn-icon");
 export {
   icon_default
 };
-//# sourceMappingURL=chunk.DIAFK3TL.js.map
+//# sourceMappingURL=chunk.ESTZWKEU.js.map

package/dist/chunks/{chunk.6MDKOVHA.js → chunk.EVBPAURG.js}

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "./chunk.CSTMVIZW.js";
+} from "./chunk.DZZXHJXN.js";
 
 // src/components/switch/switch.ts
 var switch_default = SynSwitch;
@@ -9,4 +9,4 @@ SynSwitch.define("syn-switch");
 export {
   switch_default
 };
-//# sourceMappingURL=chunk.6MDKOVHA.js.map
+//# sourceMappingURL=chunk.EVBPAURG.js.map

package/dist/chunks/{chunk.7LQO5I22.js → chunk.FHICCNAH.js}

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.P7TQZ2RC.js";
+} from "./chunk.3P3S2YKQ.js";
 
 // src/components/input/input.ts
 var input_default = SynInput;
@@ -9,4 +9,4 @@ SynInput.define("syn-input");
 export {
   input_default
 };
-//# sourceMappingURL=chunk.7LQO5I22.js.map
+//# sourceMappingURL=chunk.FHICCNAH.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": []
+}