@mhmo91/schmancy 0.5.11 → 0.5.13

package/dist/{code-preview-BGYyQE-A.js → code-preview-DC9KAoBU.js}

@@ -2,7 +2,7 @@ import { timer as Cn } from "rxjs";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
 import { property as Q, state as on, customElement as cn } from "lit/decorators.js";
-import { T as ln } from "./tailwind.mixin-R2xLfpws.js";
+import { T as ln } from "./tailwind.mixin-DmqqUtYJ.js";
 import { css as dn, html as Oe } from "lit";
 import { g as Bn } from "./_commonjsHelpers-Dw9sPFZy.js";
 import { unsafeHTML as $n } from "lit/directives/unsafe-html.js";
@@ -688,7 +688,7 @@ let V = class extends ln(dn`
 		width: 100%;
 		overflow: hidden;
 	}
-	
+
 	/* Import highlight.js default dark theme */
 	.hljs {
 		display: block;
@@ -853,39 +853,38 @@ let V = class extends ln(dn`
     const t = this.lineNumbers || this.highlightLines ? "code-with-lines" : "hljs";
     return Oe`
 			<schmancy-theme mode="dark">
-				<div class="border border-outline rounded-lg bg-surface-dim overflow-hidden">
-					<!-- Header -->
-					<div class="flex items-center justify-between px-4 py-2 bg-surface-container border-b border-outline">
-						<div class="flex items-center gap-2">
-							<div class="flex gap-1.5">
-								<div class="w-3 h-3 rounded-full bg-error-default opacity-60"></div>
-								<div class="w-3 h-3 rounded-full bg-warning-default opacity-60"></div>
-								<div class="w-3 h-3 rounded-full bg-success-default opacity-60"></div>
+				<schmancy-details>
+					<section slot="summary">
+						<!-- Header -->
+						<div class="flex items-center justify-between px-4 py-2 bg-surface-container border-b border-outline">
+							<div class="flex items-center gap-2">
+								<div class="flex gap-1.5">
+									<div class="w-3 h-3 rounded-full bg-error-default opacity-60"></div>
+									<div class="w-3 h-3 rounded-full bg-warning-default opacity-60"></div>
+									<div class="w-3 h-3 rounded-full bg-success-default opacity-60"></div>
+								</div>
+								<span class="text-xs font-medium text-surface-onVariant opacity-70 ml-2">
+									${this.getLanguageLabel()}
+								</span>
 							</div>
-							<span class="text-xs font-medium text-surface-onVariant opacity-70 ml-2">
-								${this.getLanguageLabel()}
-							</span>
+							${this.copyButton ? Oe`
+										<schmancy-button
+											.variant="${this.copied ? "filled tonal" : "text"}"
+											size="sm"
+											@click=${this.copyCode}
+											class="transition-all"
+										>
+											<schmancy-icon size="16"> ${this.copied ? "check" : "content_copy"} </schmancy-icon>
+											<span class="ml-1">${this.copied ? "Copied!" : "Copy"}</span>
+										</schmancy-button>
+									` : ""}
 						</div>
-						${this.copyButton ? Oe`
-							<schmancy-button
-								.variant="${this.copied ? "filled tonal" : "text"}"
-								size="sm"
-								@click=${this.copyCode}
-								class="transition-all"
-							>
-								<schmancy-icon size="16">
-									${this.copied ? "check" : "content_copy"}
-								</schmancy-icon>
-								<span class="ml-1">${this.copied ? "Copied!" : "Copy"}</span>
-							</schmancy-button>
-						` : ""}
-					</div>
-					
+					</section>
 					<!-- Code -->
 					<div class="overflow-auto" style="${this.maxHeight ? `max-height: ${this.maxHeight}` : ""}">
 						<pre class="m-0"><code class="${t}">${$n(this.highlightedCode)}</code></pre>
 					</div>
-				</div>
+				</schmancy-details>
 			</schmancy-theme>
 		`;
   }
@@ -956,4 +955,4 @@ export {
   V as S,
   Ne as a
 };
-//# sourceMappingURL=code-preview-BGYyQE-A.js.map
+//# sourceMappingURL=code-preview-DC9KAoBU.js.map