@synergy-design-system/components 2.2.1 → 2.4.0

package/dist/chunks/{chunk.24P533FX.js → chunk.QVTCDV3J.js}

@@ -1,6 +1,6 @@
 import {
   SynSpinner
-} from "./chunk.YAYURZHV.js";
+} from "./chunk.GLFJ7YL5.js";
 import {
   FormControlController,
   validValidityState
@@ -11,23 +11,23 @@ import {
 import {
   button_styles_default
 } from "./chunk.5SQ7NVBX.js";
-import {
-  SynIcon
-} from "./chunk.NDWE2XUA.js";
 import {
   HasSlotController,
   getTextContent
 } from "./chunk.WVVQK5TE.js";
 import {
-  watch
-} from "./chunk.QJMO7V5R.js";
+  SynIcon
+} from "./chunk.YMU4ORBN.js";
 import {
   LocalizeController
 } from "./chunk.E3KW3KQM.js";
+import {
+  watch
+} from "./chunk.QJMO7V5R.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.VZSHXWHJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -287,4 +287,4 @@ __decorateClass([
 export {
   SynButton
 };
-//# sourceMappingURL=chunk.24P533FX.js.map
+//# sourceMappingURL=chunk.QVTCDV3J.js.map

package/dist/chunks/{chunk.4BTQU7DS.js → chunk.QYDTD6WG.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.VZSHXWHJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -247,4 +247,4 @@ __decorateClass([
 export {
   SynSwitch
 };
-//# sourceMappingURL=chunk.4BTQU7DS.js.map
+//# sourceMappingURL=chunk.QYDTD6WG.js.map

package/dist/chunks/{chunk.5V2LG5C6.js → chunk.QZ6T54J3.js}

@@ -1,6 +1,6 @@
 import {
   SynBreadcrumb
-} from "./chunk.SYCQ26JK.js";
+} from "./chunk.JAP2VNT6.js";
 
 // src/components/breadcrumb/breadcrumb.ts
 var breadcrumb_default = SynBreadcrumb;
@@ -9,4 +9,4 @@ SynBreadcrumb.define("syn-breadcrumb");
 export {
   breadcrumb_default
 };
-//# sourceMappingURL=chunk.5V2LG5C6.js.map
+//# sourceMappingURL=chunk.QZ6T54J3.js.map

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

@@ -3,20 +3,20 @@ import {
 } from "./chunk.GVNVZMMM.js";
 import {
   icon_default
-} from "./chunk.GIVVS2TV.js";
+} from "./chunk.XRJDPVKM.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.VZSHXWHJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -180,4 +180,4 @@ __decorateClass([
 export {
   SynHeader
 };
-//# sourceMappingURL=chunk.N4SL33Q2.js.map
+//# sourceMappingURL=chunk.R7QWGCI2.js.map

package/dist/chunks/{chunk.E7SVB2R6.js → chunk.RR2U6KHQ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk.FAAETEJ2.js";
 import {
   SynDivider
-} from "./chunk.JLNTO45Z.js";
+} from "./chunk.M2CAI2MO.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -13,7 +13,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.VZSHXWHJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -316,4 +316,4 @@ __decorateClass([
 export {
   SynNavItem
 };
-//# sourceMappingURL=chunk.E7SVB2R6.js.map
+//# sourceMappingURL=chunk.RR2U6KHQ.js.map

package/dist/chunks/{chunk.25RVT6CZ.js → chunk.S5KZVOT3.js}

@@ -10,7 +10,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.VZSHXWHJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -53,4 +53,4 @@ __decorateClass([
 export {
   SynCard
 };
-//# sourceMappingURL=chunk.25RVT6CZ.js.map
+//# sourceMappingURL=chunk.S5KZVOT3.js.map

package/dist/chunks/{chunk.DV75WCZZ.js → chunk.SI2BYKSQ.js}

@@ -6,17 +6,17 @@ import {
 } from "./chunk.U7YAV7S3.js";
 import {
   SynIconButton
-} from "./chunk.UNDLEHX2.js";
-import {
-  watch
-} from "./chunk.QJMO7V5R.js";
+} from "./chunk.55FLE4MA.js";
 import {
   LocalizeController
 } from "./chunk.E3KW3KQM.js";
+import {
+  watch
+} from "./chunk.QJMO7V5R.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.VZSHXWHJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -116,4 +116,4 @@ __decorateClass([
 export {
   SynTab
 };
-//# sourceMappingURL=chunk.DV75WCZZ.js.map
+//# sourceMappingURL=chunk.SI2BYKSQ.js.map

package/dist/chunks/{chunk.CMRXPLDZ.js → chunk.SJGJZXA4.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.55FLE4MA.js";
 import {
   LocalizeController
 } from "./chunk.E3KW3KQM.js";
+import {
+  watch
+} from "./chunk.QJMO7V5R.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.VZSHXWHJ.js";
 import {
   __decorateClass,
   __spreadValues
@@ -355,4 +355,4 @@ __decorateClass([
 export {
   SynTabGroup
 };
-//# sourceMappingURL=chunk.CMRXPLDZ.js.map
+//# sourceMappingURL=chunk.SJGJZXA4.js.map

package/dist/chunks/{chunk.TXMRS4NH.js → chunk.TJXUBEVD.js}

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

package/dist/chunks/{chunk.EN4BZT55.js → chunk.U4P67MHM.js}

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/components/header/header.ts"],
+  "sourcesContent": ["import SynHeader from './header.component.js';\n\nexport * from './header.component.js';\nexport default SynHeader;\n\nSynHeader.define('syn-header');\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'syn-header': SynHeader;\n  }\n}\n"],
+  "mappings": ";;;;;AAGA,IAAO,iBAAQ;AAEf,UAAU,OAAO,YAAY;",
+  "names": []
+}

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

@@ -13,12 +13,12 @@ import {
 } from "./chunk.MU43DZ7W.js";
 import {
   SynIconButton
-} from "./chunk.UNDLEHX2.js";
+} from "./chunk.55FLE4MA.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.VZSHXWHJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -285,4 +285,4 @@ setDefaultAnimation("dialog.overlay.hide", {
 export {
   SynDialog
 };
-//# sourceMappingURL=chunk.ELQHZNNF.js.map
+//# sourceMappingURL=chunk.UAEJMSK4.js.map

package/dist/chunks/{chunk.FX5EOGYW.js → chunk.UQSMSJ6Q.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.YMU4ORBN.js";
 import {
   watch
 } from "./chunk.QJMO7V5R.js";
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.VZSHXWHJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -259,4 +259,4 @@ __decorateClass([
 export {
   SynCheckbox
 };
-//# sourceMappingURL=chunk.FX5EOGYW.js.map
+//# sourceMappingURL=chunk.UQSMSJ6Q.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.6DRGHR6G.js → chunk.VOHHPN3L.js}

@@ -1,6 +1,6 @@
 import {
   SynTooltip
-} from "./chunk.U3EYIUEM.js";
+} from "./chunk.GAZGPA2F.js";
 
 // src/components/tooltip/tooltip.ts
 var tooltip_default = SynTooltip;
@@ -9,4 +9,4 @@ SynTooltip.define("syn-tooltip");
 export {
   tooltip_default
 };
-//# sourceMappingURL=chunk.6DRGHR6G.js.map
+//# sourceMappingURL=chunk.VOHHPN3L.js.map

package/dist/chunks/{chunk.JAHDSTW6.js → chunk.VZSHXWHJ.js}

@@ -3,25 +3,6 @@ import {
   __spreadValues
 } from "./chunk.QNDC5KWA.js";
 
-// src/styles/component.styles.ts
-import { css } from "lit";
-var component_styles_default = css`
-	/* stylelint-disable */
-  :host {
-    box-sizing: border-box;
-  }
-
-  :host *,
-  :host *::before,
-  :host *::after {
-    box-sizing: inherit;
-  }
-
-  [hidden] {
-    display: none !important;
-  }
-`;
-
 // src/internal/synergy-element.ts
 import { LitElement } from "lit";
 import { property } from "lit/decorators.js";
@@ -67,7 +48,7 @@ var SynergyElement = class extends LitElement {
 };
 /* eslint-disable */
 // @ts-expect-error This is auto-injected at build time.
-SynergyElement.version = "2.2.1";
+SynergyElement.version = "2.4.0";
 SynergyElement.dependencies = {};
 __decorateClass([
   property()
@@ -76,8 +57,27 @@ __decorateClass([
   property()
 ], SynergyElement.prototype, "lang", 2);
 
+// src/styles/component.styles.ts
+import { css } from "lit";
+var component_styles_default = css`
+	/* stylelint-disable */
+  :host {
+    box-sizing: border-box;
+  }
+
+  :host *,
+  :host *::before,
+  :host *::after {
+    box-sizing: inherit;
+  }
+
+  [hidden] {
+    display: none !important;
+  }
+`;
+
 export {
-  component_styles_default,
-  SynergyElement
+  SynergyElement,
+  component_styles_default
 };
-//# sourceMappingURL=chunk.JAHDSTW6.js.map
+//# sourceMappingURL=chunk.VZSHXWHJ.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/internal/synergy-element.ts", "../../src/styles/component.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 { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\n\n// Match event type name strings that are registered on GlobalEventHandlersEventMap...\ntype EventTypeRequiresDetail<T> = T extends keyof GlobalEventHandlersEventMap\n  ? // ...where the event detail is an object...\n    GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>>\n    ? // ...that is non-empty...\n      GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>>\n      ? never\n      : // ...and has at least one non-optional property\n        Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail']\n        ? never\n        : T\n    : never\n  : never;\n\n// The inverse of the above (match any type that doesn't match EventTypeRequiresDetail)\ntype EventTypeDoesNotRequireDetail<T> = T extends keyof GlobalEventHandlersEventMap\n  ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>>\n    ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>>\n      ? T\n      : Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail']\n        ? T\n        : never\n    : T\n  : T;\n\n// `keyof EventTypesWithRequiredDetail` lists all registered event types that require detail\ntype EventTypesWithRequiredDetail = {\n  [EventType in keyof GlobalEventHandlersEventMap as EventTypeRequiresDetail<EventType>]: true;\n};\n\n// `keyof EventTypesWithoutRequiredDetail` lists all registered event types that do NOT require detail\ntype EventTypesWithoutRequiredDetail = {\n  [EventType in keyof GlobalEventHandlersEventMap as EventTypeDoesNotRequireDetail<EventType>]: true;\n};\n\n// Helper to make a specific property of an object non-optional\ntype WithRequired<T, K extends keyof T> = T & { [P in K]-?: T[P] };\n\n// Given an event name string, get a valid type for the options to initialize the event that is more restrictive than\n// just CustomEventInit when appropriate (validate the type of the event detail, and require it to be provided if the\n// event requires it)\ntype SynEventInit<T> = T extends keyof GlobalEventHandlersEventMap\n  ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, unknown>>\n    ? GlobalEventHandlersEventMap[T] extends CustomEvent<Record<PropertyKey, never>>\n      ? CustomEventInit<GlobalEventHandlersEventMap[T]['detail']>\n      : Partial<GlobalEventHandlersEventMap[T]['detail']> extends GlobalEventHandlersEventMap[T]['detail']\n        ? CustomEventInit<GlobalEventHandlersEventMap[T]['detail']>\n        : WithRequired<CustomEventInit<GlobalEventHandlersEventMap[T]['detail']>, 'detail'>\n    : CustomEventInit\n  : CustomEventInit;\n\n// Given an event name string, get the type of the event\ntype GetCustomEventType<T> = T extends keyof GlobalEventHandlersEventMap\n  ? GlobalEventHandlersEventMap[T] extends CustomEvent<unknown>\n    ? GlobalEventHandlersEventMap[T]\n    : CustomEvent<unknown>\n  : CustomEvent<unknown>;\n\n// `keyof ValidEventTypeMap` is equivalent to `keyof GlobalEventHandlersEventMap` but gives a nicer error message\ntype ValidEventTypeMap = EventTypesWithRequiredDetail | EventTypesWithoutRequiredDetail;\n\nexport default class SynergyElement extends LitElement {\n  // Make localization attributes reactive\n  @property() dir: string;\n  @property() lang: string;\n\n  /** Emits a custom event with more convenient defaults. */\n  emit<T extends string & keyof EventTypesWithoutRequiredDetail>(\n    name: EventTypeDoesNotRequireDetail<T>,\n    options?: SynEventInit<T> | undefined\n  ): GetCustomEventType<T>;\n  emit<T extends string & keyof EventTypesWithRequiredDetail>(\n    name: EventTypeRequiresDetail<T>,\n    options: SynEventInit<T>\n  ): GetCustomEventType<T>;\n  emit<T extends string & keyof ValidEventTypeMap>(\n    name: T,\n    options?: SynEventInit<T> | undefined\n  ): GetCustomEventType<T> {\n    const event = new CustomEvent(name, {\n      bubbles: true,\n      cancelable: false,\n      composed: true,\n      detail: {},\n      ...options\n    });\n\n    this.dispatchEvent(event);\n\n    return event as GetCustomEventType<T>;\n  }\n\n  /* eslint-disable */\n  // @ts-expect-error This is auto-injected at build time.\n  static version = \"2.4.0\";\n  \n\n  static define(name: string, elementConstructor = this, options: ElementDefinitionOptions = {}) {\n    const currentlyRegisteredConstructor = customElements.get(name) as\n      | CustomElementConstructor\n      | typeof SynergyElement;\n\n    if (!currentlyRegisteredConstructor) {\n      customElements.define(name, class extends elementConstructor {} as unknown as CustomElementConstructor, options);\n      return;\n    }\n\n    let newVersion = ' (unknown version)';\n    let existingVersion = newVersion;\n\n    if ('version' in elementConstructor && elementConstructor.version) {\n      newVersion = ' v' + elementConstructor.version;\n    }\n\n    if ('version' in currentlyRegisteredConstructor && currentlyRegisteredConstructor.version) {\n      existingVersion = ' v' + currentlyRegisteredConstructor.version;\n    }\n\n    // Need to make sure we're not working with null or empty strings before doing version comparisons.\n    if (newVersion && existingVersion && newVersion === existingVersion) {\n      // If versions match, we don't need to warn anyone. Carry on.\n      return;\n    }\n\n    console.warn(\n      `Attempted to register <${name}>${newVersion}, but <${name}>${existingVersion} has already been registered.`\n    );\n  }\n\n  static dependencies: Record<string, typeof SynergyElement> = {};\n\n  constructor() {\n    super();\n    Object.entries((this.constructor as typeof SynergyElement).dependencies).forEach(([name, component]) => {\n      (this.constructor as typeof SynergyElement).define(name, component);\n    });\n  }\n}\n\nexport interface SynergyFormControl extends SynergyElement {\n  // Form attributes\n  name: string;\n  value: unknown;\n  disabled?: boolean;\n  defaultValue?: unknown;\n  defaultChecked?: boolean;\n  form?: string;\n\n  // Constraint validation attributes\n  pattern?: string;\n  min?: number | string | Date;\n  max?: number | string | Date;\n  step?: number | 'any';\n  required?: boolean;\n  minlength?: number;\n  maxlength?: number;\n\n  // Form validation properties\n  readonly validity: ValidityState;\n  readonly validationMessage: string;\n\n  // Form validation methods\n  checkValidity: () => boolean;\n  getForm: () => HTMLFormElement | null;\n  reportValidity: () => boolean;\n  setCustomValidity: (message: string) => void;\n}\n", "/**\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    box-sizing: border-box;\n  }\n\n  :host *,\n  :host *::before,\n  :host *::after {\n    box-sizing: inherit;\n  }\n\n  [hidden] {\n    display: none !important;\n  }\n`;\n"],
+  "mappings": ";;;;;;AAQA,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AA+DzB,IAAqB,iBAArB,cAA4C,WAAW;AAAA,EAcrD,KACE,MACA,SACuB;AACvB,UAAM,QAAQ,IAAI,YAAY,MAAM;AAAA,MAClC,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,QAAQ,CAAC;AAAA,OACN,QACJ;AAED,SAAK,cAAc,KAAK;AAExB,WAAO;AAAA,EACT;AAAA,EAOA,OAAO,OAAO,MAAc,qBAAqB,MAAM,UAAoC,CAAC,GAAG;AAC7F,UAAM,iCAAiC,eAAe,IAAI,IAAI;AAI9D,QAAI,CAAC,gCAAgC;AACnC,qBAAe,OAAO,MAAM,cAAc,mBAAmB;AAAA,MAAC,GAA0C,OAAO;AAC/G;AAAA,IACF;AAEA,QAAI,aAAa;AACjB,QAAI,kBAAkB;AAEtB,QAAI,aAAa,sBAAsB,mBAAmB,SAAS;AACjE,mBAAa,OAAO,mBAAmB;AAAA,IACzC;AAEA,QAAI,aAAa,kCAAkC,+BAA+B,SAAS;AACzF,wBAAkB,OAAO,+BAA+B;AAAA,IAC1D;AAGA,QAAI,cAAc,mBAAmB,eAAe,iBAAiB;AAEnE;AAAA,IACF;AAEA,YAAQ;AAAA,MACN,0BAA0B,IAAI,IAAI,UAAU,UAAU,IAAI,IAAI,eAAe;AAAA,IAC/E;AAAA,EACF;AAAA,EAIA,cAAc;AACZ,UAAM;AACN,WAAO,QAAS,KAAK,YAAsC,YAAY,EAAE,QAAQ,CAAC,CAAC,MAAM,SAAS,MAAM;AACtG,MAAC,KAAK,YAAsC,OAAO,MAAM,SAAS;AAAA,IACpE,CAAC;AAAA,EACH;AACF;AAAA;AAAA;AA5EqB,eAiCZ,UAAU;AAjCE,eAoEZ,eAAsD,CAAC;AAlElD;AAAA,EAAX,SAAS;AAAA,GAFS,eAEP;AACA;AAAA,EAAX,SAAS;AAAA,GAHS,eAGP;;;ACnEd,SAAS,WAAW;AAEpB,IAAO,2BAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

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.24WTVGXH.js → chunk.WVIROKEM.js}

@@ -4,7 +4,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.VZSHXWHJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -87,4 +87,4 @@ function findButton(el) {
 export {
   SynButtonGroup
 };
-//# sourceMappingURL=chunk.24WTVGXH.js.map
+//# sourceMappingURL=chunk.WVIROKEM.js.map

package/dist/chunks/{chunk.6FFYAZU4.js → chunk.X77TGBMQ.js}

@@ -1,6 +1,6 @@
 import {
   SynMenuItem
-} from "./chunk.ESFHL7OW.js";
+} from "./chunk.KGCUGM2Z.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.6FFYAZU4.js.map
+//# sourceMappingURL=chunk.X77TGBMQ.js.map

package/dist/chunks/{chunk.AJE2OV62.js → chunk.X7LLNVXK.js}

@@ -8,15 +8,15 @@ import {
   form_control_custom_styles_default,
   form_control_styles_default
 } from "./chunk.CX4QZVGR.js";
+import {
+  SynButtonGroup
+} from "./chunk.WVIROKEM.js";
 import {
   FormControlController,
   customErrorValidityState,
   validValidityState,
   valueMissingValidityState
 } from "./chunk.6EXC65JJ.js";
-import {
-  SynButtonGroup
-} from "./chunk.24WTVGXH.js";
 import {
   HasSlotController
 } from "./chunk.WVVQK5TE.js";
@@ -26,7 +26,7 @@ import {
 import {
   SynergyElement,
   component_styles_default
-} from "./chunk.JAHDSTW6.js";
+} from "./chunk.VZSHXWHJ.js";
 import {
   __decorateClass
 } from "./chunk.QNDC5KWA.js";
@@ -356,4 +356,4 @@ __decorateClass([
 export {
   SynRadioGroup
 };
-//# sourceMappingURL=chunk.AJE2OV62.js.map
+//# sourceMappingURL=chunk.X7LLNVXK.js.map

package/dist/chunks/{chunk.GIVVS2TV.js → chunk.XRJDPVKM.js}

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

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

@@ -1,6 +1,6 @@
 import {
   SynSwitch
-} from "./chunk.4BTQU7DS.js";
+} from "./chunk.QYDTD6WG.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.XXVDV63N.js.map