@synergy-design-system/components 2.2.1 → 2.3.0

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

@@ -0,0 +1,11 @@
+import {
+  SynAccordion
+} from "../../chunks/chunk.RLIJRLLJ.js";
+import "../../chunks/chunk.WNUZ6LH4.js";
+import "../../chunks/chunk.QJMO7V5R.js";
+import "../../chunks/chunk.E6UCXKSB.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  SynAccordion as default
+};
+//# sourceMappingURL=accordion.component.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -0,0 +1,8 @@
+import SynAccordion from './accordion.component.js';
+export * from './accordion.component.js';
+export default SynAccordion;
+declare global {
+    interface HTMLElementTagNameMap {
+        'syn-accordion': SynAccordion;
+    }
+}

package/dist/components/accordion/accordion.js

@@ -0,0 +1,12 @@
+import {
+  accordion_default
+} from "../../chunks/chunk.6QD4QY4G.js";
+import "../../chunks/chunk.RLIJRLLJ.js";
+import "../../chunks/chunk.WNUZ6LH4.js";
+import "../../chunks/chunk.QJMO7V5R.js";
+import "../../chunks/chunk.E6UCXKSB.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  accordion_default as default
+};
+//# sourceMappingURL=accordion.js.map

package/dist/components/accordion/accordion.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/components/accordion/accordion.styles.js

@@ -0,0 +1,8 @@
+import {
+  accordion_styles_default
+} from "../../chunks/chunk.WNUZ6LH4.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  accordion_styles_default as default
+};
+//# sourceMappingURL=accordion.styles.js.map

package/dist/components/accordion/accordion.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

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

@@ -1,25 +1,25 @@
 import {
   SynAlert
-} from "../../chunks/chunk.I6444N6Y.js";
-import "../../chunks/chunk.UNDLEHX2.js";
+} from "../../chunks/chunk.VRAOUUOJ.js";
+import "../../chunks/chunk.TYYZK3XM.js";
 import "../../chunks/chunk.ZHH2AHOZ.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.4OLTKAXX.js";
+import "../../chunks/chunk.PYLHI2JQ.js";
 import "../../chunks/chunk.MSUX23ZJ.js";
-import "../../chunks/chunk.NDWE2XUA.js";
-import "../../chunks/chunk.AA54UMGR.js";
-import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.WVVQK5TE.js";
+import "../../chunks/chunk.NKFRPPTB.js";
+import "../../chunks/chunk.AV56MW4Q.js";
 import "../../chunks/chunk.SDQC32B3.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.QJMO7V5R.js";
+import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.E3KW3KQM.js";
+import "../../chunks/chunk.QZNPL6WK.js";
 import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.QJMO7V5R.js";
+import "../../chunks/chunk.E6UCXKSB.js";
 import "../../chunks/chunk.JRYXECAY.js";
 import "../../chunks/chunk.KG73YUXI.js";
-import "../../chunks/chunk.E3KW3KQM.js";
-import "../../chunks/chunk.QZNPL6WK.js";
-import "../../chunks/chunk.JAHDSTW6.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynAlert as default

package/dist/components/alert/alert.js

@@ -1,26 +1,26 @@
 import {
   alert_default
-} from "../../chunks/chunk.HNULADIV.js";
-import "../../chunks/chunk.I6444N6Y.js";
-import "../../chunks/chunk.UNDLEHX2.js";
+} from "../../chunks/chunk.OPHNLOT2.js";
+import "../../chunks/chunk.VRAOUUOJ.js";
+import "../../chunks/chunk.TYYZK3XM.js";
 import "../../chunks/chunk.ZHH2AHOZ.js";
 import "../../chunks/chunk.DZ7YIR5N.js";
-import "../../chunks/chunk.4OLTKAXX.js";
+import "../../chunks/chunk.PYLHI2JQ.js";
 import "../../chunks/chunk.MSUX23ZJ.js";
-import "../../chunks/chunk.NDWE2XUA.js";
-import "../../chunks/chunk.AA54UMGR.js";
-import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.WVVQK5TE.js";
+import "../../chunks/chunk.NKFRPPTB.js";
+import "../../chunks/chunk.AV56MW4Q.js";
 import "../../chunks/chunk.SDQC32B3.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.QJMO7V5R.js";
+import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.E3KW3KQM.js";
+import "../../chunks/chunk.QZNPL6WK.js";
 import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.QJMO7V5R.js";
+import "../../chunks/chunk.E6UCXKSB.js";
 import "../../chunks/chunk.JRYXECAY.js";
 import "../../chunks/chunk.KG73YUXI.js";
-import "../../chunks/chunk.E3KW3KQM.js";
-import "../../chunks/chunk.QZNPL6WK.js";
-import "../../chunks/chunk.JAHDSTW6.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   alert_default as default

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

@@ -1,11 +1,11 @@
 import {
   SynBadge
-} from "../../chunks/chunk.NETSJN4U.js";
+} from "../../chunks/chunk.IGZRKQVY.js";
+import "../../chunks/chunk.WQJRBFZA.js";
 import "../../chunks/chunk.Y5TMYX2L.js";
 import "../../chunks/chunk.E3KW3KQM.js";
 import "../../chunks/chunk.QZNPL6WK.js";
-import "../../chunks/chunk.JAHDSTW6.js";
-import "../../chunks/chunk.WQJRBFZA.js";
+import "../../chunks/chunk.E6UCXKSB.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynBadge as default

package/dist/components/badge/badge.js

@@ -1,12 +1,12 @@
 import {
   badge_default
-} from "../../chunks/chunk.OG6ZFKXJ.js";
-import "../../chunks/chunk.NETSJN4U.js";
+} from "../../chunks/chunk.FLUU3VLX.js";
+import "../../chunks/chunk.IGZRKQVY.js";
+import "../../chunks/chunk.WQJRBFZA.js";
 import "../../chunks/chunk.Y5TMYX2L.js";
 import "../../chunks/chunk.E3KW3KQM.js";
 import "../../chunks/chunk.QZNPL6WK.js";
-import "../../chunks/chunk.JAHDSTW6.js";
-import "../../chunks/chunk.WQJRBFZA.js";
+import "../../chunks/chunk.E6UCXKSB.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   badge_default as default

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

@@ -1,19 +1,19 @@
 import {
   SynBreadcrumb
-} from "../../chunks/chunk.SYCQ26JK.js";
+} from "../../chunks/chunk.KIJSLOT3.js";
 import "../../chunks/chunk.32CYREEV.js";
 import "../../chunks/chunk.S22BO5SF.js";
-import "../../chunks/chunk.NDWE2XUA.js";
-import "../../chunks/chunk.AA54UMGR.js";
-import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.NKFRPPTB.js";
+import "../../chunks/chunk.AV56MW4Q.js";
 import "../../chunks/chunk.SDQC32B3.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.E3KW3KQM.js";
 import "../../chunks/chunk.QZNPL6WK.js";
-import "../../chunks/chunk.JAHDSTW6.js";
+import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.QJMO7V5R.js";
+import "../../chunks/chunk.E6UCXKSB.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynBreadcrumb as default

package/dist/components/breadcrumb/breadcrumb.js

@@ -1,20 +1,20 @@
 import {
   breadcrumb_default
-} from "../../chunks/chunk.5V2LG5C6.js";
-import "../../chunks/chunk.SYCQ26JK.js";
+} from "../../chunks/chunk.KX2JSJEA.js";
+import "../../chunks/chunk.KIJSLOT3.js";
 import "../../chunks/chunk.32CYREEV.js";
 import "../../chunks/chunk.S22BO5SF.js";
-import "../../chunks/chunk.NDWE2XUA.js";
-import "../../chunks/chunk.AA54UMGR.js";
-import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.NKFRPPTB.js";
+import "../../chunks/chunk.AV56MW4Q.js";
 import "../../chunks/chunk.SDQC32B3.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.E3KW3KQM.js";
 import "../../chunks/chunk.QZNPL6WK.js";
-import "../../chunks/chunk.JAHDSTW6.js";
+import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.QJMO7V5R.js";
+import "../../chunks/chunk.E6UCXKSB.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   breadcrumb_default as default

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

@@ -1,11 +1,11 @@
 import {
   SynBreadcrumbItem
-} from "../../chunks/chunk.ZZE4YFZH.js";
-import "../../chunks/chunk.O6ZH6AOI.js";
+} from "../../chunks/chunk.N3246A5F.js";
 import "../../chunks/chunk.NGIGPLN2.js";
+import "../../chunks/chunk.O6ZH6AOI.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.JAHDSTW6.js";
+import "../../chunks/chunk.E6UCXKSB.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynBreadcrumbItem as default

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

@@ -1,12 +1,12 @@
 import {
   breadcrumb_item_default
-} from "../../chunks/chunk.6666WCQQ.js";
-import "../../chunks/chunk.ZZE4YFZH.js";
-import "../../chunks/chunk.O6ZH6AOI.js";
+} from "../../chunks/chunk.GYM6FCBH.js";
+import "../../chunks/chunk.N3246A5F.js";
 import "../../chunks/chunk.NGIGPLN2.js";
+import "../../chunks/chunk.O6ZH6AOI.js";
 import "../../chunks/chunk.WVVQK5TE.js";
 import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.JAHDSTW6.js";
+import "../../chunks/chunk.E6UCXKSB.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   breadcrumb_item_default as default

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

@@ -1,24 +1,24 @@
 import {
   SynButton
-} from "../../chunks/chunk.24P533FX.js";
-import "../../chunks/chunk.YAYURZHV.js";
+} from "../../chunks/chunk.MWX2VWP5.js";
+import "../../chunks/chunk.TOHYRWJW.js";
 import "../../chunks/chunk.AWJ376R6.js";
 import "../../chunks/chunk.JLXCLATV.js";
 import "../../chunks/chunk.6EXC65JJ.js";
 import "../../chunks/chunk.I25TRQGB.js";
 import "../../chunks/chunk.5SQ7NVBX.js";
-import "../../chunks/chunk.NDWE2XUA.js";
-import "../../chunks/chunk.AA54UMGR.js";
-import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.WVVQK5TE.js";
+import "../../chunks/chunk.NKFRPPTB.js";
+import "../../chunks/chunk.AV56MW4Q.js";
 import "../../chunks/chunk.SDQC32B3.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.E3KW3KQM.js";
 import "../../chunks/chunk.QZNPL6WK.js";
-import "../../chunks/chunk.JAHDSTW6.js";
+import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.QJMO7V5R.js";
+import "../../chunks/chunk.E6UCXKSB.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynButton as default

package/dist/components/button/button.js

@@ -1,25 +1,25 @@
 import {
   button_default
-} from "../../chunks/chunk.3OCNGMHR.js";
-import "../../chunks/chunk.24P533FX.js";
-import "../../chunks/chunk.YAYURZHV.js";
+} from "../../chunks/chunk.626F5A6G.js";
+import "../../chunks/chunk.MWX2VWP5.js";
+import "../../chunks/chunk.TOHYRWJW.js";
 import "../../chunks/chunk.AWJ376R6.js";
 import "../../chunks/chunk.JLXCLATV.js";
 import "../../chunks/chunk.6EXC65JJ.js";
 import "../../chunks/chunk.I25TRQGB.js";
 import "../../chunks/chunk.5SQ7NVBX.js";
-import "../../chunks/chunk.NDWE2XUA.js";
-import "../../chunks/chunk.AA54UMGR.js";
-import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.WVVQK5TE.js";
+import "../../chunks/chunk.NKFRPPTB.js";
+import "../../chunks/chunk.AV56MW4Q.js";
 import "../../chunks/chunk.SDQC32B3.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.QJMO7V5R.js";
-import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.E3KW3KQM.js";
 import "../../chunks/chunk.QZNPL6WK.js";
-import "../../chunks/chunk.JAHDSTW6.js";
+import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.QJMO7V5R.js";
+import "../../chunks/chunk.E6UCXKSB.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   button_default as default

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

@@ -1,8 +1,8 @@
 import {
   SynButtonGroup
-} from "../../chunks/chunk.24WTVGXH.js";
+} from "../../chunks/chunk.FTAZTCF6.js";
 import "../../chunks/chunk.GRVNUIP2.js";
-import "../../chunks/chunk.JAHDSTW6.js";
+import "../../chunks/chunk.E6UCXKSB.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynButtonGroup as default

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

@@ -1,9 +1,9 @@
 import {
   button_group_default
-} from "../../chunks/chunk.FFA5NEKJ.js";
-import "../../chunks/chunk.24WTVGXH.js";
+} from "../../chunks/chunk.EW7GTAPE.js";
+import "../../chunks/chunk.FTAZTCF6.js";
 import "../../chunks/chunk.GRVNUIP2.js";
-import "../../chunks/chunk.JAHDSTW6.js";
+import "../../chunks/chunk.E6UCXKSB.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   button_group_default as default

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

@@ -1,10 +1,10 @@
 import {
   SynCard
-} from "../../chunks/chunk.25RVT6CZ.js";
+} from "../../chunks/chunk.RHSBVJQ2.js";
 import "../../chunks/chunk.36SZKAYW.js";
 import "../../chunks/chunk.C4JTZKPZ.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.JAHDSTW6.js";
+import "../../chunks/chunk.E6UCXKSB.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynCard as default

package/dist/components/card/card.js

@@ -1,11 +1,11 @@
 import {
   card_default
-} from "../../chunks/chunk.EKZFQX32.js";
-import "../../chunks/chunk.25RVT6CZ.js";
+} from "../../chunks/chunk.JWXV5LZJ.js";
+import "../../chunks/chunk.RHSBVJQ2.js";
 import "../../chunks/chunk.36SZKAYW.js";
 import "../../chunks/chunk.C4JTZKPZ.js";
 import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.JAHDSTW6.js";
+import "../../chunks/chunk.E6UCXKSB.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   card_default as default

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

@@ -1,21 +1,21 @@
 import {
   SynCheckbox
-} from "../../chunks/chunk.FX5EOGYW.js";
+} from "../../chunks/chunk.Y45V3AOE.js";
 import "../../chunks/chunk.RBG37CD4.js";
 import "../../chunks/chunk.CX4QZVGR.js";
 import "../../chunks/chunk.IG3RCOB3.js";
 import "../../chunks/chunk.6OX2AX3Z.js";
 import "../../chunks/chunk.6EXC65JJ.js";
-import "../../chunks/chunk.NDWE2XUA.js";
-import "../../chunks/chunk.AA54UMGR.js";
-import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.WVVQK5TE.js";
+import "../../chunks/chunk.NKFRPPTB.js";
+import "../../chunks/chunk.AV56MW4Q.js";
 import "../../chunks/chunk.SDQC32B3.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.QJMO7V5R.js";
+import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.JAHDSTW6.js";
+import "../../chunks/chunk.QJMO7V5R.js";
+import "../../chunks/chunk.E6UCXKSB.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   SynCheckbox as default

package/dist/components/checkbox/checkbox.js

@@ -1,22 +1,22 @@
 import {
   checkbox_default
-} from "../../chunks/chunk.JF6VUTP3.js";
-import "../../chunks/chunk.FX5EOGYW.js";
+} from "../../chunks/chunk.EZVTRKT7.js";
+import "../../chunks/chunk.Y45V3AOE.js";
 import "../../chunks/chunk.RBG37CD4.js";
 import "../../chunks/chunk.CX4QZVGR.js";
 import "../../chunks/chunk.IG3RCOB3.js";
 import "../../chunks/chunk.6OX2AX3Z.js";
 import "../../chunks/chunk.6EXC65JJ.js";
-import "../../chunks/chunk.NDWE2XUA.js";
-import "../../chunks/chunk.AA54UMGR.js";
-import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.WVVQK5TE.js";
+import "../../chunks/chunk.NKFRPPTB.js";
+import "../../chunks/chunk.AV56MW4Q.js";
 import "../../chunks/chunk.SDQC32B3.js";
 import "../../chunks/chunk.PJO6TM3T.js";
 import "../../chunks/chunk.ZBW4ZSZ7.js";
-import "../../chunks/chunk.WVVQK5TE.js";
-import "../../chunks/chunk.QJMO7V5R.js";
+import "../../chunks/chunk.YTEJW7IF.js";
 import "../../chunks/chunk.234ERFCE.js";
-import "../../chunks/chunk.JAHDSTW6.js";
+import "../../chunks/chunk.QJMO7V5R.js";
+import "../../chunks/chunk.E6UCXKSB.js";
 import "../../chunks/chunk.QNDC5KWA.js";
 export {
   checkbox_default as default

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

@@ -0,0 +1,71 @@
+/**
+ * ---------------------------------------------------------------------
+ * 🔒 AUTOGENERATED BY VENDORISM
+ * Removing this comment will prevent it from being managed by it.
+ * ---------------------------------------------------------------------
+ */
+import SynergyElement from '../../internal/synergy-element.js';
+import SynIcon from '../icon/icon.component.js';
+import type { CSSResultGroup } from 'lit';
+/**
+ * @summary Details show a brief summary and expand to show additional content.
+ * @documentation https://synergy.style/components/details
+ * @status stable
+ * @since 2.0
+ *
+ * @dependency syn-icon
+ *
+ * @slot - The details' main content.
+ * @slot summary - The details' summary. Alternatively, you can use the `summary` attribute.
+ * @slot expand-icon - Optional expand icon to use instead of the default. Works best with `<syn-icon>`.
+ * @slot collapse-icon - Optional collapse icon to use instead of the default. Works best with `<syn-icon>`.
+ *
+ * @event syn-show - Emitted when the details opens.
+ * @event syn-after-show - Emitted after the details opens and all animations are complete.
+ * @event syn-hide - Emitted when the details closes.
+ * @event syn-after-hide - Emitted after the details closes and all animations are complete.
+ *
+ * @csspart base - The component's base wrapper.
+ * @csspart header - The header that wraps both the summary and the expand/collapse icon.
+ * @csspart summary - The container that wraps the summary.
+ * @csspart summary-icon - The container that wraps the expand/collapse icons.
+ * @csspart content - The details content.
+ *
+ * @animation details.show - The animation to use when showing details. You can use `height: auto` with this animation.
+ * @animation details.hide - The animation to use when hiding details. You can use `height: auto` with this animation.
+ */
+export default class SynDetails extends SynergyElement {
+    static styles: CSSResultGroup;
+    static dependencies: {
+        'syn-icon': typeof SynIcon;
+    };
+    private readonly localize;
+    details: HTMLDetailsElement;
+    header: HTMLElement;
+    body: HTMLElement;
+    expandIconSlot: HTMLSlotElement;
+    detailsObserver: MutationObserver;
+    /**
+     * Indicates whether or not the details is open. You can toggle this attribute to show and hide the details, or you
+     * can use the `show()` and `hide()` methods and this attribute will reflect the details' open state.
+     */
+    open: boolean;
+    /** The summary to show in the header. If you need to display HTML, use the `summary` slot instead. */
+    summary: string;
+    /** Disables the details so it can't be toggled. */
+    disabled: boolean;
+    /** Draws the details as contained element. */
+    contained: boolean;
+    /** The details's size. */
+    size: 'medium' | 'large';
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    private handleSummaryClick;
+    private handleSummaryKeyDown;
+    handleOpenChange(): Promise<void>;
+    /** Shows the details. */
+    show(): Promise<void>;
+    /** Hides the details */
+    hide(): Promise<void>;
+    render(): import("lit").TemplateResult<1>;
+}

package/dist/components/details/details.component.js

@@ -0,0 +1,23 @@
+import {
+  SynDetails
+} from "../../chunks/chunk.OE3Y3CA4.js";
+import "../../chunks/chunk.PU2BDR2W.js";
+import "../../chunks/chunk.VA26EAEP.js";
+import "../../chunks/chunk.PYLHI2JQ.js";
+import "../../chunks/chunk.MSUX23ZJ.js";
+import "../../chunks/chunk.NKFRPPTB.js";
+import "../../chunks/chunk.AV56MW4Q.js";
+import "../../chunks/chunk.SDQC32B3.js";
+import "../../chunks/chunk.PJO6TM3T.js";
+import "../../chunks/chunk.ZBW4ZSZ7.js";
+import "../../chunks/chunk.YTEJW7IF.js";
+import "../../chunks/chunk.E3KW3KQM.js";
+import "../../chunks/chunk.QZNPL6WK.js";
+import "../../chunks/chunk.234ERFCE.js";
+import "../../chunks/chunk.QJMO7V5R.js";
+import "../../chunks/chunk.E6UCXKSB.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  SynDetails as default
+};
+//# sourceMappingURL=details.component.js.map

package/dist/components/details/details.component.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/details/details.custom.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

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

@@ -0,0 +1,8 @@
+import {
+  details_custom_styles_default
+} from "../../chunks/chunk.PU2BDR2W.js";
+import "../../chunks/chunk.QNDC5KWA.js";
+export {
+  details_custom_styles_default as default
+};
+//# sourceMappingURL=details.custom.styles.js.map

package/dist/components/details/details.custom.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": [],
+  "sourcesContent": [],
+  "mappings": "",
+  "names": []
+}

package/dist/components/details/details.d.ts

@@ -0,0 +1,14 @@
+/**
+ * ---------------------------------------------------------------------
+ * 🔒 AUTOGENERATED BY VENDORISM
+ * Removing this comment will prevent it from being managed by it.
+ * ---------------------------------------------------------------------
+ */
+import SynDetails from './details.component.js';
+export * from './details.component.js';
+export default SynDetails;
+declare global {
+    interface HTMLElementTagNameMap {
+        'syn-details': SynDetails;
+    }
+}