@mhmo91/schmancy 0.5.25 → 0.5.27

package/dist/details-kr1zYIlK.js

@@ -1,228 +0,0 @@
-import { BehaviorSubject as h, takeUntil as u } from "rxjs";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { property as l, state as c, customElement as m } from "lit/decorators.js";
-import { T as y } from "./tailwind.mixin-BbF53_0W.js";
-import { css as v, html as d, LitElement as f } from "lit";
-import { when as g } from "lit/directives/when.js";
-import { tap as x } from "rxjs/operators";
-var b = Object.defineProperty, w = Object.getOwnPropertyDescriptor, r = (e, t, n, i) => {
-  for (var s, o = i > 1 ? void 0 : i ? w(t, n) : t, p = e.length - 1; p >= 0; p--) (s = e[p]) && (o = (i ? s(t, n, o) : s(o)) || o);
-  return i && o && b(t, n, o), o;
-};
-let a = class extends y(v`
-	:host {
-		display: block;
-		position: relative;
-	}
-
-	/* Hide browser default marker */
-	summary::-webkit-details-marker {
-		display: none;
-	}
-
-	summary {
-		list-style: none;
-	}
-
-	/* Container border-radius following M3 spec */
-	details {
-		border-radius: 12px; /* M3 medium component radius */
-		transition: all 200ms cubic-bezier(0.2, 0, 0, 1); /* M3 standard easing */
-	}
-
-	/* Variant-specific styles */
-	:host([variant='outlined']) details {
-		border: 1px solid var(--schmancy-sys-color-outline-variant);
-		background-color: var(--schmancy-sys-color-surface-default);
-	}
-
-	:host([variant='filled']) details {
-		background-color: var(--schmancy-sys-color-surface-container);
-	}
-
-	:host([variant='elevated']) details {
-		background-color: var(--schmancy-sys-color-surface-low);
-		box-shadow: var(--schmancy-sys-elevation-1);
-	}
-
-	:host([variant='elevated']) details[open] {
-		box-shadow: var(--schmancy-sys-elevation-2);
-		background-color: var(--schmancy-sys-color-surface-container);
-	}
-
-	/* Content animation */
-	@keyframes slideDown {
-		from {
-			opacity: 0;
-			transform: translateY(-8px);
-		}
-		to {
-			opacity: 1;
-			transform: translateY(0);
-		}
-	}
-
-	.content-wrapper[data-open='true'] {
-		animation: slideDown 250ms cubic-bezier(0.2, 0, 0, 1);
-	}
-
-	/* Ripple effect */
-	@keyframes ripple {
-		to {
-			transform: scale(4);
-			opacity: 0;
-		}
-	}
-
-	/* Focus ring following M3 spec */
-	summary:focus-visible {
-		outline: 2px solid var(--schmancy-sys-color-primary-default);
-		outline-offset: 2px;
-		border-radius: 12px;
-	}
-
-	/* Icon rotation transition */
-	.icon-wrapper {
-		transition: transform 200ms cubic-bezier(0.2, 0, 0, 1);
-	}
-
-	.icon-wrapper[data-open='true'] {
-		transform: rotate(90deg);
-	}
-`) {
-  constructor() {
-    super(...arguments), this.summary = "", this.variant = "default", this.ripples = [], this.pressed = !1, this._isOpen = !1, this.nextRippleId = 0, this._open$ = new h(!1);
-  }
-  get open() {
-    return this._open$.value;
-  }
-  set open(e) {
-    this._open$.value !== e && this._open$.next(e);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this._open$.pipe(x((e) => {
-      this._isOpen = e, this.requestUpdate();
-    }), u(this.disconnecting)).subscribe();
-  }
-  render() {
-    const e = this.classMap({ "cursor-pointer": !0, "select-none": !0, relative: !0, flex: !0, "items-center": !0, "gap-3": !0, "min-h-[48px]": !0, "sm:min-h-[56px]": !0, "px-4": !0, "sm:px-6": !0, "py-3": !0, "sm:py-4": !0, "rounded-xl": !0, "transition-colors": !0, "duration-200": !0, "text-surface-on": !0, group: !0 }), t = this.classMap({ absolute: !0, "inset-0": !0, "rounded-xl": !0, "pointer-events-none": !0, "transition-opacity": !0, "duration-200": !0, "bg-surface-on": !0, [this.pressed ? "opacity-[0.12]" : this.variant === "default" ? "opacity-0 hover:opacity-[0.08]" : "opacity-0 hover:opacity-[0.04]"]: !0 }), n = this.classMap({ "px-4": !0, "sm:px-6": !0, "pb-3": !0, "sm:pb-4": !0, "text-surface-onVariant": !0, "text-sm": !0, "sm:text-base": !0 }), i = this.classMap({ flex: !0, "items-center": !0, "justify-center": !0, "w-6": !0, "h-6": !0, "rounded-full": !0, "flex-shrink-0": !0, "text-surface-onVariant": !0, "group-hover:text-surface-on": !0, "transition-all": !0, "duration-200": !0 });
-    return d`
-			<details
-				?open=${this._isOpen}
-				@toggle=${this._handleToggle}
-				class="w-full overflow-hidden"
-			>
-				<summary
-					class=${e}
-					@click=${this._handleClick}
-					@mousedown=${this._handleMouseDown}
-					@mouseup=${this._handleMouseUp}
-					@mouseleave=${this._handleMouseLeave}
-					@keydown=${this._handleKeyDown}
-					@keyup=${this._handleKeyUp}
-					tabindex="0"
-				>
-					<!-- State layer for hover/focus/pressed states -->
-					<div class=${t}></div>
-
-					<!-- Ripple container -->
-					<div class="absolute inset-0 rounded-xl overflow-hidden pointer-events-none">
-						${this.ripples.map((s) => d`
-								<span
-									class="absolute rounded-full scale-0 animate-[ripple_600ms_linear] bg-surface-on opacity-[0.12] pointer-events-none"
-									style="
-										left: ${s.x}px;
-										top: ${s.y}px;
-										width: 20px;
-										height: 20px;
-										margin-left: -10px;
-										margin-top: -10px;
-									"
-								></span>
-							`)}
-					</div>
-
-					<!-- Summary content -->
-					<span class="relative flex-1 font-medium text-base sm:text-lg z-10">
-						<slot name="summary">${this.summary}</slot>
-					</span>
-
-					<!-- Expand/collapse icon -->
-					<span
-						class=${i}
-						data-open=${this._isOpen}
-						style="transform: rotate(${this._isOpen ? "90deg" : "0deg"})"
-					>
-						<svg
-							width="24"
-							height="24"
-							viewBox="0 0 24 24"
-							fill="none"
-							xmlns="http://www.w3.org/2000/svg"
-							class="w-5 h-5 sm:w-6 sm:h-6"
-						>
-							<path
-								d="M9 6L15 12L9 18"
-								stroke="currentColor"
-								stroke-width="2"
-								stroke-linecap="round"
-								stroke-linejoin="round"
-							/>
-						</svg>
-					</span>
-				</summary>
-
-				<!-- Content area -->
-				<div
-					class=${n}
-					data-open=${this._isOpen}
-					style="${this._isOpen ? "" : "display: none;"}"
-				>
-					${g(this._isOpen, () => d`
-							<div class="content-wrapper" data-open=${this._isOpen}>
-								<slot></slot>
-							</div>
-						`)}
-				</div>
-			</details>
-		`;
-  }
-  _handleToggle(e) {
-    const t = e.target;
-    this._open$.next(t.open), this.dispatchEvent(new CustomEvent("toggle", { detail: { open: t.open }, bubbles: !0, composed: !0 }));
-  }
-  _handleClick(e) {
-    e.preventDefault();
-    const t = e.currentTarget.getBoundingClientRect(), n = e.clientX - t.left, i = e.clientY - t.top, s = this.nextRippleId++;
-    this.ripples = [...this.ripples, { x: n, y: i, id: s }], setTimeout(() => {
-      this.ripples = this.ripples.filter((o) => o.id !== s);
-    }, 600), this._open$.next(!this._open$.value), this.dispatchEvent(new CustomEvent("toggle", { detail: { open: this._open$.value }, bubbles: !0, composed: !0 }));
-  }
-  _handleMouseDown() {
-    this.pressed = !0;
-  }
-  _handleMouseUp() {
-    this.pressed = !1;
-  }
-  _handleMouseLeave() {
-    this.pressed = !1;
-  }
-  _handleKeyDown(e) {
-    if (e.key === "Enter" || e.key === " ") {
-      e.preventDefault(), this.pressed = !0;
-      const t = e.currentTarget.getBoundingClientRect(), n = t.width / 2, i = t.height / 2, s = this.nextRippleId++;
-      this.ripples = [...this.ripples, { x: n, y: i, id: s }], setTimeout(() => {
-        this.ripples = this.ripples.filter((o) => o.id !== s);
-      }, 600), this._open$.next(!this._open$.value), this.dispatchEvent(new CustomEvent("toggle", { detail: { open: this._open$.value }, bubbles: !0, composed: !0 }));
-    }
-  }
-  _handleKeyUp(e) {
-    e.key !== "Enter" && e.key !== " " || (this.pressed = !1);
-  }
-};
-a.shadowRootOptions = { ...f.shadowRootOptions, mode: "open", delegatesFocus: !0 }, r([l()], a.prototype, "summary", 2), r([l({ type: Boolean, reflect: !0 })], a.prototype, "open", 1), r([l({ reflect: !0 })], a.prototype, "variant", 2), r([c()], a.prototype, "ripples", 2), r([c()], a.prototype, "pressed", 2), r([c()], a.prototype, "_isOpen", 2), a = r([m("schmancy-details")], a);
-export {
-  a as S
-};
-//# sourceMappingURL=details-kr1zYIlK.js.map

package/dist/details-kr1zYIlK.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"details-kr1zYIlK.js","sources":["../src/details/details.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\r\nimport { css, html, LitElement } from 'lit'\r\nimport { customElement, property, state } from 'lit/decorators.js'\r\nimport { when } from 'lit/directives/when.js'\r\nimport { BehaviorSubject, takeUntil } from 'rxjs'\r\nimport { tap } from 'rxjs/operators'\r\n\r\n@customElement('schmancy-details')\r\nexport default class SchmancyDetails extends TailwindElement(css`\r\n\t:host {\r\n\t\tdisplay: block;\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t/* Hide browser default marker */\r\n\tsummary::-webkit-details-marker {\r\n\t\tdisplay: none;\r\n\t}\r\n\r\n\tsummary {\r\n\t\tlist-style: none;\r\n\t}\r\n\r\n\t/* Container border-radius following M3 spec */\r\n\tdetails {\r\n\t\tborder-radius: 12px; /* M3 medium component radius */\r\n\t\ttransition: all 200ms cubic-bezier(0.2, 0, 0, 1); /* M3 standard easing */\r\n\t}\r\n\r\n\t/* Variant-specific styles */\r\n\t:host([variant='outlined']) details {\r\n\t\tborder: 1px solid var(--schmancy-sys-color-outline-variant);\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\r\n\t}\r\n\r\n\t:host([variant='filled']) details {\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\r\n\t}\r\n\r\n\t:host([variant='elevated']) details {\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\r\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\r\n\t}\r\n\r\n\t:host([variant='elevated']) details[open] {\r\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\r\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\r\n\t}\r\n\r\n\t/* Content animation */\r\n\t@keyframes slideDown {\r\n\t\tfrom {\r\n\t\t\topacity: 0;\r\n\t\t\ttransform: translateY(-8px);\r\n\t\t}\r\n\t\tto {\r\n\t\t\topacity: 1;\r\n\t\t\ttransform: translateY(0);\r\n\t\t}\r\n\t}\r\n\r\n\t.content-wrapper[data-open='true'] {\r\n\t\tanimation: slideDown 250ms cubic-bezier(0.2, 0, 0, 1);\r\n\t}\r\n\r\n\t/* Ripple effect */\r\n\t@keyframes ripple {\r\n\t\tto {\r\n\t\t\ttransform: scale(4);\r\n\t\t\topacity: 0;\r\n\t\t}\r\n\t}\r\n\r\n\t/* Focus ring following M3 spec */\r\n\tsummary:focus-visible {\r\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\r\n\t\toutline-offset: 2px;\r\n\t\tborder-radius: 12px;\r\n\t}\r\n\r\n\t/* Icon rotation transition */\r\n\t.icon-wrapper {\r\n\t\ttransition: transform 200ms cubic-bezier(0.2, 0, 0, 1);\r\n\t}\r\n\r\n\t.icon-wrapper[data-open='true'] {\r\n\t\ttransform: rotate(90deg);\r\n\t}\r\n`) {\r\n\tprotected static shadowRootOptions = {\r\n\t\t...LitElement.shadowRootOptions,\r\n\t\tmode: 'open' as const,\r\n\t\tdelegatesFocus: true,\r\n\t}\r\n\r\n\t@property() summary = ''\r\n\t@property({ type: Boolean, reflect: true })\r\n\tget open() {\r\n\t\treturn this._open$.value\r\n\t}\r\n\tset open(value: boolean) {\r\n\t\tif (this._open$.value !== value) {\r\n\t\t\tthis._open$.next(value)\r\n\t\t}\r\n\t}\r\n\t@property({ reflect: true }) variant: 'default' | 'outlined' | 'filled' | 'elevated' = 'default'\r\n\r\n\t// Internal state for ripple effects\r\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\r\n\t@state() private pressed = false\r\n\t@state() private _isOpen = false\r\n\r\n\tprivate nextRippleId = 0\r\n\tprivate _open$ = new BehaviorSubject<boolean>(false)\r\n\r\n\tconnectedCallback() {\r\n\t\tsuper.connectedCallback()\r\n\r\n\t\t// Subscribe to open state changes\r\n\t\tthis._open$.pipe(\r\n\t\t\ttap(isOpen => {\r\n\t\t\t\tthis._isOpen = isOpen\r\n\t\t\t\tthis.requestUpdate()\r\n\t\t\t}),\r\n\t\t\ttakeUntil(this.disconnecting)\r\n\t\t).subscribe()\r\n\t}\r\n\r\n\trender() {\r\n\t\t// Define state layer opacity based on variant and state\r\n\t\tconst getStateLayerOpacity = () => {\r\n\t\t\tif (this.pressed) return 'opacity-[0.12]' // M3 pressed state\r\n\t\t\tif (this.variant === 'default') {\r\n\t\t\t\treturn 'opacity-0 hover:opacity-[0.08]' // M3 hover state\r\n\t\t\t}\r\n\t\t\treturn 'opacity-0 hover:opacity-[0.04]' // Reduced for filled/elevated variants\r\n\t\t}\r\n\r\n\t\t// Summary classes following M3 specs\r\n\t\tconst summaryClasses = this.classMap({\r\n\t\t\t'cursor-pointer': true,\r\n\t\t\t'select-none': true,\r\n\t\t\t'relative': true,\r\n\t\t\t'flex': true,\r\n\t\t\t'items-center': true,\r\n\t\t\t'gap-3': true,\r\n\t\t\t'min-h-[48px]': true, // M3 minimum touch target\r\n\t\t\t'sm:min-h-[56px]': true, // Desktop size\r\n\t\t\t'px-4': true, // M3 standard padding\r\n\t\t\t'sm:px-6': true,\r\n\t\t\t'py-3': true,\r\n\t\t\t'sm:py-4': true,\r\n\t\t\t'rounded-xl': true, // Match container radius\r\n\t\t\t'transition-colors': true,\r\n\t\t\t'duration-200': true,\r\n\t\t\t'text-surface-on': true,\r\n\t\t\t'group': true, // For hover states on icon\r\n\t\t})\r\n\r\n\t\t// State layer for interactive feedback\r\n\t\tconst stateLayerClasses = this.classMap({\r\n\t\t\t'absolute': true,\r\n\t\t\t'inset-0': true,\r\n\t\t\t'rounded-xl': true,\r\n\t\t\t'pointer-events-none': true,\r\n\t\t\t'transition-opacity': true,\r\n\t\t\t'duration-200': true,\r\n\t\t\t'bg-surface-on': true,\r\n\t\t\t[getStateLayerOpacity()]: true,\r\n\t\t})\r\n\r\n\t\t// Content wrapper classes\r\n\t\tconst contentClasses = this.classMap({\r\n\t\t\t'px-4': true,\r\n\t\t\t'sm:px-6': true,\r\n\t\t\t'pb-3': true,\r\n\t\t\t'sm:pb-4': true,\r\n\t\t\t'text-surface-onVariant': true,\r\n\t\t\t'text-sm': true,\r\n\t\t\t'sm:text-base': true,\r\n\t\t})\r\n\r\n\t\t// Icon classes with group hover\r\n\t\tconst iconClasses = this.classMap({\r\n\t\t\t'flex': true,\r\n\t\t\t'items-center': true,\r\n\t\t\t'justify-center': true,\r\n\t\t\t'w-6': true,\r\n\t\t\t'h-6': true,\r\n\t\t\t'rounded-full': true,\r\n\t\t\t'flex-shrink-0': true,\r\n\t\t\t'text-surface-onVariant': true,\r\n\t\t\t'group-hover:text-surface-on': true,\r\n\t\t\t'transition-all': true,\r\n\t\t\t'duration-200': true,\r\n\t\t})\r\n\r\n\t\treturn html`\r\n\t\t\t<details\r\n\t\t\t\t?open=${this._isOpen}\r\n\t\t\t\t@toggle=${this._handleToggle}\r\n\t\t\t\tclass=\"w-full overflow-hidden\"\r\n\t\t\t>\r\n\t\t\t\t<summary\r\n\t\t\t\t\tclass=${summaryClasses}\r\n\t\t\t\t\t@click=${this._handleClick}\r\n\t\t\t\t\t@mousedown=${this._handleMouseDown}\r\n\t\t\t\t\t@mouseup=${this._handleMouseUp}\r\n\t\t\t\t\t@mouseleave=${this._handleMouseLeave}\r\n\t\t\t\t\t@keydown=${this._handleKeyDown}\r\n\t\t\t\t\t@keyup=${this._handleKeyUp}\r\n\t\t\t\t\ttabindex=\"0\"\r\n\t\t\t\t>\r\n\t\t\t\t\t<!-- State layer for hover/focus/pressed states -->\r\n\t\t\t\t\t<div class=${stateLayerClasses}></div>\r\n\r\n\t\t\t\t\t<!-- Ripple container -->\r\n\t\t\t\t\t<div class=\"absolute inset-0 rounded-xl overflow-hidden pointer-events-none\">\r\n\t\t\t\t\t\t${this.ripples.map(\r\n\t\t\t\t\t\t\tripple => html`\r\n\t\t\t\t\t\t\t\t<span\r\n\t\t\t\t\t\t\t\t\tclass=\"absolute rounded-full scale-0 animate-[ripple_600ms_linear] bg-surface-on opacity-[0.12] pointer-events-none\"\r\n\t\t\t\t\t\t\t\t\tstyle=\"\r\n\t\t\t\t\t\t\t\t\t\tleft: ${ripple.x}px;\r\n\t\t\t\t\t\t\t\t\t\ttop: ${ripple.y}px;\r\n\t\t\t\t\t\t\t\t\t\twidth: 20px;\r\n\t\t\t\t\t\t\t\t\t\theight: 20px;\r\n\t\t\t\t\t\t\t\t\t\tmargin-left: -10px;\r\n\t\t\t\t\t\t\t\t\t\tmargin-top: -10px;\r\n\t\t\t\t\t\t\t\t\t\"\r\n\t\t\t\t\t\t\t\t></span>\r\n\t\t\t\t\t\t\t`,\r\n\t\t\t\t\t\t)}\r\n\t\t\t\t\t</div>\r\n\r\n\t\t\t\t\t<!-- Summary content -->\r\n\t\t\t\t\t<span class=\"relative flex-1 font-medium text-base sm:text-lg z-10\">\r\n\t\t\t\t\t\t<slot name=\"summary\">${this.summary}</slot>\r\n\t\t\t\t\t</span>\r\n\r\n\t\t\t\t\t<!-- Expand/collapse icon -->\r\n\t\t\t\t\t<span\r\n\t\t\t\t\t\tclass=${iconClasses}\r\n\t\t\t\t\t\tdata-open=${this._isOpen}\r\n\t\t\t\t\t\tstyle=\"transform: rotate(${this._isOpen ? '90deg' : '0deg'})\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t<svg\r\n\t\t\t\t\t\t\twidth=\"24\"\r\n\t\t\t\t\t\t\theight=\"24\"\r\n\t\t\t\t\t\t\tviewBox=\"0 0 24 24\"\r\n\t\t\t\t\t\t\tfill=\"none\"\r\n\t\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\r\n\t\t\t\t\t\t\tclass=\"w-5 h-5 sm:w-6 sm:h-6\"\r\n\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t<path\r\n\t\t\t\t\t\t\t\td=\"M9 6L15 12L9 18\"\r\n\t\t\t\t\t\t\t\tstroke=\"currentColor\"\r\n\t\t\t\t\t\t\t\tstroke-width=\"2\"\r\n\t\t\t\t\t\t\t\tstroke-linecap=\"round\"\r\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\"\r\n\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t</svg>\r\n\t\t\t\t\t</span>\r\n\t\t\t\t</summary>\r\n\r\n\t\t\t\t<!-- Content area -->\r\n\t\t\t\t<div\r\n\t\t\t\t\tclass=${contentClasses}\r\n\t\t\t\t\tdata-open=${this._isOpen}\r\n\t\t\t\t\tstyle=\"${this._isOpen ? '' : 'display: none;'}\"\r\n\t\t\t\t>\r\n\t\t\t\t\t${when(\r\n\t\t\t\t\t\tthis._isOpen,\r\n\t\t\t\t\t\t() => html`\r\n\t\t\t\t\t\t\t<div class=\"content-wrapper\" data-open=${this._isOpen}>\r\n\t\t\t\t\t\t\t\t<slot></slot>\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t`\r\n\t\t\t\t\t)}\r\n\t\t\t\t</div>\r\n\t\t\t</details>\r\n\t\t`\r\n\t}\r\n\r\n\tprivate _handleToggle(e: Event) {\r\n\t\tconst details = e.target as HTMLDetailsElement\r\n\t\t// Sync the internal state with the actual details element state\r\n\t\tthis._open$.next(details.open)\r\n\r\n\t\t// Dispatch custom event\r\n\t\tthis.dispatchEvent(\r\n\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\tdetail: { open: details.open },\r\n\t\t\t\tbubbles: true,\r\n\t\t\t\tcomposed: true,\r\n\t\t\t}),\r\n\t\t)\r\n\t}\r\n\r\n\tprivate _handleClick(e: MouseEvent) {\r\n\t\t// Prevent default to control the toggle manually\r\n\t\te.preventDefault()\r\n\r\n\t\t// Add ripple effect at click position\r\n\t\tconst rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\r\n\t\tconst x = e.clientX - rect.left\r\n\t\tconst y = e.clientY - rect.top\r\n\t\tconst id = this.nextRippleId++\r\n\r\n\t\tthis.ripples = [...this.ripples, { x, y, id }]\r\n\r\n\t\t// Remove ripple after animation\r\n\t\tsetTimeout(() => {\r\n\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\r\n\t\t}, 600)\r\n\r\n\t\t// Toggle the open state through the BehaviorSubject\r\n\t\tthis._open$.next(!this._open$.value)\r\n\r\n\t\t// Dispatch the toggle event\r\n\t\tthis.dispatchEvent(\r\n\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\tdetail: { open: this._open$.value },\r\n\t\t\t\tbubbles: true,\r\n\t\t\t\tcomposed: true,\r\n\t\t\t}),\r\n\t\t)\r\n\t}\r\n\r\n\tprivate _handleMouseDown() {\r\n\t\tthis.pressed = true\r\n\t}\r\n\r\n\tprivate _handleMouseUp() {\r\n\t\tthis.pressed = false\r\n\t}\r\n\r\n\tprivate _handleMouseLeave() {\r\n\t\tthis.pressed = false\r\n\t}\r\n\r\n\tprivate _handleKeyDown(e: KeyboardEvent) {\r\n\t\t// Handle keyboard activation\r\n\t\tif (e.key === 'Enter' || e.key === ' ') {\r\n\t\t\te.preventDefault()\r\n\t\t\tthis.pressed = true\r\n\r\n\t\t\t// Add ripple effect from center\r\n\t\t\tconst rect = (e.currentTarget as HTMLElement).getBoundingClientRect()\r\n\t\t\tconst x = rect.width / 2\r\n\t\t\tconst y = rect.height / 2\r\n\t\t\tconst id = this.nextRippleId++\r\n\r\n\t\t\tthis.ripples = [...this.ripples, { x, y, id }]\r\n\r\n\t\t\tsetTimeout(() => {\r\n\t\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\r\n\t\t\t}, 600)\r\n\r\n\t\t\t// Toggle the open state through the BehaviorSubject\r\n\t\t\tthis._open$.next(!this._open$.value)\r\n\r\n\t\t\t// Dispatch the toggle event\r\n\t\t\tthis.dispatchEvent(\r\n\t\t\t\tnew CustomEvent('toggle', {\r\n\t\t\t\t\tdetail: { open: this._open$.value },\r\n\t\t\t\t\tbubbles: true,\r\n\t\t\t\t\tcomposed: true,\r\n\t\t\t\t}),\r\n\t\t\t)\r\n\t\t}\r\n\t}\r\n\r\n\tprivate _handleKeyUp(e: KeyboardEvent) {\r\n\t\tif (e.key === 'Enter' || e.key === ' ') {\r\n\t\t\tthis.pressed = false\r\n\t\t}\r\n\t}\r\n}\r\n\r\ndeclare global {\r\n\tinterface HTMLElementTagNameMap {\r\n\t\t'schmancy-details': SchmancyDetails\r\n\t}\r\n}\r\n"],"names":["SchmancyDetails","TailwindElement","css","super","arguments","this","summary","variant","ripples","pressed","_isOpen","nextRippleId","_open$","BehaviorSubject","open","value","next","connectedCallback","pipe","tap","isOpen","requestUpdate","takeUntil","disconnecting","subscribe","render","summaryClasses","classMap","relative","flex","group","stateLayerClasses","absolute","getStateLayerOpacity","contentClasses","iconClasses","html","_handleToggle","_handleClick","_handleMouseDown","_handleMouseUp","_handleMouseLeave","_handleKeyDown","_handleKeyUp","map","ripple","x","y","when","e","details","target","dispatchEvent","CustomEvent","detail","bubbles","composed","preventDefault","rect","currentTarget","getBoundingClientRect","clientX","left","clientY","top","id","setTimeout","filter","r","key","width","height","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","property","prototype","type","Boolean","reflect","state","customElement"],"mappings":";;;;;;;;;;;;AAQA,IAAqBA,IAArB,cAA6CC,EAAgBC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA7D,EAAA;AAAA,EAAA;AAAAC,UAAAA,GAAAC,SAAAA,GAuFaC,KAAAC,UAAU,IAUOD,KAAAE,UAA0D,WAG9EF,KAAQG,UAAuD,CAAA,GAC/DH,KAAQI,UAAAA,IACRJ,KAAQK,UAAAA,IAEjBL,KAAQM,eAAe,GACvBN,KAAQO,SAAS,IAAIC,EAAAA,EAAyB;AAAA,EAAK;AAAA,EAhBnD,IAAA,OAAIC;AACH,WAAOT,KAAKO,OAAOG;AAAAA,EACpB;AAAA,EACA,IAAA,KAASA,GAAAA;AACJV,SAAKO,OAAOG,UAAUA,KACzBV,KAAKO,OAAOI,KAAKD,CAAAA;AAAAA,EAEnB;AAAA,EAWA,oBAAAE;AACCd,UAAMc,qBAGNZ,KAAKO,OAAOM,KACXC,EAAIC,CAAAA,MAAAA;AACHf,WAAKK,UAAUU,GACff,KAAKgB,cAAAA;AAAAA,IAAAA,CAAAA,GAENC,EAAUjB,KAAKkB,aAAAA,CAAAA,EACdC,UAAAA;AAAAA,EACH;AAAA,EAEA,SAAAC;AAEC,UASMC,IAAiBrB,KAAKsB,SAAS,EACpC,sBACA,eAAA,IACAC,UAAAA,IACAC,UACA,gBAAA,IACA,SAAA,IACA,oBACA,mBAAA,IACA,QAAA,IACA,WAAA,IACA,YACA,WAAA,IACA,cAAA,IACA,yBACA,gBAAA,IACA,mBAAA,IACAC,UAAS,CAAA,GAIJC,IAAoB1B,KAAKsB,SAAS,EACvCK,cACA,WAAA,IACA,cAAA,IACA,uBAAA,IACA,0BACA,gBAAA,IACA,iBAAA,IACA,CArCI3B,KAAKI,UAAgB,mBACrBJ,KAAKE,YAAY,YACb,mCAED,gCAiCN0B,GAAAA,GAAyB,CAAA,GAIrBC,IAAiB7B,KAAKsB,SAAS,EACpC,QAAA,IACA,WAAA,IACA,YACA,WAAA,IACA,0BAAA,IACA,eACA,gBAAA,OAIKQ,IAAc9B,KAAKsB,SAAS,EACjCE,MAAAA,IACA,gBAAA,IACA,sBACA,OAAA,IACA,OAAA,IACA,oBACA,iBAAA,IACA,0BAAA,IACA,mCACA,kBAAA,IACA,gBAAA,GAAgB,CAAA;AAGjB,WAAOO;AAAAA;AAAAA,YAEG/B,KAAKK,OAAAA;AAAAA,cACHL,KAAKgC,aAAAA;AAAAA;AAAAA;AAAAA;AAAAA,aAINX,CAAAA;AAAAA,cACCrB,KAAKiC,YAAAA;AAAAA,kBACDjC,KAAKkC,gBAAAA;AAAAA,gBACPlC,KAAKmC,cAAAA;AAAAA,mBACFnC,KAAKoC,iBAAAA;AAAAA,gBACRpC,KAAKqC,cAAAA;AAAAA,cACPrC,KAAKsC,YAAAA;AAAAA;AAAAA;AAAAA;AAAAA,kBAIDZ,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,QAIV1B,KAAKG,QAAQoC,IACdC,CAAAA,MAAUT;AAAAA;AAAAA;AAAAA;AAAAA,kBAICS,EAAOC,CAAAA;AAAAA,iBACRD,EAAOE,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;;;;;6BAaK1C,KAAKC,OAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,cAKpB6B,CAAAA;AAAAA,kBACI9B,KAAKK,OAAAA;AAAAA,iCACUL,KAAKK,UAAU,UAAU,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAuB7CwB,CAAAA;AAAAA,iBACI7B,KAAKK,OAAAA;AAAAA,cACRL,KAAKK,UAAU,KAAK,gBAAA;AAAA;AAAA,OAE3BsC,EACD3C,KAAKK,SACL,MAAM0B;AAAAA,gDACoC/B,KAAKK,OAAAA;AAAAA;AAAAA;AAAAA;;;;EAQpD;AAAA,EAEQ,cAAcuC,GAAAA;AACrB,UAAMC,IAAUD,EAAEE;AAElB9C,SAAKO,OAAOI,KAAKkC,EAAQpC,IAAAA,GAGzBT,KAAK+C,cACJ,IAAIC,YAAY,UAAU,EACzBC,QAAQ,EAAExC,MAAMoC,EAAQpC,KAAAA,GACxByC,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,EAGb;AAAA,EAEQ,aAAaP,GAAAA;AAEpBA,IAAAA,EAAEQ,eAAAA;AAGF,UAAMC,IAAQT,EAAEU,cAA8BC,sBAAAA,GACxCd,IAAIG,EAAEY,UAAUH,EAAKI,MACrBf,IAAIE,EAAEc,UAAUL,EAAKM,KACrBC,IAAK5D,KAAKM;AAEhBN,SAAKG,UAAU,CAAA,GAAIH,KAAKG,SAAS,EAAEsC,GAAAA,GAAGC,GAAAA,GAAGkB,IAAAA,EAAAA,CAAAA,GAGzCC,WAAW,MAAA;AACV7D,WAAKG,UAAUH,KAAKG,QAAQ2D,OAAOC,CAAAA,MAAKA,EAAEH,OAAOA,CAAAA;AAAAA,IAAAA,GAC/C,GAAA,GAGH5D,KAAKO,OAAOI,KAAAA,CAAMX,KAAKO,OAAOG,KAAAA,GAG9BV,KAAK+C,cACJ,IAAIC,YAAY,UAAU,EACzBC,QAAQ,EAAExC,MAAMT,KAAKO,OAAOG,MAAAA,GAC5BwC,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,EAGb;AAAA,EAEQ;AACPnD,SAAKI,UAAAA;AAAAA,EACN;AAAA,EAEQ,iBAAA+B;AACPnC,SAAKI,UAAAA;AAAAA,EACN;AAAA,EAEQ,oBAAAgC;AACPpC,SAAKI,UAAAA;AAAAA,EACN;AAAA,EAEQ,eAAewC,GAAAA;AAEtB,QAAIA,EAAEoB,QAAQ,WAAWpB,EAAEoB,QAAQ,KAAK;AACvCpB,MAAAA,EAAEQ,eAAAA,GACFpD,KAAKI,UAAAA;AAGL,YAAMiD,IAAQT,EAAEU,cAA8BC,sBAAAA,GACxCd,IAAIY,EAAKY,QAAQ,GACjBvB,IAAIW,EAAKa,SAAS,GAClBN,IAAK5D,KAAKM;AAEhBN,WAAKG,UAAU,IAAIH,KAAKG,SAAS,EAAEsC,GAAAA,GAAGC,GAAAA,GAAGkB,IAAAA,EAAAA,CAAAA,GAEzCC,WAAW,MAAA;AACV7D,aAAKG,UAAUH,KAAKG,QAAQ2D,OAAOC,CAAAA,MAAKA,EAAEH,OAAOA;SAC/C,GAAA,GAGH5D,KAAKO,OAAOI,KAAAA,CAAMX,KAAKO,OAAOG,KAAAA,GAG9BV,KAAK+C,cACJ,IAAIC,YAAY,UAAU,EACzBC,QAAQ,EAAExC,MAAMT,KAAKO,OAAOG,MAAAA,GAC5BwC,SAAAA,IACAC,UAAAA,GAAU,CAAA,CAAA;AAAA,IAGb;AAAA,EACD;AAAA,EAEQ,aAAaP,GAAAA;AACN,IAAVA,EAAEoB,QAAQ,WAAWpB,EAAEoB,QAAQ,QAClChE,KAAKI,UAAAA;AAAAA,EAEP;AAAA;AAjXoBT,EAiFHwE,oBAAoB,EAAA,GACjCC,EAAWD,mBACdE,MAAM,QACNC,gBAAAA,GAAgB,GAGLC,EAAA,CAAXC,EAAAA,CAAAA,GAvFmB7E,EAuFR8E,WAAA,WAAA,CAAA,GAERF,EAAA,CADHC,EAAS,EAAEE,MAAMC,SAASC,SAAAA,GAAS,CAAA,CAAA,GAxFhBjF,EAyFhB8E,WAAA,QAAA,CAAA,GAQyBF,EAAA,CAA5BC,EAAS,EAAEI,SAAAA,GAAS,CAAA,CAAA,GAjGDjF,EAiGS8E,WAAA,WAAA,CAAA,GAGZF,EAAA,CAAhBM,EAAAA,CAAAA,GApGmBlF,EAoGH8E,WAAA,WAAA,CAAA,GACAF,EAAA,CAAhBM,EAAAA,CAAAA,GArGmBlF,EAqGH8E,WAAA,WAAA,CAAA,GACAF,EAAA,CAAhBM,EAAAA,CAAAA,GAtGmBlF,EAsGH8E,WAAA,WAAA,CAAA,GAtGG9E,IAArB4E,EAAA,CADCO,EAAc,sBACMnF,CAAAA;"}

package/dist/media-CdM6XhRo.cjs

@@ -1,177 +0,0 @@
-"use strict";require("rxjs");const y=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const a=require("lit/decorators.js"),u=require("./tailwind.mixin-BiRVB4Hl.cjs"),h=require("lit"),f=require("lit/directives/if-defined.js");var m=Object.getOwnPropertyDescriptor;let b=class extends u.TailwindElement(h.css`
-	:host {
-		display: flex;
-		gap: 0.5rem;
-		padding: 0.5rem 1rem;
-		align-items: center;
-		justify-content: flex-end;
-	}
-`){render(){return h.html`<slot></slot>`}};b=((t,s,r,i)=>{for(var o,e=i>1?void 0:i?m(s,r):s,l=t.length-1;l>=0;l--)(o=t[l])&&(e=o(e)||e);return e})([a.customElement("schmancy-card-action")],b);var g=Object.defineProperty,w=Object.getOwnPropertyDescriptor,d=(t,s,r,i)=>{for(var o,e=i>1?void 0:i?w(s,r):s,l=t.length-1;l>=0;l--)(o=t[l])&&(e=(i?o(s,r,e):o(e))||e);return i&&e&&g(s,r,e),e};let n=class extends u.TailwindElement(h.css`
-	:host {
-		display: block;
-		position: relative;
-		border-radius: 12px; /* M3 spec: 12px for cards */
-		transition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1);
-		outline: none;
-	}
-
-	/* Type-specific base styles */
-	:host([type='elevated']) {
-		background-color: var(--schmancy-sys-color-surface-low);
-		box-shadow: var(--shadow-1);
-	}
-
-	:host([type='filled']) {
-		background-color: var(--schmancy-sys-color-surface-highest);
-		box-shadow: var(--shadow-0);
-	}
-
-	:host([type='outlined']) {
-		background-color: var(--schmancy-sys-color-surface-default);
-		border: 1px solid var(--schmancy-sys-color-outlineVariant);
-		box-shadow: var(--shadow-0);
-	}
-
-	/* Interactive state */
-	:host([interactive]) {
-		cursor: pointer;
-		-webkit-tap-highlight-color: transparent;
-	}
-
-	/* Elevated interactive states */
-	:host([type='elevated'][interactive]:hover:not([disabled])) {
-		box-shadow: var(--shadow-2);
-	}
-
-	:host([type='elevated'][dragged]) {
-		box-shadow: var(--shadow-3);
-	}
-
-	/* Filled interactive states */
-	:host([type='filled'][interactive]:hover:not([disabled])) {
-		box-shadow: var(--shadow-1);
-	}
-
-	:host([type='filled'][dragged]) {
-		box-shadow: var(--shadow-3);
-	}
-
-	/* Outlined interactive states */
-	:host([type='outlined'][interactive]:hover:not([disabled])) {
-		box-shadow: var(--shadow-1);
-	}
-
-	:host([type='outlined'][dragged]) {
-		box-shadow: var(--shadow-3);
-	}
-
-	/* Disabled state */
-	:host([disabled]) {
-		pointer-events: none;
-		opacity: 0.38;
-	}
-
-	/* Focus ring */
-	:host([interactive]:focus-visible:not([disabled])) {
-		outline: 2px solid var(--schmancy-sys-color-primary-default);
-		outline-offset: 2px;
-	}
-
-	/* Ripple effect animation */
-	@keyframes ripple {
-		to {
-			transform: scale(4);
-			opacity: 0;
-		}
-	}
-`){constructor(){super(...arguments),this.type="elevated",this.interactive=!1,this.disabled=!1,this.dragged=!1,this.role="article",this.ariaLabel="",this.pressed=!1,this.ripples=[],this.nextRippleId=0,this.handleClick=t=>{if(this.disabled||!this.interactive)return;const s=this.getBoundingClientRect(),r=t.clientX-s.left,i=t.clientY-s.top,o=this.nextRippleId++;this.ripples=[...this.ripples,{x:r,y:i,id:o}],setTimeout(()=>{this.ripples=this.ripples.filter(e=>e.id!==o)},600),this.href&&(this.target==="_blank"?window.open(this.href,"_blank"):window.location.href=this.href),this.dispatchEvent(new CustomEvent("schmancy-click",{detail:{value:this.type},bubbles:!0,composed:!0}))},this.handleKeyDown=t=>{if(!this.disabled&&this.interactive&&(t.key==="Enter"||t.key===" ")){t.preventDefault(),this.pressed=!0,this.setAttribute("pressed","");const s=this.getBoundingClientRect(),r=s.width/2,i=s.height/2,o=this.nextRippleId++;this.ripples=[...this.ripples,{x:r,y:i,id:o}],setTimeout(()=>{this.ripples=this.ripples.filter(e=>e.id!==o)},600),this.href&&(this.target==="_blank"?window.open(this.href,"_blank"):window.location.href=this.href),this.dispatchEvent(new CustomEvent("schmancy-click",{detail:{value:this.type},bubbles:!0,composed:!0}))}},this.handleKeyUp=t=>{t.key!=="Enter"&&t.key!==" "||(this.pressed=!1,this.removeAttribute("pressed"))},this.handleMouseDown=()=>{!this.disabled&&this.interactive&&(this.pressed=!0,this.setAttribute("pressed",""))},this.handleMouseUp=()=>{this.pressed=!1,this.removeAttribute("pressed")},this.handleMouseLeave=()=>{this.pressed=!1,this.removeAttribute("pressed")}}connectedCallback(){super.connectedCallback(),this.interactive&&!this.disabled&&(this.setAttribute("tabindex","0"),this.role&&this.role!=="article"||(this.role=this.href?"link":"button"))}updated(t){super.updated(t),(t.has("interactive")||t.has("disabled"))&&(this.interactive&&!this.disabled?(this.setAttribute("tabindex","0"),this.role&&this.role!=="article"||(this.role=this.href?"link":"button")):(this.removeAttribute("tabindex"),this.role!=="button"&&this.role!=="link"||(this.role="article")))}getStateLayerOpacity(){return!this.interactive||this.disabled?"opacity-0":this.pressed?"opacity-[0.1]":"opacity-0 hover:opacity-[0.08] focus-visible:opacity-[0.1]"}render(){const t=y.classMap({"relative w-full h-full rounded-xl":!0,"cursor-pointer":this.interactive&&!this.disabled}),s=y.classMap({"absolute inset-0 rounded-xl pointer-events-none transition-opacity duration-200 bg-surface-on":!0,[this.getStateLayerOpacity()]:!0});return h.html`
-			<div
-				class=${t}
-				@click=${this.handleClick}
-				@keydown=${this.handleKeyDown}
-				@keyup=${this.handleKeyUp}
-				@mousedown=${this.handleMouseDown}
-				@mouseup=${this.handleMouseUp}
-				@mouseleave=${this.handleMouseLeave}
-				aria-label=${f.ifDefined(this.ariaLabel)}
-				aria-disabled=${this.disabled?"true":"false"}
-			>
-				<!-- State layer for hover/focus/pressed states -->
-				<div class=${s}></div>
-
-				<!-- Ripple container for click effects -->
-				${this.interactive?h.html`
-							<div class="absolute inset-0 rounded-xl overflow-hidden pointer-events-none">
-								${this.ripples.map(r=>h.html`
-										<span
-											class="absolute rounded-full scale-0 animate-[ripple_600ms_linear] bg-surface-on opacity-[0.12] pointer-events-none"
-											style="
-												left: ${r.x}px;
-												top: ${r.y}px;
-												width: 20px;
-												height: 20px;
-												margin-left: -10px;
-												margin-top: -10px;
-											"
-										></span>
-									`)}
-							</div>
-						`:""}
-
-				<!-- Card content -->
-				<div class="relative h-full w-full rounded-xl">
-					<slot></slot>
-				</div>
-			</div>
-		`}};n.shadowRootOptions={...h.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!0},d([a.property({reflect:!0})],n.prototype,"type",2),d([a.property({type:Boolean,reflect:!0})],n.prototype,"interactive",2),d([a.property({type:Boolean,reflect:!0})],n.prototype,"disabled",2),d([a.property({type:Boolean,reflect:!0})],n.prototype,"dragged",2),d([a.property()],n.prototype,"href",2),d([a.property()],n.prototype,"target",2),d([a.property({attribute:"role"})],n.prototype,"role",2),d([a.property({attribute:"aria-label"})],n.prototype,"ariaLabel",2),d([a.state()],n.prototype,"pressed",2),d([a.state()],n.prototype,"ripples",2),n=d([a.customElement("schmancy-card")],n);var x=Object.getOwnPropertyDescriptor;let v=class extends u.TailwindElement(h.css`
-	:host {
-		display: block;
-		padding: 1rem;
-	}
-`){render(){return h.html`<slot></slot>`}};v=((t,s,r,i)=>{for(var o,e=i>1?void 0:i?x(s,r):s,l=t.length-1;l>=0;l--)(o=t[l])&&(e=o(e)||e);return e})([a.customElement("schmancy-card-content")],v);var k=Object.defineProperty,E=Object.getOwnPropertyDescriptor,c=(t,s,r,i)=>{for(var o,e=i>1?void 0:i?E(s,r):s,l=t.length-1;l>=0;l--)(o=t[l])&&(e=(i?o(s,r,e):o(e))||e);return i&&e&&k(s,r,e),e};let p=class extends u.TailwindElement(h.css`
-	:host {
-		display: block;
-		position: relative;
-		height: 200px;
-		overflow: hidden;
-	}
-	
-	/* Allow height to be overridden when used in flex/grid layouts */
-	:host-context(.h-full) {
-		height: 100%;
-	}
-	
-	::slotted(img),
-	img {
-		width: 100%;
-		height: 100%;
-		object-position: center;
-	}
-	
-	/* Object fit styles based on fit attribute */
-	:host([fit="contain"]) img,
-	:host([fit="contain"]) ::slotted(img) {
-		object-fit: contain;
-	}
-	
-	:host([fit="cover"]) img,
-	:host([fit="cover"]) ::slotted(img) {
-		object-fit: cover;
-	}
-	
-	:host([fit="fill"]) img,
-	:host([fit="fill"]) ::slotted(img) {
-		object-fit: fill;
-	}
-	
-	:host([fit="none"]) img,
-	:host([fit="none"]) ::slotted(img) {
-		object-fit: none;
-	}
-	
-	:host([fit="scale-down"]) img,
-	:host([fit="scale-down"]) ::slotted(img) {
-		object-fit: scale-down;
-	}
-`){constructor(){super(...arguments),this.src="",this.fit="contain",this.alt=""}render(){return this.src?h.html`<img src="${this.src}" alt="${this.alt}" />`:h.html`<slot></slot>`}};c([a.property({type:String,reflect:!0})],p.prototype,"src",2),c([a.property({type:String,reflect:!0})],p.prototype,"fit",2),c([a.property({type:String})],p.prototype,"alt",2),p=c([a.customElement("schmancy-card-media")],p);
-//# sourceMappingURL=media-CdM6XhRo.cjs.map

package/dist/media-CdM6XhRo.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-CdM6XhRo.cjs","sources":["../src/card/actions.ts","../src/card/card.ts","../src/card/content.ts","../src/card/media.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-action\n * @slot - The content of the action\n */\n@customElement('schmancy-card-action')\nexport default class SchmancyCardAction extends TailwindElement(css`\n\t:host {\n\t\tdisplay: flex;\n\t\tgap: 0.5rem;\n\t\tpadding: 0.5rem 1rem;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-action': SchmancyCardAction\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\n@customElement('schmancy-card')\nexport default class SchmancyCard extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tborder-radius: 12px; /* M3 spec: 12px for cards */\n\t\ttransition: box-shadow 200ms cubic-bezier(0.2, 0, 0, 1);\n\t\toutline: none;\n\t}\n\n\t/* Type-specific base styles */\n\t:host([type='elevated']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\n\t\tbox-shadow: var(--shadow-1);\n\t}\n\n\t:host([type='filled']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-highest);\n\t\tbox-shadow: var(--shadow-0);\n\t}\n\n\t:host([type='outlined']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\n\t\tborder: 1px solid var(--schmancy-sys-color-outlineVariant);\n\t\tbox-shadow: var(--shadow-0);\n\t}\n\n\t/* Interactive state */\n\t:host([interactive]) {\n\t\tcursor: pointer;\n\t\t-webkit-tap-highlight-color: transparent;\n\t}\n\n\t/* Elevated interactive states */\n\t:host([type='elevated'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--shadow-2);\n\t}\n\n\t:host([type='elevated'][dragged]) {\n\t\tbox-shadow: var(--shadow-3);\n\t}\n\n\t/* Filled interactive states */\n\t:host([type='filled'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--shadow-1);\n\t}\n\n\t:host([type='filled'][dragged]) {\n\t\tbox-shadow: var(--shadow-3);\n\t}\n\n\t/* Outlined interactive states */\n\t:host([type='outlined'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--shadow-1);\n\t}\n\n\t:host([type='outlined'][dragged]) {\n\t\tbox-shadow: var(--shadow-3);\n\t}\n\n\t/* Disabled state */\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t\topacity: 0.38;\n\t}\n\n\t/* Focus ring */\n\t:host([interactive]:focus-visible:not([disabled])) {\n\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\toutline-offset: 2px;\n\t}\n\n\t/* Ripple effect animation */\n\t@keyframes ripple {\n\t\tto {\n\t\t\ttransform: scale(4);\n\t\t\topacity: 0;\n\t\t}\n\t}\n`) {\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tmode: 'open',\n\t\tdelegatesFocus: true,\n\t}\n\n\t/**\n\t * The visual style of the card.\n\t * @default 'elevated'\n\t */\n\t@property({ reflect: true })\n\ttype: 'elevated' | 'filled' | 'outlined' = 'elevated'\n\n\t/**\n\t * Makes the card interactive (clickable).\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tinteractive = false\n\n\t/**\n\t * Disables the card.\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled = false\n\n\t/**\n\t * Indicates the card is being dragged.\n\t * @default false\n\t */\n\t@property({ type: Boolean, reflect: true })\n\tdragged = false\n\n\t/**\n\t * URL to navigate to when card is clicked (makes it act like a link).\n\t */\n\t@property()\n\thref?: string\n\n\t/**\n\t * Target for the link navigation.\n\t */\n\t@property()\n\ttarget?: string\n\n\t/**\n\t * ARIA role for accessibility.\n\t */\n\t@property({ attribute: 'role' })\n\toverride role = 'article'\n\n\t/**\n\t * ARIA label for accessibility.\n\t */\n\t@property({ attribute: 'aria-label' })\n\toverride ariaLabel: string = ''\n\n\t// Internal state for interaction feedback\n\t@state() pressed = false\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\n\n\tprivate nextRippleId = 0\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Set appropriate ARIA attributes for interactive cards\n\t\tif (this.interactive && !this.disabled) {\n\t\t\tthis.setAttribute('tabindex', '0')\n\t\t\tif (!this.role || this.role === 'article') {\n\t\t\t\tthis.role = this.href ? 'link' : 'button'\n\t\t\t}\n\t\t}\n\t}\n\n\tupdated(changedProperties: Map<string, any>) {\n\t\tsuper.updated(changedProperties)\n\n\t\t// Update ARIA attributes when interactive or disabled state changes\n\t\tif (changedProperties.has('interactive') || changedProperties.has('disabled')) {\n\t\t\tif (this.interactive && !this.disabled) {\n\t\t\t\tthis.setAttribute('tabindex', '0')\n\t\t\t\tif (!this.role || this.role === 'article') {\n\t\t\t\t\tthis.role = this.href ? 'link' : 'button'\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tthis.removeAttribute('tabindex')\n\t\t\t\tif (this.role === 'button' || this.role === 'link') {\n\t\t\t\t\tthis.role = 'article'\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\tprivate handleClick = (e: MouseEvent) => {\n\t\tif (this.disabled || !this.interactive) return\n\n\t\t// Add ripple effect at click position\n\t\tconst rect = this.getBoundingClientRect()\n\t\tconst x = e.clientX - rect.left\n\t\tconst y = e.clientY - rect.top\n\t\tconst id = this.nextRippleId++\n\n\t\tthis.ripples = [...this.ripples, { x, y, id }]\n\n\t\t// Remove ripple after animation completes\n\t\tsetTimeout(() => {\n\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\n\t\t}, 600)\n\n\t\t// Navigate if href is provided\n\t\tif (this.href) {\n\t\t\tif (this.target === '_blank') {\n\t\t\t\twindow.open(this.href, '_blank')\n\t\t\t} else {\n\t\t\t\twindow.location.href = this.href\n\t\t\t}\n\t\t}\n\n\t\t// Dispatch click event for parent components to handle\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('schmancy-click', {\n\t\t\t\tdetail: { value: this.type },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled || !this.interactive) return\n\n\t\t// Activate on Enter or Space for keyboard navigation\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\tthis.pressed = true\n\t\t\tthis.setAttribute('pressed', '')\n\n\t\t\t// Simulate click\n\t\t\tconst rect = this.getBoundingClientRect()\n\t\t\tconst x = rect.width / 2\n\t\t\tconst y = rect.height / 2\n\t\t\tconst id = this.nextRippleId++\n\n\t\t\tthis.ripples = [...this.ripples, { x, y, id }]\n\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\n\t\t\t}, 600)\n\n\t\t\tif (this.href) {\n\t\t\t\tif (this.target === '_blank') {\n\t\t\t\t\twindow.open(this.href, '_blank')\n\t\t\t\t} else {\n\t\t\t\t\twindow.location.href = this.href\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('schmancy-click', {\n\t\t\t\t\tdetail: { value: this.type },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t}\n\t}\n\n\tprivate handleKeyUp = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\tthis.pressed = false\n\t\t\tthis.removeAttribute('pressed')\n\t\t}\n\t}\n\n\tprivate handleMouseDown = () => {\n\t\tif (this.disabled || !this.interactive) return\n\t\tthis.pressed = true\n\t\tthis.setAttribute('pressed', '')\n\t}\n\n\tprivate handleMouseUp = () => {\n\t\tthis.pressed = false\n\t\tthis.removeAttribute('pressed')\n\t}\n\n\tprivate handleMouseLeave = () => {\n\t\tthis.pressed = false\n\t\tthis.removeAttribute('pressed')\n\t}\n\n\t// Get the classes for state layer based on current state\n\tprivate getStateLayerOpacity(): string {\n\t\tif (!this.interactive || this.disabled) return 'opacity-0'\n\t\tif (this.pressed) return 'opacity-[0.1]' // M3 pressed: 0.1\n\t\treturn 'opacity-0 hover:opacity-[0.08] focus-visible:opacity-[0.1]' // M3 hover: 0.08, focus: 0.1\n\t}\n\n\tprotected render() {\n\t\tconst containerClasses = classMap({\n\t\t\t'relative w-full h-full rounded-xl': true,\n\t\t\t'cursor-pointer': this.interactive && !this.disabled,\n\t\t})\n\n\t\tconst stateLayerClasses = classMap({\n\t\t\t'absolute inset-0 rounded-xl pointer-events-none transition-opacity duration-200 bg-surface-on': true,\n\t\t\t[this.getStateLayerOpacity()]: true,\n\t\t})\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=${containerClasses}\n\t\t\t\t@click=${this.handleClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@keyup=${this.handleKeyUp}\n\t\t\t\t@mousedown=${this.handleMouseDown}\n\t\t\t\t@mouseup=${this.handleMouseUp}\n\t\t\t\t@mouseleave=${this.handleMouseLeave}\n\t\t\t\taria-label=${ifDefined(this.ariaLabel)}\n\t\t\t\taria-disabled=${this.disabled ? 'true' : 'false'}\n\t\t\t>\n\t\t\t\t<!-- State layer for hover/focus/pressed states -->\n\t\t\t\t<div class=${stateLayerClasses}></div>\n\n\t\t\t\t<!-- Ripple container for click effects -->\n\t\t\t\t${this.interactive\n\t\t\t\t\t? html`\n\t\t\t\t\t\t\t<div class=\"absolute inset-0 rounded-xl overflow-hidden pointer-events-none\">\n\t\t\t\t\t\t\t\t${this.ripples.map(\n\t\t\t\t\t\t\t\t\tripple => html`\n\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\tclass=\"absolute rounded-full scale-0 animate-[ripple_600ms_linear] bg-surface-on opacity-[0.12] pointer-events-none\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"\n\t\t\t\t\t\t\t\t\t\t\t\tleft: ${ripple.x}px;\n\t\t\t\t\t\t\t\t\t\t\t\ttop: ${ripple.y}px;\n\t\t\t\t\t\t\t\t\t\t\t\twidth: 20px;\n\t\t\t\t\t\t\t\t\t\t\t\theight: 20px;\n\t\t\t\t\t\t\t\t\t\t\t\tmargin-left: -10px;\n\t\t\t\t\t\t\t\t\t\t\t\tmargin-top: -10px;\n\t\t\t\t\t\t\t\t\t\t\t\"\n\t\t\t\t\t\t\t\t\t\t></span>\n\t\t\t\t\t\t\t\t\t`,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t`\n\t\t\t\t\t: ''}\n\n\t\t\t\t<!-- Card content -->\n\t\t\t\t<div class=\"relative h-full w-full rounded-xl\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card': SchmancyCard\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-content\n */\n@customElement('schmancy-card-content')\nexport default class SchmancyCardContent extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tpadding: 1rem;\n\t}\n`) {\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-content': SchmancyCardContent\n\t}\n}\n","import { TailwindElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\n/**\n * @element schmancy-card-media\n */\n@customElement('schmancy-card-media')\nexport default class SchmancyCardMedia extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\theight: 200px;\n\t\toverflow: hidden;\n\t}\n\t\n\t/* Allow height to be overridden when used in flex/grid layouts */\n\t:host-context(.h-full) {\n\t\theight: 100%;\n\t}\n\t\n\t::slotted(img),\n\timg {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tobject-position: center;\n\t}\n\t\n\t/* Object fit styles based on fit attribute */\n\t:host([fit=\"contain\"]) img,\n\t:host([fit=\"contain\"]) ::slotted(img) {\n\t\tobject-fit: contain;\n\t}\n\t\n\t:host([fit=\"cover\"]) img,\n\t:host([fit=\"cover\"]) ::slotted(img) {\n\t\tobject-fit: cover;\n\t}\n\t\n\t:host([fit=\"fill\"]) img,\n\t:host([fit=\"fill\"]) ::slotted(img) {\n\t\tobject-fit: fill;\n\t}\n\t\n\t:host([fit=\"none\"]) img,\n\t:host([fit=\"none\"]) ::slotted(img) {\n\t\tobject-fit: none;\n\t}\n\t\n\t:host([fit=\"scale-down\"]) img,\n\t:host([fit=\"scale-down\"]) ::slotted(img) {\n\t\tobject-fit: scale-down;\n\t}\n`) {\n\t@property({ type: String, reflect: true })\n\tsrc: string = ''\n\n\t@property({ type: String, reflect: true })\n\tfit: 'contain' | 'cover' | 'fill' | 'none' | 'scale-down' = 'contain'\n\t\n\t@property({ type: String })\n\talt: string = ''\n\n\tprotected render(): unknown {\n\t\t// If src is provided, render an img element\n\t\t// Otherwise, allow users to slot their own content\n\t\treturn this.src \n\t\t\t? html`<img src=\"${this.src}\" alt=\"${this.alt}\" />` \n\t\t\t: html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-media': SchmancyCardMedia\n\t}\n}\n"],"names":["SchmancyCardAction","TailwindElement","css","render","html","customElement","SchmancyCard","super","arguments","this","type","interactive","disabled","dragged","role","ariaLabel","pressed","ripples","nextRippleId","handleClick","e","rect","getBoundingClientRect","x","clientX","left","y","clientY","top","id","setTimeout","filter","r","href","target","window","open","location","dispatchEvent","CustomEvent","detail","value","bubbles","composed","handleKeyDown","key","preventDefault","setAttribute","width","height","handleKeyUp","removeAttribute","handleMouseDown","handleMouseUp","handleMouseLeave","connectedCallback","changedProperties","updated","has","containerClasses","classMap","stateLayerClasses","getStateLayerOpacity","ifDefined","map","ripple","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","property","reflect","prototype","Boolean","attribute","state","SchmancyCardContent","SchmancyCardMedia","constructor","src","fit","alt","String"],"mappings":"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"}