@synergy-design-system/components 1.27.0 → 2.0.0

package/dist/chunks/{chunk.FNQSNNJR.js → chunk.OD3ZRSCN.js}

@@ -1,6 +1,6 @@
 import {
   SynDivider
-} from "./chunk.FGE6BQJ3.js";
+} from "./chunk.XKMNFCMU.js";
 
 // src/components/divider/divider.ts
 var divider_default = SynDivider;
@@ -9,4 +9,4 @@ SynDivider.define("syn-divider");
 export {
   divider_default
 };
-//# sourceMappingURL=chunk.FNQSNNJR.js.map
+//# sourceMappingURL=chunk.OD3ZRSCN.js.map

package/dist/chunks/{chunk.WG2QFF66.js → chunk.ODV5KTQX.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.ILTSTORV.js";
+} from "./chunk.MFMME6IU.js";
 import {
   FormControlController,
   validValidityState
@@ -13,7 +13,7 @@ import {
 } from "./chunk.Q4CRAGN3.js";
 import {
   SynIcon
-} from "./chunk.JVN6QVKB.js";
+} from "./chunk.HSJIUWQS.js";
 import {
   HasSlotController,
   getTextContent
@@ -23,11 +23,11 @@ import {
 } from "./chunk.AVTU2BGE.js";
 import {
   LocalizeController
-} from "./chunk.GEHO4WRP.js";
+} from "./chunk.M6WH7QEC.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NF2R6RZV.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -287,4 +287,4 @@ __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.WG2QFF66.js.map
+//# sourceMappingURL=chunk.ODV5KTQX.js.map

package/dist/chunks/{chunk.54CX4HAW.js → chunk.OF2RI2OE.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.N6ZPVKHZ.js";
+} from "./chunk.MY4UOZQR.js";
 
 // src/components/menu-item/menu-item.ts
 var menu_item_default = SynMenuItem;
@@ -9,4 +9,4 @@ SynMenuItem.define("syn-menu-item");
 export {
   menu_item_default
 };
-//# sourceMappingURL=chunk.54CX4HAW.js.map
+//# sourceMappingURL=chunk.OF2RI2OE.js.map

package/dist/chunks/{chunk.TUIMTZS3.js → chunk.OF7YXNPE.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk.LJQ7LEPV.js";
 import {
   SynIcon
-} from "./chunk.JVN6QVKB.js";
+} from "./chunk.HSJIUWQS.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NF2R6RZV.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -138,4 +138,4 @@ __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.TUIMTZS3.js.map
+//# sourceMappingURL=chunk.OF7YXNPE.js.map

package/dist/chunks/{chunk.GO3CCKC3.js → chunk.ONW45GQI.js}

@@ -2,8 +2,8 @@
 import { css } from "lit";
 var side_nav_styles_default = css`
   :host {
-    --side-nav-open-width: 25rem;
-    --side-nav-rail-width: 4.5rem;
+    --side-nav-open-width: 320px;
+    --side-nav-rail-width: 72px;
 
     display: block;
   }
@@ -93,4 +93,4 @@ var side_nav_styles_default = css`
 export {
   side_nav_styles_default
 };
-//# sourceMappingURL=chunk.GO3CCKC3.js.map
+//# sourceMappingURL=chunk.ONW45GQI.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/side-nav/side-nav.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    --side-nav-open-width: 320px;\n    --side-nav-rail-width: 72px;\n\n    display: block;\n  }\n\n  /* Side nav should have a width, so it behave correct in an e.g. display flex context */\n  .side-nav:not(.side-nav--rail).side-nav--open {\n    width: var(--side-nav-open-width);\n  }\n  \n  /**\n   * Side nav should have a width, so it behave correct in an e.g. display flex context.\n   * In rail mode the width is always the small rail width, because there should be no shrinking possible of the main content area.\n   */\n  .side-nav.side-nav--rail {\n    width: var(--side-nav-rail-width);\n  }\n\n\n\n  /**\n   * Syn-drawer styling\n   */\n  .side-nav__drawer {\n    --size: var(--side-nav-open-width);\n  }\n  \n  .side-nav__drawer::part(base){\n    position: absolute;\n  }\n\n  .side-nav__drawer::part(body), .side-nav__drawer::part(footer) {\n    padding: 0;\n  }\n\n  /** \n   * Overlay \n   */\n  .side-nav__drawer::part(overlay){\n    position: absolute;\n  }\n\n  /**\n   * Fixed mode\n   */\n  .side-nav--fix .side-nav__drawer::part(overlay){\n    display: block;\n  }\n\n  /**\n   * Rail mode\n   */\n  :not(.side-nav--open).side-nav--rail .side-nav__drawer {\n    --size: var(--side-nav-rail-width);\n  }\n\n  .side-nav--open.side-nav--rail.side-nav--touch .side-nav__drawer::part(overlay){\n    display: block;\n  }\n\n  /**\n   * Avoid multiline flickering on open and close animation\n   */\n  .side-nav--rail.side-nav--animation {\n    white-space: nowrap;\n  }\n\n  /**\n   * Hide the scrollbars in closed rail mode\n   */ \n  :not(.side-nav--open).side-nav--rail .side-nav__drawer::part(body){\n    overflow: hidden;\n  }\n\n  /**\n   * Footer divider\n   */\n  .side-nav__footer-divider{\n    --spacing: 0;\n    --color: var(--syn-color-neutral-300);\n  }\n\n  :not(.side-nav--open).side-nav--rail ::slotted(syn-nav-item){\n    --display-children: none;\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,0BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.5YWK3G4K.js → chunk.PLYRNXO5.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.TUIMTZS3.js";
+} from "./chunk.OF7YXNPE.js";
 
 // src/components/icon-button/icon-button.ts
 var icon_button_default = SynIconButton;
@@ -9,4 +9,4 @@ SynIconButton.define("syn-icon-button");
 export {
   icon_button_default
 };
-//# sourceMappingURL=chunk.5YWK3G4K.js.map
+//# sourceMappingURL=chunk.PLYRNXO5.js.map

package/dist/chunks/{chunk.GUJCUZXE.js → chunk.PPX62TH5.js}

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

package/dist/chunks/{chunk.6LNLSUMW.js → chunk.Q47TSDLT.js}

@@ -13,7 +13,7 @@ import {
 } from "./chunk.YMICCSK6.js";
 import {
   SynIconButton
-} from "./chunk.TUIMTZS3.js";
+} from "./chunk.OF7YXNPE.js";
 import {
   animateTo,
   stopAnimations,
@@ -31,11 +31,11 @@ import {
 } from "./chunk.AVTU2BGE.js";
 import {
   LocalizeController
-} from "./chunk.GEHO4WRP.js";
+} from "./chunk.M6WH7QEC.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NF2R6RZV.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -285,4 +285,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.6LNLSUMW.js.map
+//# sourceMappingURL=chunk.Q47TSDLT.js.map

package/dist/chunks/{chunk.3WS2ECKG.js → chunk.Q77JF7AR.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.BGHK4NQA.js";
 import {
   SynIconButton
-} from "./chunk.TUIMTZS3.js";
+} from "./chunk.OF7YXNPE.js";
 import {
   LocalizeController
-} from "./chunk.GEHO4WRP.js";
+} from "./chunk.M6WH7QEC.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NF2R6RZV.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -76,4 +76,4 @@ __decorateClass([
 export {
   SynTag
 };
-//# sourceMappingURL=chunk.3WS2ECKG.js.map
+//# sourceMappingURL=chunk.Q77JF7AR.js.map

package/dist/chunks/{chunk.22MYJOLE.js → chunk.QERISKCA.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.JUJZBRXD.js";
 import {
   SynButtonGroup
-} from "./chunk.ET3NIUTG.js";
+} from "./chunk.YOW6LLS7.js";
 import {
   HasSlotController
 } from "./chunk.66WXVGAW.js";
@@ -26,7 +26,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NF2R6RZV.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -356,4 +356,4 @@ __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.22MYJOLE.js.map
+//# sourceMappingURL=chunk.QERISKCA.js.map

package/dist/chunks/{chunk.KPSGO6JT.js → chunk.QKQIHI54.js}

@@ -1,15 +1,15 @@
 import {
   side_nav_styles_default
-} from "./chunk.GO3CCKC3.js";
+} from "./chunk.ONW45GQI.js";
 import {
   SynDrawer
-} from "./chunk.EBLECPJG.js";
+} from "./chunk.2RTVPLA4.js";
 import {
   unlockBodyScrolling
 } from "./chunk.RIJKFEYZ.js";
 import {
   SynDivider
-} from "./chunk.FGE6BQJ3.js";
+} from "./chunk.XKMNFCMU.js";
 import {
   waitForEvent
 } from "./chunk.UMKKOHXB.js";
@@ -26,11 +26,11 @@ import {
 } from "./chunk.AVTU2BGE.js";
 import {
   LocalizeController
-} from "./chunk.GEHO4WRP.js";
+} from "./chunk.M6WH7QEC.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NF2R6RZV.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -283,4 +283,4 @@ setDefaultAnimation("sideNav.overlay.hide", {
 export {
   SynSideNav
 };
-//# sourceMappingURL=chunk.KPSGO6JT.js.map
+//# sourceMappingURL=chunk.QKQIHI54.js.map

package/dist/chunks/{chunk.AGPBBA42.js → chunk.QQ6EVJKD.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.KG52EHDB.js";
 import {
   SynDivider
-} from "./chunk.FGE6BQJ3.js";
+} from "./chunk.XKMNFCMU.js";
 import {
   HasSlotController
 } from "./chunk.66WXVGAW.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk.AVTU2BGE.js";
 import {
   SynergyElement
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NF2R6RZV.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -93,4 +93,4 @@ __decorateClass([
 export {
   SynOptgroup
 };
-//# sourceMappingURL=chunk.AGPBBA42.js.map
+//# sourceMappingURL=chunk.QQ6EVJKD.js.map

package/dist/chunks/{chunk.VCOQY4Y7.js → chunk.QWCMHMXL.js}

@@ -1,6 +1,6 @@
 import {
   SynMenu
-} from "./chunk.IODSZKC3.js";
+} from "./chunk.UR6LFFCN.js";
 
 // src/components/menu/menu.ts
 var menu_default = SynMenu;
@@ -9,4 +9,4 @@ SynMenu.define("syn-menu");
 export {
   menu_default
 };
-//# sourceMappingURL=chunk.VCOQY4Y7.js.map
+//# sourceMappingURL=chunk.QWCMHMXL.js.map

package/dist/chunks/{chunk.VHZOV7T4.js → chunk.QYY44FAQ.js}

@@ -1,6 +1,6 @@
 import {
   SynOptgroup
-} from "./chunk.AGPBBA42.js";
+} from "./chunk.QQ6EVJKD.js";
 
 // src/components/optgroup/optgroup.ts
 var optgroup_default = SynOptgroup;
@@ -9,4 +9,4 @@ SynOptgroup.define("syn-optgroup");
 export {
   optgroup_default
 };
-//# sourceMappingURL=chunk.VHZOV7T4.js.map
+//# sourceMappingURL=chunk.QYY44FAQ.js.map

package/dist/chunks/{chunk.CUXUFPU7.js → chunk.RPBO222K.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk.45VEGVRJ.js";
 import {
   LocalizeController
-} from "./chunk.GEHO4WRP.js";
+} from "./chunk.M6WH7QEC.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NF2R6RZV.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -74,4 +74,4 @@ __decorateClass([
 export {
   SynProgressRing
 };
-//# sourceMappingURL=chunk.CUXUFPU7.js.map
+//# sourceMappingURL=chunk.RPBO222K.js.map

package/dist/chunks/{chunk.5PFW6CJB.js → chunk.SH6KJA7C.js}

@@ -1,6 +1,6 @@
 import {
   SynOption
-} from "./chunk.DF2335CD.js";
+} from "./chunk.IKG6CMRI.js";
 
 // src/components/option/option.ts
 var option_default = SynOption;
@@ -9,4 +9,4 @@ SynOption.define("syn-option");
 export {
   option_default
 };
-//# sourceMappingURL=chunk.5PFW6CJB.js.map
+//# sourceMappingURL=chunk.SH6KJA7C.js.map

package/dist/chunks/{chunk.7ERFK5ZT.js → chunk.TDWPDWV4.js}

@@ -1,6 +1,6 @@
 import {
   card_custom_styles_default
-} from "./chunk.J5LCVXA5.js";
+} from "./chunk.36SZKAYW.js";
 import {
   card_styles_default
 } from "./chunk.GCU2ZNB2.js";
@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NF2R6RZV.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -23,7 +23,7 @@ var SynCard = class extends SynergyElement {
   constructor() {
     super(...arguments);
     this.hasSlotController = new HasSlotController(this, "footer", "header", "image");
-    this.nested = false;
+    this.sharp = false;
   }
   render() {
     return html`
@@ -31,7 +31,7 @@ var SynCard = class extends SynergyElement {
         part="base"
         class=${classMap({
       card: true,
-      "card--nested": this.nested,
+      "card--sharp": this.sharp,
       "card--has-footer": this.hasSlotController.test("footer"),
       "card--has-image": this.hasSlotController.test("image"),
       "card--has-header": this.hasSlotController.test("header")
@@ -48,9 +48,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, "nested", 2);
+], SynCard.prototype, "sharp", 2);
 
 export {
   SynCard
 };
-//# sourceMappingURL=chunk.7ERFK5ZT.js.map
+//# sourceMappingURL=chunk.TDWPDWV4.js.map

package/dist/chunks/{chunk.7ERFK5ZT.js.map → chunk.TDWPDWV4.js.map}

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/components/card/card.component.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 { 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.style/components/card\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 as a nested item. Can be used when nesting multiple syn-cards to create hierarchy */\n  @property({ type: Boolean, reflect: true }) nested = false;\n\n  render() {\n    return html`\n      <div\n        part=\"base\"\n        class=${classMap({\n          card: true,\n          'card--nested': this.nested,\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": ";;;;;;;;;;;;;;;;;;AAMA,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;AAAA;AAAA,EAErD,SAAS;AACP,WAAO;AAAA;AAAA;AAAA,gBAGK,SAAS;AAAA,MACf,MAAM;AAAA,MACN,gBAAgB,KAAK;AAAA,MACrB,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// \uD83D\uDD12 AUTOGENERATED BY VENDORISM\n// Removing this comment will prevent it from being managed by it.\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.style/components/card\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": ";;;;;;;;;;;;;;;;;;AAMA,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;",
   "names": []
 }

package/dist/chunks/{chunk.ZOSQLG4U.js → chunk.U5YGRMPN.js}

@@ -1,6 +1,6 @@
 import {
   SynTag
-} from "./chunk.3WS2ECKG.js";
+} from "./chunk.Q77JF7AR.js";
 import {
   select_custom_styles_default
 } from "./chunk.OWMT6OL2.js";
@@ -9,7 +9,7 @@ import {
 } from "./chunk.QNQNR3RY.js";
 import {
   SynPopup
-} from "./chunk.UHHXPHZM.js";
+} from "./chunk.XN5TDOQI.js";
 import {
   scrollIntoView
 } from "./chunk.RIJKFEYZ.js";
@@ -34,7 +34,7 @@ import {
 } from "./chunk.QAUTITK3.js";
 import {
   SynIcon
-} from "./chunk.JVN6QVKB.js";
+} from "./chunk.HSJIUWQS.js";
 import {
   HasSlotController
 } from "./chunk.66WXVGAW.js";
@@ -43,11 +43,11 @@ import {
 } from "./chunk.AVTU2BGE.js";
 import {
   LocalizeController
-} from "./chunk.GEHO4WRP.js";
+} from "./chunk.M6WH7QEC.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NF2R6RZV.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -764,4 +764,4 @@ setDefaultAnimation("select.hide", {
 export {
   SynSelect
 };
-//# sourceMappingURL=chunk.ZOSQLG4U.js.map
+//# sourceMappingURL=chunk.U5YGRMPN.js.map

package/dist/chunks/{chunk.MOGGUYYP.js → chunk.UK6QI2YX.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk.3FOVDOJX.js";
 import {
   SynDivider
-} from "./chunk.FGE6BQJ3.js";
+} from "./chunk.XKMNFCMU.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NF2R6RZV.js";
 
 // src/components/menu-label/menu-label.component.ts
 import { html } from "lit";
@@ -32,4 +32,4 @@ SynMenuLabel.dependencies = {
 export {
   SynMenuLabel
 };
-//# sourceMappingURL=chunk.MOGGUYYP.js.map
+//# sourceMappingURL=chunk.UK6QI2YX.js.map

package/dist/chunks/{chunk.7XHOKC22.js → chunk.UNWDGUMS.js}

@@ -1,6 +1,6 @@
 import {
   SynDrawer
-} from "./chunk.EBLECPJG.js";
+} from "./chunk.2RTVPLA4.js";
 
 // src/components/drawer/drawer.ts
 var drawer_default = SynDrawer;
@@ -9,4 +9,4 @@ SynDrawer.define("syn-drawer");
 export {
   drawer_default
 };
-//# sourceMappingURL=chunk.7XHOKC22.js.map
+//# sourceMappingURL=chunk.UNWDGUMS.js.map

package/dist/chunks/{chunk.XNSEXZCK.js → chunk.UOCGYAVP.js}

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

package/dist/chunks/{chunk.IODSZKC3.js → chunk.UR6LFFCN.js}

@@ -7,7 +7,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NF2R6RZV.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -128,4 +128,4 @@ __decorateClass([
 export {
   SynMenu
 };
-//# sourceMappingURL=chunk.IODSZKC3.js.map
+//# sourceMappingURL=chunk.UR6LFFCN.js.map

package/dist/chunks/{chunk.VYQU5NRM.js → chunk.VLFUE45C.js}

@@ -16,7 +16,7 @@ import {
 } from "./chunk.JUJZBRXD.js";
 import {
   SynIcon
-} from "./chunk.JVN6QVKB.js";
+} from "./chunk.HSJIUWQS.js";
 import {
   HasSlotController
 } from "./chunk.66WXVGAW.js";
@@ -26,7 +26,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NF2R6RZV.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -259,4 +259,4 @@ __decorateClass([
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.VYQU5NRM.js.map
+//# sourceMappingURL=chunk.VLFUE45C.js.map

package/dist/chunks/{chunk.SHIBG5ZI.js → chunk.VUMY7MJT.js}

@@ -6,14 +6,14 @@ import {
 } from "./chunk.Z6T7VV4R.js";
 import {
   SynIcon
-} from "./chunk.JVN6QVKB.js";
+} from "./chunk.HSJIUWQS.js";
 import {
   LocalizeController
-} from "./chunk.GEHO4WRP.js";
+} from "./chunk.M6WH7QEC.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NF2R6RZV.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -89,4 +89,4 @@ __decorateClass([
 export {
   SynBreadcrumb
 };
-//# sourceMappingURL=chunk.SHIBG5ZI.js.map
+//# sourceMappingURL=chunk.VUMY7MJT.js.map

package/dist/chunks/{chunk.75XQL6PG.js → chunk.WAW6B7ID.js}

@@ -1,6 +1,6 @@
 import {
   SynPopup
-} from "./chunk.UHHXPHZM.js";
+} from "./chunk.XN5TDOQI.js";
 import {
   dropdown_custom_styles_default
 } from "./chunk.2KYFCKCK.js";
@@ -24,11 +24,11 @@ import {
 } from "./chunk.AVTU2BGE.js";
 import {
   LocalizeController
-} from "./chunk.GEHO4WRP.js";
+} from "./chunk.M6WH7QEC.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NF2R6RZV.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -368,4 +368,4 @@ setDefaultAnimation("dropdown.hide", {
 export {
   SynDropdown
 };
-//# sourceMappingURL=chunk.75XQL6PG.js.map
+//# sourceMappingURL=chunk.WAW6B7ID.js.map

package/dist/chunks/{chunk.CQF2SSDJ.js → chunk.X6JZ2IGM.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuLabel
-} from "./chunk.MOGGUYYP.js";
+} from "./chunk.UK6QI2YX.js";
 
 // src/components/menu-label/menu-label.ts
 var menu_label_default = SynMenuLabel;
@@ -9,4 +9,4 @@ SynMenuLabel.define("syn-menu-label");
 export {
   menu_label_default
 };
-//# sourceMappingURL=chunk.CQF2SSDJ.js.map
+//# sourceMappingURL=chunk.X6JZ2IGM.js.map

package/dist/chunks/{chunk.FGE6BQJ3.js → chunk.XKMNFCMU.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NF2R6RZV.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -41,4 +41,4 @@ __decorateClass([
 export {
   SynDivider
 };
-//# sourceMappingURL=chunk.FGE6BQJ3.js.map
+//# sourceMappingURL=chunk.XKMNFCMU.js.map

package/dist/chunks/{chunk.UHHXPHZM.js → chunk.XN5TDOQI.js}

@@ -4,7 +4,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.ALVUFXV4.js";
+} from "./chunk.NF2R6RZV.js";
 import {
   __decorateClass,
   __spreadProps,
@@ -409,4 +409,4 @@ __decorateClass([
 export {
   SynPopup
 };
-//# sourceMappingURL=chunk.UHHXPHZM.js.map
+//# sourceMappingURL=chunk.XN5TDOQI.js.map