@synergy-design-system/components 2.2.1 → 2.3.0

package/dist/chunks/{chunk.N4SL33Q2.js → chunk.RXHKSN5J.js}

@@ -3,20 +3,20 @@ import {
 } from "./chunk.GVNVZMMM.js";
 import {
   icon_default
-} from "./chunk.GIVVS2TV.js";
+} from "./chunk.MYK2AWCR.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  watch
-} from "./chunk.QJMO7V5R.js";
 import {
   LocalizeController
 } from "./chunk.E3KW3KQM.js";
+import {
+  watch
+} from "./chunk.QJMO7V5R.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.E6UCXKSB.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -180,4 +180,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.N4SL33Q2.js.map
+//# sourceMappingURL=chunk.RXHKSN5J.js.map

package/dist/chunks/{chunk.I4JTI4B2.js → chunk.RXPHW5QH.js}

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

package/dist/chunks/{chunk.UJ7VV2OQ.js → chunk.RYF22CBO.js}

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

package/dist/chunks/{chunk.G72MXFHF.js → chunk.S44C5OQR.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.E6UCXKSB.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -131,4 +131,4 @@ __decorateClass([
 export {
   SynRadioButton
 };
-//# sourceMappingURL=chunk.G72MXFHF.js.map
+//# sourceMappingURL=chunk.S44C5OQR.js.map

package/dist/chunks/{chunk.N4VVLOEJ.js → chunk.SAF4PRHP.js}

@@ -23,7 +23,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.E6UCXKSB.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -362,4 +362,4 @@ __decorateClass([
 export {
   SynTextarea
 };
-//# sourceMappingURL=chunk.N4VVLOEJ.js.map
+//# sourceMappingURL=chunk.SAF4PRHP.js.map

package/dist/chunks/{chunk.7MHGXXEB.js → chunk.SFRDDSWI.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioButton
-} from "./chunk.G72MXFHF.js";
+} from "./chunk.S44C5OQR.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.7MHGXXEB.js.map
+//# sourceMappingURL=chunk.SFRDDSWI.js.map

package/dist/chunks/{chunk.YAYURZHV.js → chunk.TOHYRWJW.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.E6UCXKSB.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.YAYURZHV.js.map
+//# sourceMappingURL=chunk.TOHYRWJW.js.map

package/dist/chunks/{chunk.QT3ESAPF.js → chunk.TPGRGJR3.js}

@@ -1,6 +1,6 @@
 import {
   SynInput
-} from "./chunk.QXWUF6OB.js";
+} from "./chunk.7TRBFW6D.js";
 
 // src/components/input/input.ts
 var input_default = SynInput;
@@ -9,4 +9,4 @@ SynInput.define("syn-input");
 export {
   input_default
 };
-//# sourceMappingURL=chunk.QT3ESAPF.js.map
+//# sourceMappingURL=chunk.TPGRGJR3.js.map

package/dist/chunks/{chunk.UNDLEHX2.js → chunk.TYYZK3XM.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk.DZ7YIR5N.js";
 import {
   SynIcon
-} from "./chunk.NDWE2XUA.js";
+} from "./chunk.NKFRPPTB.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.E6UCXKSB.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -138,4 +138,4 @@ __decorateClass([
 export {
   SynIconButton
 };
-//# sourceMappingURL=chunk.UNDLEHX2.js.map
+//# sourceMappingURL=chunk.TYYZK3XM.js.map

package/dist/chunks/{chunk.2GXD4L2M.js → chunk.UEHYOYDV.js}

@@ -1,6 +1,6 @@
 import {
   SynProgressRing
-} from "./chunk.4XCGV45H.js";
+} from "./chunk.AQZKYDTS.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.2GXD4L2M.js.map
+//# sourceMappingURL=chunk.UEHYOYDV.js.map

package/dist/chunks/chunk.VA26EAEP.js

@@ -0,0 +1,87 @@
+// src/components/details/details.styles.ts
+import { css } from "lit";
+var details_styles_default = css`
+	/* stylelint-disable */
+  :host {
+    display: block;
+  }
+
+  .details {
+    border: solid 1px var(--syn-color-neutral-200);
+    border-radius: var(--syn-border-radius-medium);
+    background-color: var(--syn-color-neutral-0);
+    overflow-anchor: none;
+  }
+
+  .details--disabled {
+    opacity: 0.5;
+  }
+
+  .details__header {
+    display: flex;
+    align-items: center;
+    border-radius: inherit;
+    padding: var(--syn-spacing-medium);
+    user-select: none;
+    -webkit-user-select: none;
+    cursor: pointer;
+  }
+
+  .details__header::-webkit-details-marker {
+    display: none;
+  }
+
+  .details__header:focus {
+    outline: none;
+  }
+
+  .details__header:focus-visible {
+    outline: var(--syn-focus-ring);
+    outline-offset: calc(1px + var(--syn-focus-ring-offset));
+  }
+
+  .details--disabled .details__header {
+    cursor: not-allowed;
+  }
+
+  .details--disabled .details__header:focus-visible {
+    outline: none;
+    box-shadow: none;
+  }
+
+  .details__summary {
+    flex: 1 1 auto;
+    display: flex;
+    align-items: center;
+  }
+
+  .details__summary-icon {
+    flex: 0 0 auto;
+    display: flex;
+    align-items: center;
+    transition: var(--syn-transition-medium) rotate ease;
+  }
+
+  .details--open .details__summary-icon {
+    rotate: 90deg;
+  }
+
+  .details--open slot[name='expand-icon'],
+  .details:not(.details--open) slot[name='collapse-icon'] {
+    display: none;
+  }
+
+  .details__body {
+    overflow: hidden;
+  }
+
+  .details__content {
+    display: block;
+    padding: var(--syn-spacing-medium);
+  }
+`;
+
+export {
+  details_styles_default
+};
+//# sourceMappingURL=chunk.VA26EAEP.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/details/details.styles.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 { css } from 'lit';\n\nexport default css`\n\t/* stylelint-disable */\n  :host {\n    display: block;\n  }\n\n  .details {\n    border: solid 1px var(--syn-color-neutral-200);\n    border-radius: var(--syn-border-radius-medium);\n    background-color: var(--syn-color-neutral-0);\n    overflow-anchor: none;\n  }\n\n  .details--disabled {\n    opacity: 0.5;\n  }\n\n  .details__header {\n    display: flex;\n    align-items: center;\n    border-radius: inherit;\n    padding: var(--syn-spacing-medium);\n    user-select: none;\n    -webkit-user-select: none;\n    cursor: pointer;\n  }\n\n  .details__header::-webkit-details-marker {\n    display: none;\n  }\n\n  .details__header:focus {\n    outline: none;\n  }\n\n  .details__header:focus-visible {\n    outline: var(--syn-focus-ring);\n    outline-offset: calc(1px + var(--syn-focus-ring-offset));\n  }\n\n  .details--disabled .details__header {\n    cursor: not-allowed;\n  }\n\n  .details--disabled .details__header:focus-visible {\n    outline: none;\n    box-shadow: none;\n  }\n\n  .details__summary {\n    flex: 1 1 auto;\n    display: flex;\n    align-items: center;\n  }\n\n  .details__summary-icon {\n    flex: 0 0 auto;\n    display: flex;\n    align-items: center;\n    transition: var(--syn-transition-medium) rotate ease;\n  }\n\n  .details--open .details__summary-icon {\n    rotate: 90deg;\n  }\n\n  .details--open slot[name='expand-icon'],\n  .details:not(.details--open) slot[name='collapse-icon'] {\n    display: none;\n  }\n\n  .details__body {\n    overflow: hidden;\n  }\n\n  .details__content {\n    display: block;\n    padding: var(--syn-spacing-medium);\n  }\n`;\n"],
+  "mappings": ";AAQA,SAAS,WAAW;AAEpB,IAAO,yBAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;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.I6444N6Y.js → chunk.VRAOUUOJ.js}

@@ -1,11 +1,11 @@
 import {
   SynIconButton
-} from "./chunk.UNDLEHX2.js";
+} from "./chunk.TYYZK3XM.js";
 import {
   animateTo,
   stopAnimations,
   waitForEvent
-} from "./chunk.4OLTKAXX.js";
+} from "./chunk.PYLHI2JQ.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -13,22 +13,22 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
+import {
+  LocalizeController
+} from "./chunk.E3KW3KQM.js";
 import {
   watch
 } from "./chunk.QJMO7V5R.js";
+import {
+  SynergyElement,
+  component_styles_default
+} from "./chunk.E6UCXKSB.js";
 import {
   alert_custom_styles_default
 } from "./chunk.JRYXECAY.js";
 import {
   alert_styles_default
 } from "./chunk.KG73YUXI.js";
-import {
-  LocalizeController
-} from "./chunk.E3KW3KQM.js";
-import {
-  SynergyElement,
-  component_styles_default
-} from "./chunk.JAHDSTW6.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -214,4 +214,4 @@ setDefaultAnimation("alert.hide", {
 export {
   SynAlert
 };
-//# sourceMappingURL=chunk.I6444N6Y.js.map
+//# sourceMappingURL=chunk.VRAOUUOJ.js.map

package/dist/chunks/{chunk.XZTGJHD2.js → chunk.W55D3EVE.js}

@@ -13,12 +13,12 @@ import {
 } from "./chunk.RX7A4EQ2.js";
 import {
   SynIconButton
-} from "./chunk.UNDLEHX2.js";
+} from "./chunk.TYYZK3XM.js";
 import {
   animateTo,
   stopAnimations,
   waitForEvent
-} from "./chunk.4OLTKAXX.js";
+} from "./chunk.PYLHI2JQ.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -26,16 +26,16 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  watch
-} from "./chunk.QJMO7V5R.js";
 import {
   LocalizeController
 } from "./chunk.E3KW3KQM.js";
+import {
+  watch
+} from "./chunk.QJMO7V5R.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.E6UCXKSB.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -391,4 +391,4 @@ setDefaultAnimation("drawer.overlay.hide", {
 export {
   SynDrawer
 };
-//# sourceMappingURL=chunk.XZTGJHD2.js.map
+//# sourceMappingURL=chunk.W55D3EVE.js.map

package/dist/chunks/{chunk.FGLWJH52.js → chunk.WNRXN24D.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.E6UCXKSB.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -66,4 +66,4 @@ __decorateClass([
 export {
   SynProgressBar
 };
-//# sourceMappingURL=chunk.FGLWJH52.js.map
+//# sourceMappingURL=chunk.WNRXN24D.js.map

package/dist/chunks/chunk.WNUZ6LH4.js

@@ -0,0 +1,20 @@
+// src/components/accordion/accordion.styles.ts
+import { css } from "lit";
+var accordion_styles_default = css`
+  :host {
+    display: block;
+  }
+
+  .accordion--contained ::slotted(syn-details) {
+    margin-bottom: var(--syn-spacing-x-small);
+  }
+
+  .accordion--contained ::slotted(syn-details:last-of-type){
+    margin-bottom: 0;
+  }
+`;
+
+export {
+  accordion_styles_default
+};
+//# sourceMappingURL=chunk.WNUZ6LH4.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/accordion/accordion.styles.ts"],
+  "sourcesContent": ["import { css } from 'lit';\n\nexport default css`\n  :host {\n    display: block;\n  }\n\n  .accordion--contained ::slotted(syn-details) {\n    margin-bottom: var(--syn-spacing-x-small);\n  }\n\n  .accordion--contained ::slotted(syn-details:last-of-type){\n    margin-bottom: 0;\n  }\n`;\n"],
+  "mappings": ";AAAA,SAAS,WAAW;AAEpB,IAAO,2BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunks/{chunk.NOPRJ4QH.js → chunk.WODYLR4A.js}

@@ -1,6 +1,6 @@
 import {
   SynIconButton
-} from "./chunk.UNDLEHX2.js";
+} from "./chunk.TYYZK3XM.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.NOPRJ4QH.js.map
+//# sourceMappingURL=chunk.WODYLR4A.js.map

package/dist/chunks/{chunk.26HGFJIQ.js → chunk.X6QYMTT6.js}

@@ -1,6 +1,6 @@
 import {
   SynMenu
-} from "./chunk.JNCK3S26.js";
+} from "./chunk.QTL37DVE.js";
 
 // src/components/menu/menu.ts
 var menu_default = SynMenu;
@@ -9,4 +9,4 @@ SynMenu.define("syn-menu");
 export {
   menu_default
 };
-//# sourceMappingURL=chunk.26HGFJIQ.js.map
+//# sourceMappingURL=chunk.X6QYMTT6.js.map

package/dist/chunks/{chunk.LTNA7DH6.js → chunk.XQWP6SMH.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.YAYURZHV.js";
+} from "./chunk.TOHYRWJW.js";
 
 // src/components/spinner/spinner.ts
 var spinner_default = SynSpinner;
@@ -9,4 +9,4 @@ SynSpinner.define("syn-spinner");
 export {
   spinner_default
 };
-//# sourceMappingURL=chunk.LTNA7DH6.js.map
+//# sourceMappingURL=chunk.XQWP6SMH.js.map

package/dist/chunks/{chunk.PBKGBCEY.js → chunk.XWLOIF46.js}

@@ -1,6 +1,6 @@
 import {
   SynRadioGroup
-} from "./chunk.AJE2OV62.js";
+} from "./chunk.A5T5QIRR.js";
 
 // src/components/radio-group/radio-group.ts
 var radio_group_default = SynRadioGroup;
@@ -9,4 +9,4 @@ SynRadioGroup.define("syn-radio-group");
 export {
   radio_group_default
 };
-//# sourceMappingURL=chunk.PBKGBCEY.js.map
+//# sourceMappingURL=chunk.XWLOIF46.js.map

package/dist/chunks/{chunk.FX5EOGYW.js → chunk.Y45V3AOE.js}

@@ -14,19 +14,19 @@ import {
 import {
   FormControlController
 } from "./chunk.6EXC65JJ.js";
-import {
-  SynIcon
-} from "./chunk.NDWE2XUA.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
+import {
+  SynIcon
+} from "./chunk.NKFRPPTB.js";
 import {
   watch
 } from "./chunk.QJMO7V5R.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.E6UCXKSB.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -259,4 +259,4 @@ __decorateClass([
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.FX5EOGYW.js.map
+//# sourceMappingURL=chunk.Y45V3AOE.js.map

package/dist/chunks/{chunk.4BTQU7DS.js → chunk.YQM3FZBP.js}

@@ -1,9 +1,9 @@
-import {
-  switch_custom_styles_default
-} from "./chunk.W5JK7V7K.js";
 import {
   switch_styles_default
 } from "./chunk.4TB35TYG.js";
+import {
+  switch_custom_styles_default
+} from "./chunk.W5JK7V7K.js";
 import {
   defaultValue
 } from "./chunk.RBG37CD4.js";
@@ -23,7 +23,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.E6UCXKSB.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -247,4 +247,4 @@ __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.4BTQU7DS.js.map
+//# sourceMappingURL=chunk.YQM3FZBP.js.map

package/dist/chunks/{chunk.CMRXPLDZ.js → chunk.YTVTTW3B.js}

@@ -1,25 +1,25 @@
-import {
-  tab_group_custom_styles_default
-} from "./chunk.NGI67WXT.js";
 import {
   tab_group_styles_default
 } from "./chunk.JQ47GWDL.js";
+import {
+  tab_group_custom_styles_default
+} from "./chunk.NGI67WXT.js";
 import {
   scrollIntoView
 } from "./chunk.RX7A4EQ2.js";
 import {
   SynIconButton
-} from "./chunk.UNDLEHX2.js";
-import {
-  watch
-} from "./chunk.QJMO7V5R.js";
+} from "./chunk.TYYZK3XM.js";
 import {
   LocalizeController
 } from "./chunk.E3KW3KQM.js";
+import {
+  watch
+} from "./chunk.QJMO7V5R.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.E6UCXKSB.js";
 import {
   __decorateClass,
   __spreadValues
@@ -355,4 +355,4 @@ __decorateClass([
 export {
   SynTabGroup
 };
-//# sourceMappingURL=chunk.CMRXPLDZ.js.map
+//# sourceMappingURL=chunk.YTVTTW3B.js.map

package/dist/chunks/{chunk.K3VTIXSY.js → chunk.Z3KXEXZK.js}

@@ -1,6 +1,6 @@
 import {
   SynRadio
-} from "./chunk.B55SP7OT.js";
+} from "./chunk.GNBYM75U.js";
 
 // src/components/radio/radio.ts
 var radio_default = SynRadio;
@@ -9,4 +9,4 @@ SynRadio.define("syn-radio");
 export {
   radio_default
 };
-//# sourceMappingURL=chunk.K3VTIXSY.js.map
+//# sourceMappingURL=chunk.Z3KXEXZK.js.map

package/dist/chunks/{chunk.ELQHZNNF.js → chunk.Z46Q4HC4.js}

@@ -13,12 +13,12 @@ import {
 } from "./chunk.MU43DZ7W.js";
 import {
   SynIconButton
-} from "./chunk.UNDLEHX2.js";
+} from "./chunk.TYYZK3XM.js";
 import {
   animateTo,
   stopAnimations,
   waitForEvent
-} from "./chunk.4OLTKAXX.js";
+} from "./chunk.PYLHI2JQ.js";
 import {
   getAnimation,
   setDefaultAnimation
@@ -26,16 +26,16 @@ import {
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
-import {
-  watch
-} from "./chunk.QJMO7V5R.js";
 import {
   LocalizeController
 } from "./chunk.E3KW3KQM.js";
+import {
+  watch
+} from "./chunk.QJMO7V5R.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.E6UCXKSB.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -285,4 +285,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.ELQHZNNF.js.map
+//# sourceMappingURL=chunk.Z46Q4HC4.js.map

package/dist/chunks/{chunk.FEQGC6LL.js → chunk.ZFJL5UPT.js}

@@ -1,6 +1,6 @@
 import {
   SynPrioNav
-} from "./chunk.AH7JXEA2.js";
+} from "./chunk.ALF7C2K3.js";
 
 // src/components/prio-nav/prio-nav.ts
 var prio_nav_default = SynPrioNav;
@@ -9,4 +9,4 @@ SynPrioNav.define("syn-prio-nav");
 export {
   prio_nav_default
 };
-//# sourceMappingURL=chunk.FEQGC6LL.js.map
+//# sourceMappingURL=chunk.ZFJL5UPT.js.map

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

@@ -0,0 +1,35 @@
+import type { CSSResultGroup } from 'lit';
+import SynergyElement from '../../internal/synergy-element.js';
+import type SynDetails from '../details/details.component.js';
+/**
+ * @summary Accordions provide the ability to group a list of `<syn-details>`.
+ *
+ * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-accordion--docs
+ * @status stable
+ * @since 1.23.0
+ *
+ * @slot - The accordion's main content. Must be `<syn-details />` elements.
+ *
+ * @csspart base - The component's base wrapper.
+ */
+export default class SynAccordion extends SynergyElement {
+    static styles: CSSResultGroup;
+    detailsInDefaultSlot: SynDetails[];
+    /**
+     * Indicates whether or not multiple `<syn-detail>` elements can be open at the same time.
+     */
+    closeOthers: boolean;
+    /** Draws the accordion and the slotted `<syn-details>` as contained elements. */
+    contained: boolean;
+    /** The size that should be applied to all slotted `<syn-details>` elements */
+    size: 'medium' | 'large';
+    private adjustDetailsSize;
+    private adjustDetailsContained;
+    handleSizeChange(): void;
+    handleContainedChange(): void;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleSlotChange(): void;
+    private handleAccordionShow;
+    render(): import("lit").TemplateResult<1>;
+}