@mhmo91/schmancy 0.10.42 → 0.10.44

package/dist/{card-C6ijJZpF.js → card-CS_hYJbz.js}

@@ -1,5 +1,5 @@
-import { t as e, u as t } from "./SchmancyElement-OG71FtNv.js";
-import "./mixins-bCEXbwJV.js";
+import { t as e, u as t } from "./SchmancyElement-Ob9yGkiG.js";
+import "./mixins-q4KAL8Xr.js";
 import { t as n } from "./cursor-glow-Ah7VXSj7.js";
 import { customElement as r, property as i, state as a } from "lit/decorators.js";
 import { LitElement as o, css as s, html as c } from "lit";
@@ -7,14 +7,14 @@ import { ifDefined as l } from "lit/directives/if-defined.js";
 var u = class extends e {
 	static {
 		this.styles = [s`
-	:host {
-		display: flex;
-		gap: 0.5rem;
-		padding: 0.5rem 1rem;
-		align-items: center;
-		justify-content: flex-end;
-	}
-`];
+			:host {
+				display: flex;
+				gap: 0.5rem;
+				padding: 0.5rem 1rem;
+				align-items: center;
+				justify-content: flex-end;
+			}
+		`];
 	}
 	render() {
 		return c`<slot></slot>`;
@@ -41,89 +41,89 @@ var d = class extends e {
 	}
 	static {
 		this.styles = [s`
-	:host {
-		display: block;
-		position: relative;
-		border-radius: var(--schmancy-sys-shape-corner-medium);
-		transition:
-			box-shadow var(--schmancy-sys-motion-duration-short4) var(--schmancy-sys-motion-easing-standard),
-			transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
-		outline: none;
-	}
+			:host {
+				display: block;
+				position: relative;
+				border-radius: var(--schmancy-sys-shape-corner-medium);
+				transition:
+					box-shadow var(--schmancy-sys-motion-duration-short4) var(--schmancy-sys-motion-easing-standard),
+					transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
+				outline: none;
+			}
 
-	/* Type variants */
-	:host([type='elevated']) {
-		background-color: var(--schmancy-sys-color-surface-low);
-		box-shadow: var(--schmancy-sys-elevation-1);
-	}
-	:host([type='filled']) {
-		background-color: var(--schmancy-sys-color-surface-highest);
-		box-shadow: var(--schmancy-sys-elevation-0);
-	}
-	:host([type='outlined']) {
-		background-color: var(--schmancy-sys-color-surface-default);
-		border: 1px solid var(--schmancy-sys-color-outlineVariant);
-		box-shadow: var(--schmancy-sys-elevation-0);
-	}
+			/* Type variants */
+			:host([type='elevated']) {
+				background-color: var(--schmancy-sys-color-surface-low);
+				box-shadow: var(--schmancy-sys-elevation-1);
+			}
+			:host([type='filled']) {
+				background-color: var(--schmancy-sys-color-surface-highest);
+				box-shadow: var(--schmancy-sys-elevation-0);
+			}
+			:host([type='outlined']) {
+				background-color: var(--schmancy-sys-color-surface-default);
+				border: 1px solid var(--schmancy-sys-color-outlineVariant);
+				box-shadow: var(--schmancy-sys-elevation-0);
+			}
 
-	/* Interactive states */
-	:host([interactive]) {
-		cursor: pointer;
-		-webkit-tap-highlight-color: transparent;
-	}
-	:host([interactive]:focus-visible:not([disabled])) {
-		outline: 2px solid var(--schmancy-sys-color-primary-default);
-		outline-offset: 2px;
-	}
-	:host([disabled]) {
-		pointer-events: none;
-		opacity: var(--schmancy-sys-state-disabled-opacity);
-	}
+			/* Interactive states */
+			:host([interactive]) {
+				cursor: pointer;
+				-webkit-tap-highlight-color: transparent;
+			}
+			:host([interactive]:focus-visible:not([disabled])) {
+				outline: 2px solid var(--schmancy-sys-color-primary-default);
+				outline-offset: 2px;
+			}
+			:host([disabled]) {
+				pointer-events: none;
+				opacity: var(--schmancy-sys-state-disabled-opacity);
+			}
 
-	/* Hover elevations — luminous glow + lift */
-	:host([type='elevated'][interactive]:hover:not([disabled])) {
-		box-shadow:
-			var(--schmancy-sys-elevation-2),
-			0 4px 24px -6px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 12%, transparent);
-		transform: translateY(-2px);
-	}
-	:host([type='filled'][interactive]:hover:not([disabled])),
-	:host([type='outlined'][interactive]:hover:not([disabled])) {
-		box-shadow:
-			var(--schmancy-sys-elevation-1),
-			0 4px 20px -6px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 10%, transparent);
-		transform: translateY(-1px);
-	}
+			/* Hover elevations — luminous glow + lift */
+			:host([type='elevated'][interactive]:hover:not([disabled])) {
+				box-shadow:
+					var(--schmancy-sys-elevation-2),
+					0 4px 24px -6px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 12%, transparent);
+				transform: translateY(-2px);
+			}
+			:host([type='filled'][interactive]:hover:not([disabled])),
+			:host([type='outlined'][interactive]:hover:not([disabled])) {
+				box-shadow:
+					var(--schmancy-sys-elevation-1),
+					0 4px 20px -6px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 10%, transparent);
+				transform: translateY(-1px);
+			}
 
-	/* Active state — kinetic compress */
-	:host([interactive]:active:not([disabled])) {
-		transform: scale(0.98);
-		transition-duration: 100ms;
-	}
+			/* Active state — kinetic compress */
+			:host([interactive]:active:not([disabled])) {
+				transform: scale(0.98);
+				transition-duration: 100ms;
+			}
 
-	/* Dragged state */
-	:host([dragged]) {
-		box-shadow:
-			var(--schmancy-sys-elevation-3),
-			0 8px 32px -4px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 15%, transparent);
-		transform: translateY(-4px);
-	}
+			/* Dragged state */
+			:host([dragged]) {
+				box-shadow:
+					var(--schmancy-sys-elevation-3),
+					0 8px 32px -4px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 15%, transparent);
+				transform: translateY(-4px);
+			}
 
-	@media (prefers-reduced-motion: reduce) {
-		:host([interactive]:hover:not([disabled])),
-		:host([interactive]:active:not([disabled])),
-		:host([dragged]) {
-			transform: none;
-		}
-	}
+			@media (prefers-reduced-motion: reduce) {
+				:host([interactive]:hover:not([disabled])),
+				:host([interactive]:active:not([disabled])),
+				:host([dragged]) {
+					transform: none;
+				}
+			}
 
-	@keyframes ripple {
-		to {
-			transform: scale(4);
-			opacity: 0;
-		}
-	}
-`];
+			@keyframes ripple {
+				to {
+					transform: scale(4);
+					opacity: 0;
+				}
+			}
+		`];
 	}
 	static {
 		this.shadowRootOptions = {
@@ -220,11 +220,11 @@ t([i({ reflect: !0 })], d.prototype, "type", void 0), t([i({
 var f = class extends e {
 	static {
 		this.styles = [s`
-	:host {
-		display: block;
-		padding: 1rem;
-	}
-`];
+			:host {
+				display: block;
+				padding: 1rem;
+			}
+		`];
 	}
 	render() {
 		return c`<slot></slot>`;
@@ -237,51 +237,51 @@ var p = class extends e {
 	}
 	static {
 		this.styles = [s`
-	: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;
-	}
-`];
+			: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;
+			}
+		`];
 	}
 	render() {
 		return this.src ? c`<img src="${this.src}" alt="${this.alt}" />` : c`<slot></slot>`;

package/dist/card-CS_hYJbz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-CS_hYJbz.js","names":[],"sources":["../src/card/actions.ts","../src/card/card.ts","../src/card/content.ts","../src/card/media.ts"],"sourcesContent":["import { SchmancyElement } 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 SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 0.5rem;\n\t\t\t\tpadding: 0.5rem 1rem;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\t\t`,\n\t]\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 { SchmancyElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { cursorGlow } from '../directives/cursor-glow'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\n@customElement('schmancy-card')\nexport default class SchmancyCard extends SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: relative;\n\t\t\t\tborder-radius: var(--schmancy-sys-shape-corner-medium);\n\t\t\t\ttransition:\n\t\t\t\t\tbox-shadow var(--schmancy-sys-motion-duration-short4) var(--schmancy-sys-motion-easing-standard),\n\t\t\t\t\ttransform 300ms cubic-bezier(0.34, 1.56, 0.64, 1);\n\t\t\t\toutline: none;\n\t\t\t}\n\n\t\t\t/* Type variants */\n\t\t\t:host([type='elevated']) {\n\t\t\t\tbackground-color: var(--schmancy-sys-color-surface-low);\n\t\t\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t\t\t}\n\t\t\t:host([type='filled']) {\n\t\t\t\tbackground-color: var(--schmancy-sys-color-surface-highest);\n\t\t\t\tbox-shadow: var(--schmancy-sys-elevation-0);\n\t\t\t}\n\t\t\t:host([type='outlined']) {\n\t\t\t\tbackground-color: var(--schmancy-sys-color-surface-default);\n\t\t\t\tborder: 1px solid var(--schmancy-sys-color-outlineVariant);\n\t\t\t\tbox-shadow: var(--schmancy-sys-elevation-0);\n\t\t\t}\n\n\t\t\t/* Interactive states */\n\t\t\t:host([interactive]) {\n\t\t\t\tcursor: pointer;\n\t\t\t\t-webkit-tap-highlight-color: transparent;\n\t\t\t}\n\t\t\t:host([interactive]:focus-visible:not([disabled])) {\n\t\t\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\t\t\toutline-offset: 2px;\n\t\t\t}\n\t\t\t:host([disabled]) {\n\t\t\t\tpointer-events: none;\n\t\t\t\topacity: var(--schmancy-sys-state-disabled-opacity);\n\t\t\t}\n\n\t\t\t/* Hover elevations — luminous glow + lift */\n\t\t\t:host([type='elevated'][interactive]:hover:not([disabled])) {\n\t\t\t\tbox-shadow:\n\t\t\t\t\tvar(--schmancy-sys-elevation-2),\n\t\t\t\t\t0 4px 24px -6px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 12%, transparent);\n\t\t\t\ttransform: translateY(-2px);\n\t\t\t}\n\t\t\t:host([type='filled'][interactive]:hover:not([disabled])),\n\t\t\t:host([type='outlined'][interactive]:hover:not([disabled])) {\n\t\t\t\tbox-shadow:\n\t\t\t\t\tvar(--schmancy-sys-elevation-1),\n\t\t\t\t\t0 4px 20px -6px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 10%, transparent);\n\t\t\t\ttransform: translateY(-1px);\n\t\t\t}\n\n\t\t\t/* Active state — kinetic compress */\n\t\t\t:host([interactive]:active:not([disabled])) {\n\t\t\t\ttransform: scale(0.98);\n\t\t\t\ttransition-duration: 100ms;\n\t\t\t}\n\n\t\t\t/* Dragged state */\n\t\t\t:host([dragged]) {\n\t\t\t\tbox-shadow:\n\t\t\t\t\tvar(--schmancy-sys-elevation-3),\n\t\t\t\t\t0 8px 32px -4px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 15%, transparent);\n\t\t\t\ttransform: translateY(-4px);\n\t\t\t}\n\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\t:host([interactive]:hover:not([disabled])),\n\t\t\t\t:host([interactive]:active:not([disabled])),\n\t\t\t\t:host([dragged]) {\n\t\t\t\t\ttransform: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@keyframes ripple {\n\t\t\t\tto {\n\t\t\t\t\ttransform: scale(4);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t`,\n\t]\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\t\tthis.updateAriaAttributes()\n\t}\n\n\tupdated(changedProperties: Map<string, unknown>) {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('interactive') || changedProperties.has('disabled')) {\n\t\t\tthis.updateAriaAttributes()\n\t\t}\n\t}\n\n\t// Consolidate ARIA attribute updates\n\tprivate updateAriaAttributes() {\n\t\tconst isInteractive = this.interactive && !this.disabled\n\n\t\tif (isInteractive) {\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} else {\n\t\t\tthis.removeAttribute('tabindex')\n\t\t\tif (this.role === 'button' || this.role === 'link') {\n\t\t\t\tthis.role = 'article'\n\t\t\t}\n\t\t}\n\t}\n\n\t// Shared ripple creation logic\n\tprivate addRipple(x: number, y: number) {\n\t\tconst id = this.nextRippleId++\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) // M3 medium duration\n\t}\n\n\t// Shared navigation logic\n\tprivate navigate() {\n\t\tif (!this.href) return\n\n\t\tif (this.target === '_blank') {\n\t\t\twindow.open(this.href, '_blank')\n\t\t} else {\n\t\t\twindow.location.href = this.href\n\t\t}\n\t}\n\n\t// Combined action trigger (ripple + navigate + event)\n\tprivate triggerAction(x: number, y: number) {\n\t\tthis.addRipple(x, y)\n\t\tthis.navigate()\n\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 handleClick = (e: MouseEvent) => {\n\t\tif (this.disabled || !this.interactive) return\n\n\t\tconst rect = this.getBoundingClientRect()\n\t\tthis.triggerAction(e.clientX - rect.left, e.clientY - rect.top)\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled || !this.interactive) return\n\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\tthis.setPressed(true)\n\n\t\t\t// Simulate click at center\n\t\t\tconst rect = this.getBoundingClientRect()\n\t\t\tthis.triggerAction(rect.width / 2, rect.height / 2)\n\t\t}\n\t}\n\n\tprivate handleKeyUp = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\tthis.setPressed(false)\n\t\t}\n\t}\n\n\t// Consolidate pressed state management\n\tprivate setPressed(pressed: boolean) {\n\t\tthis.pressed = pressed\n\t\tif (pressed) {\n\t\t\tthis.setAttribute('pressed', '')\n\t\t} else {\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.setPressed(true)\n\t}\n\n\tprivate handleMouseUp = () => this.setPressed(false)\n\tprivate handleMouseLeave = () => this.setPressed(false)\n\n\tprotected render() {\n\t\tconst isInteractive = this.interactive && !this.disabled\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\t${isInteractive ? cursorGlow({ radius: 200, intensity: 0.1 }) : ''}\n\t\t\t\tclass=\"relative w-full h-full rounded-xl ${isInteractive ? 'cursor-pointer' : ''}\"\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 -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute inset-0 rounded-xl pointer-events-none transition-opacity duration-200 bg-surface-on ${!isInteractive\n\t\t\t\t\t\t? 'opacity-0'\n\t\t\t\t\t\t: this.pressed\n\t\t\t\t\t\t\t? 'opacity-[var(--schmancy-sys-state-pressed-opacity)]'\n\t\t\t\t\t\t\t: 'opacity-0 hover:opacity-[var(--schmancy-sys-state-hover-opacity)] focus-visible:opacity-[var(--schmancy-sys-state-focus-opacity)]'}\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Ripples -->\n\t\t\t\t${this.interactive && this.ripples.length\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\tr => 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] w-5 h-5 -ml-2.5 -mt-2.5\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"left: ${r.x}px; top: ${r.y}px\"\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<!-- 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 { SchmancyElement } 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 SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\tpadding: 1rem;\n\t\t\t}\n\t\t`,\n\t]\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 { SchmancyElement } 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 SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: relative;\n\t\t\t\theight: 200px;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\t/* Allow height to be overridden when used in flex/grid layouts */\n\t\t\t:host-context(.h-full) {\n\t\t\t\theight: 100%;\n\t\t\t}\n\n\t\t\t::slotted(img),\n\t\t\timg {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-position: center;\n\t\t\t}\n\n\t\t\t/* Object fit styles based on fit attribute */\n\t\t\t:host([fit='contain']) img,\n\t\t\t:host([fit='contain']) ::slotted(img) {\n\t\t\t\tobject-fit: contain;\n\t\t\t}\n\n\t\t\t:host([fit='cover']) img,\n\t\t\t:host([fit='cover']) ::slotted(img) {\n\t\t\t\tobject-fit: cover;\n\t\t\t}\n\n\t\t\t:host([fit='fill']) img,\n\t\t\t:host([fit='fill']) ::slotted(img) {\n\t\t\t\tobject-fit: fill;\n\t\t\t}\n\n\t\t\t:host([fit='none']) img,\n\t\t\t:host([fit='none']) ::slotted(img) {\n\t\t\t\tobject-fit: none;\n\t\t\t}\n\n\t\t\t:host([fit='scale-down']) img,\n\t\t\t:host([fit='scale-down']) ::slotted(img) {\n\t\t\t\tobject-fit: scale-down;\n\t\t\t}\n\t\t`,\n\t]\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\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 ? html`<img src=\"${this.src}\" alt=\"${this.alt}\" />` : html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-media': SchmancyCardMedia\n\t}\n}\n"],"mappings":"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"}

package/dist/card-d0KhTnx5.cjs

@@ -0,0 +1,177 @@
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./SchmancyElement-CeKrBW2j.cjs`);require(`./mixins-Cjn20BQH.cjs`);const t=require(`./cursor-glow-Bulq-38P.cjs`);let n=require(`lit/decorators.js`),r=require(`lit`),i=require(`lit/directives/if-defined.js`);var a=class extends e.t{static{this.styles=[r.css`
+			:host {
+				display: flex;
+				gap: 0.5rem;
+				padding: 0.5rem 1rem;
+				align-items: center;
+				justify-content: flex-end;
+			}
+		`]}render(){return r.html`<slot></slot>`}};a=e.u([(0,n.customElement)(`schmancy-card-action`)],a);var o=class extends e.t{constructor(...e){super(...e),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=e=>{if(this.disabled||!this.interactive)return;let t=this.getBoundingClientRect();this.triggerAction(e.clientX-t.left,e.clientY-t.top)},this.handleKeyDown=e=>{if(!this.disabled&&this.interactive&&(e.key===`Enter`||e.key===` `)){e.preventDefault(),this.setPressed(!0);let t=this.getBoundingClientRect();this.triggerAction(t.width/2,t.height/2)}},this.handleKeyUp=e=>{e.key!==`Enter`&&e.key!==` `||this.setPressed(!1)},this.handleMouseDown=()=>{!this.disabled&&this.interactive&&this.setPressed(!0)},this.handleMouseUp=()=>this.setPressed(!1),this.handleMouseLeave=()=>this.setPressed(!1)}static{this.styles=[r.css`
+			:host {
+				display: block;
+				position: relative;
+				border-radius: var(--schmancy-sys-shape-corner-medium);
+				transition:
+					box-shadow var(--schmancy-sys-motion-duration-short4) var(--schmancy-sys-motion-easing-standard),
+					transform 300ms cubic-bezier(0.34, 1.56, 0.64, 1);
+				outline: none;
+			}
+
+			/* Type variants */
+			:host([type='elevated']) {
+				background-color: var(--schmancy-sys-color-surface-low);
+				box-shadow: var(--schmancy-sys-elevation-1);
+			}
+			:host([type='filled']) {
+				background-color: var(--schmancy-sys-color-surface-highest);
+				box-shadow: var(--schmancy-sys-elevation-0);
+			}
+			:host([type='outlined']) {
+				background-color: var(--schmancy-sys-color-surface-default);
+				border: 1px solid var(--schmancy-sys-color-outlineVariant);
+				box-shadow: var(--schmancy-sys-elevation-0);
+			}
+
+			/* Interactive states */
+			:host([interactive]) {
+				cursor: pointer;
+				-webkit-tap-highlight-color: transparent;
+			}
+			:host([interactive]:focus-visible:not([disabled])) {
+				outline: 2px solid var(--schmancy-sys-color-primary-default);
+				outline-offset: 2px;
+			}
+			:host([disabled]) {
+				pointer-events: none;
+				opacity: var(--schmancy-sys-state-disabled-opacity);
+			}
+
+			/* Hover elevations — luminous glow + lift */
+			:host([type='elevated'][interactive]:hover:not([disabled])) {
+				box-shadow:
+					var(--schmancy-sys-elevation-2),
+					0 4px 24px -6px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 12%, transparent);
+				transform: translateY(-2px);
+			}
+			:host([type='filled'][interactive]:hover:not([disabled])),
+			:host([type='outlined'][interactive]:hover:not([disabled])) {
+				box-shadow:
+					var(--schmancy-sys-elevation-1),
+					0 4px 20px -6px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 10%, transparent);
+				transform: translateY(-1px);
+			}
+
+			/* Active state — kinetic compress */
+			:host([interactive]:active:not([disabled])) {
+				transform: scale(0.98);
+				transition-duration: 100ms;
+			}
+
+			/* Dragged state */
+			:host([dragged]) {
+				box-shadow:
+					var(--schmancy-sys-elevation-3),
+					0 8px 32px -4px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 15%, transparent);
+				transform: translateY(-4px);
+			}
+
+			@media (prefers-reduced-motion: reduce) {
+				:host([interactive]:hover:not([disabled])),
+				:host([interactive]:active:not([disabled])),
+				:host([dragged]) {
+					transform: none;
+				}
+			}
+
+			@keyframes ripple {
+				to {
+					transform: scale(4);
+					opacity: 0;
+				}
+			}
+		`]}static{this.shadowRootOptions={...r.LitElement.shadowRootOptions,mode:`open`,delegatesFocus:!0}}connectedCallback(){super.connectedCallback(),this.updateAriaAttributes()}updated(e){super.updated(e),(e.has(`interactive`)||e.has(`disabled`))&&this.updateAriaAttributes()}updateAriaAttributes(){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`))}addRipple(e,t){let n=this.nextRippleId++;this.ripples=[...this.ripples,{x:e,y:t,id:n}],setTimeout(()=>{this.ripples=this.ripples.filter(e=>e.id!==n)},600)}navigate(){this.href&&(this.target===`_blank`?window.open(this.href,`_blank`):window.location.href=this.href)}triggerAction(e,t){this.addRipple(e,t),this.navigate(),this.dispatchEvent(new CustomEvent(`schmancy-click`,{detail:{value:this.type},bubbles:!0,composed:!0}))}setPressed(e){this.pressed=e,e?this.setAttribute(`pressed`,``):this.removeAttribute(`pressed`)}render(){let e=this.interactive&&!this.disabled;return r.html`
+			<div
+				${e?t.t({radius:200,intensity:.1}):``}
+				class="relative w-full h-full rounded-xl ${e?`cursor-pointer`:``}"
+				@click=${this.handleClick}
+				@keydown=${this.handleKeyDown}
+				@keyup=${this.handleKeyUp}
+				@mousedown=${this.handleMouseDown}
+				@mouseup=${this.handleMouseUp}
+				@mouseleave=${this.handleMouseLeave}
+				aria-label=${(0,i.ifDefined)(this.ariaLabel)}
+				aria-disabled=${this.disabled?`true`:`false`}
+			>
+				<!-- State layer -->
+				<div
+					class="absolute inset-0 rounded-xl pointer-events-none transition-opacity duration-200 bg-surface-on ${e?this.pressed?`opacity-[var(--schmancy-sys-state-pressed-opacity)]`:`opacity-0 hover:opacity-[var(--schmancy-sys-state-hover-opacity)] focus-visible:opacity-[var(--schmancy-sys-state-focus-opacity)]`:`opacity-0`}"
+				></div>
+
+				<!-- Ripples -->
+				${this.interactive&&this.ripples.length?r.html`
+							<div class="absolute inset-0 rounded-xl overflow-hidden pointer-events-none">
+								${this.ripples.map(e=>r.html`
+										<span
+											class="absolute rounded-full scale-0 animate-[ripple_600ms_linear] bg-surface-on opacity-[0.12] w-5 h-5 -ml-2.5 -mt-2.5"
+											style="left: ${e.x}px; top: ${e.y}px"
+										></span>
+									`)}
+							</div>
+						`:``}
+
+				<!-- Content -->
+				<div class="relative h-full w-full rounded-xl">
+					<slot></slot>
+				</div>
+			</div>
+		`}};e.u([(0,n.property)({reflect:!0})],o.prototype,`type`,void 0),e.u([(0,n.property)({type:Boolean,reflect:!0})],o.prototype,`interactive`,void 0),e.u([(0,n.property)({type:Boolean,reflect:!0})],o.prototype,`disabled`,void 0),e.u([(0,n.property)({type:Boolean,reflect:!0})],o.prototype,`dragged`,void 0),e.u([(0,n.property)()],o.prototype,`href`,void 0),e.u([(0,n.property)()],o.prototype,`target`,void 0),e.u([(0,n.property)({attribute:`role`})],o.prototype,`role`,void 0),e.u([(0,n.property)({attribute:`aria-label`})],o.prototype,`ariaLabel`,void 0),e.u([(0,n.state)()],o.prototype,`pressed`,void 0),e.u([(0,n.state)()],o.prototype,`ripples`,void 0),o=e.u([(0,n.customElement)(`schmancy-card`)],o);var s=class extends e.t{static{this.styles=[r.css`
+			:host {
+				display: block;
+				padding: 1rem;
+			}
+		`]}render(){return r.html`<slot></slot>`}};s=e.u([(0,n.customElement)(`schmancy-card-content`)],s);var c=class extends e.t{constructor(...e){super(...e),this.src=``,this.fit=`contain`,this.alt=``}static{this.styles=[r.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;
+			}
+		`]}render(){return this.src?r.html`<img src="${this.src}" alt="${this.alt}" />`:r.html`<slot></slot>`}};e.u([(0,n.property)({type:String,reflect:!0})],c.prototype,`src`,void 0),e.u([(0,n.property)({type:String,reflect:!0})],c.prototype,`fit`,void 0),e.u([(0,n.property)({type:String})],c.prototype,`alt`,void 0),c=e.u([(0,n.customElement)(`schmancy-card-media`)],c);

package/dist/card-d0KhTnx5.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card-d0KhTnx5.cjs","names":[],"sources":["../src/card/actions.ts","../src/card/card.ts","../src/card/content.ts","../src/card/media.ts"],"sourcesContent":["import { SchmancyElement } 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 SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: flex;\n\t\t\t\tgap: 0.5rem;\n\t\t\t\tpadding: 0.5rem 1rem;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t}\n\t\t`,\n\t]\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 { SchmancyElement } from '@mixins/index'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { cursorGlow } from '../directives/cursor-glow'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\n@customElement('schmancy-card')\nexport default class SchmancyCard extends SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: relative;\n\t\t\t\tborder-radius: var(--schmancy-sys-shape-corner-medium);\n\t\t\t\ttransition:\n\t\t\t\t\tbox-shadow var(--schmancy-sys-motion-duration-short4) var(--schmancy-sys-motion-easing-standard),\n\t\t\t\t\ttransform 300ms cubic-bezier(0.34, 1.56, 0.64, 1);\n\t\t\t\toutline: none;\n\t\t\t}\n\n\t\t\t/* Type variants */\n\t\t\t:host([type='elevated']) {\n\t\t\t\tbackground-color: var(--schmancy-sys-color-surface-low);\n\t\t\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t\t\t}\n\t\t\t:host([type='filled']) {\n\t\t\t\tbackground-color: var(--schmancy-sys-color-surface-highest);\n\t\t\t\tbox-shadow: var(--schmancy-sys-elevation-0);\n\t\t\t}\n\t\t\t:host([type='outlined']) {\n\t\t\t\tbackground-color: var(--schmancy-sys-color-surface-default);\n\t\t\t\tborder: 1px solid var(--schmancy-sys-color-outlineVariant);\n\t\t\t\tbox-shadow: var(--schmancy-sys-elevation-0);\n\t\t\t}\n\n\t\t\t/* Interactive states */\n\t\t\t:host([interactive]) {\n\t\t\t\tcursor: pointer;\n\t\t\t\t-webkit-tap-highlight-color: transparent;\n\t\t\t}\n\t\t\t:host([interactive]:focus-visible:not([disabled])) {\n\t\t\t\toutline: 2px solid var(--schmancy-sys-color-primary-default);\n\t\t\t\toutline-offset: 2px;\n\t\t\t}\n\t\t\t:host([disabled]) {\n\t\t\t\tpointer-events: none;\n\t\t\t\topacity: var(--schmancy-sys-state-disabled-opacity);\n\t\t\t}\n\n\t\t\t/* Hover elevations — luminous glow + lift */\n\t\t\t:host([type='elevated'][interactive]:hover:not([disabled])) {\n\t\t\t\tbox-shadow:\n\t\t\t\t\tvar(--schmancy-sys-elevation-2),\n\t\t\t\t\t0 4px 24px -6px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 12%, transparent);\n\t\t\t\ttransform: translateY(-2px);\n\t\t\t}\n\t\t\t:host([type='filled'][interactive]:hover:not([disabled])),\n\t\t\t:host([type='outlined'][interactive]:hover:not([disabled])) {\n\t\t\t\tbox-shadow:\n\t\t\t\t\tvar(--schmancy-sys-elevation-1),\n\t\t\t\t\t0 4px 20px -6px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 10%, transparent);\n\t\t\t\ttransform: translateY(-1px);\n\t\t\t}\n\n\t\t\t/* Active state — kinetic compress */\n\t\t\t:host([interactive]:active:not([disabled])) {\n\t\t\t\ttransform: scale(0.98);\n\t\t\t\ttransition-duration: 100ms;\n\t\t\t}\n\n\t\t\t/* Dragged state */\n\t\t\t:host([dragged]) {\n\t\t\t\tbox-shadow:\n\t\t\t\t\tvar(--schmancy-sys-elevation-3),\n\t\t\t\t\t0 8px 32px -4px color-mix(in srgb, var(--schmancy-sys-color-primary-default) 15%, transparent);\n\t\t\t\ttransform: translateY(-4px);\n\t\t\t}\n\n\t\t\t@media (prefers-reduced-motion: reduce) {\n\t\t\t\t:host([interactive]:hover:not([disabled])),\n\t\t\t\t:host([interactive]:active:not([disabled])),\n\t\t\t\t:host([dragged]) {\n\t\t\t\t\ttransform: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@keyframes ripple {\n\t\t\t\tto {\n\t\t\t\t\ttransform: scale(4);\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t`,\n\t]\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\t\tthis.updateAriaAttributes()\n\t}\n\n\tupdated(changedProperties: Map<string, unknown>) {\n\t\tsuper.updated(changedProperties)\n\t\tif (changedProperties.has('interactive') || changedProperties.has('disabled')) {\n\t\t\tthis.updateAriaAttributes()\n\t\t}\n\t}\n\n\t// Consolidate ARIA attribute updates\n\tprivate updateAriaAttributes() {\n\t\tconst isInteractive = this.interactive && !this.disabled\n\n\t\tif (isInteractive) {\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} else {\n\t\t\tthis.removeAttribute('tabindex')\n\t\t\tif (this.role === 'button' || this.role === 'link') {\n\t\t\t\tthis.role = 'article'\n\t\t\t}\n\t\t}\n\t}\n\n\t// Shared ripple creation logic\n\tprivate addRipple(x: number, y: number) {\n\t\tconst id = this.nextRippleId++\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) // M3 medium duration\n\t}\n\n\t// Shared navigation logic\n\tprivate navigate() {\n\t\tif (!this.href) return\n\n\t\tif (this.target === '_blank') {\n\t\t\twindow.open(this.href, '_blank')\n\t\t} else {\n\t\t\twindow.location.href = this.href\n\t\t}\n\t}\n\n\t// Combined action trigger (ripple + navigate + event)\n\tprivate triggerAction(x: number, y: number) {\n\t\tthis.addRipple(x, y)\n\t\tthis.navigate()\n\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 handleClick = (e: MouseEvent) => {\n\t\tif (this.disabled || !this.interactive) return\n\n\t\tconst rect = this.getBoundingClientRect()\n\t\tthis.triggerAction(e.clientX - rect.left, e.clientY - rect.top)\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled || !this.interactive) return\n\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\tthis.setPressed(true)\n\n\t\t\t// Simulate click at center\n\t\t\tconst rect = this.getBoundingClientRect()\n\t\t\tthis.triggerAction(rect.width / 2, rect.height / 2)\n\t\t}\n\t}\n\n\tprivate handleKeyUp = (e: KeyboardEvent) => {\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\tthis.setPressed(false)\n\t\t}\n\t}\n\n\t// Consolidate pressed state management\n\tprivate setPressed(pressed: boolean) {\n\t\tthis.pressed = pressed\n\t\tif (pressed) {\n\t\t\tthis.setAttribute('pressed', '')\n\t\t} else {\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.setPressed(true)\n\t}\n\n\tprivate handleMouseUp = () => this.setPressed(false)\n\tprivate handleMouseLeave = () => this.setPressed(false)\n\n\tprotected render() {\n\t\tconst isInteractive = this.interactive && !this.disabled\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\t${isInteractive ? cursorGlow({ radius: 200, intensity: 0.1 }) : ''}\n\t\t\t\tclass=\"relative w-full h-full rounded-xl ${isInteractive ? 'cursor-pointer' : ''}\"\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 -->\n\t\t\t\t<div\n\t\t\t\t\tclass=\"absolute inset-0 rounded-xl pointer-events-none transition-opacity duration-200 bg-surface-on ${!isInteractive\n\t\t\t\t\t\t? 'opacity-0'\n\t\t\t\t\t\t: this.pressed\n\t\t\t\t\t\t\t? 'opacity-[var(--schmancy-sys-state-pressed-opacity)]'\n\t\t\t\t\t\t\t: 'opacity-0 hover:opacity-[var(--schmancy-sys-state-hover-opacity)] focus-visible:opacity-[var(--schmancy-sys-state-focus-opacity)]'}\"\n\t\t\t\t></div>\n\n\t\t\t\t<!-- Ripples -->\n\t\t\t\t${this.interactive && this.ripples.length\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\tr => 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] w-5 h-5 -ml-2.5 -mt-2.5\"\n\t\t\t\t\t\t\t\t\t\t\tstyle=\"left: ${r.x}px; top: ${r.y}px\"\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<!-- 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 { SchmancyElement } 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 SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\tpadding: 1rem;\n\t\t\t}\n\t\t`,\n\t]\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 { SchmancyElement } 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 SchmancyElement {\n\tstatic styles = [\n\t\tcss`\n\t\t\t:host {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: relative;\n\t\t\t\theight: 200px;\n\t\t\t\toverflow: hidden;\n\t\t\t}\n\n\t\t\t/* Allow height to be overridden when used in flex/grid layouts */\n\t\t\t:host-context(.h-full) {\n\t\t\t\theight: 100%;\n\t\t\t}\n\n\t\t\t::slotted(img),\n\t\t\timg {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-position: center;\n\t\t\t}\n\n\t\t\t/* Object fit styles based on fit attribute */\n\t\t\t:host([fit='contain']) img,\n\t\t\t:host([fit='contain']) ::slotted(img) {\n\t\t\t\tobject-fit: contain;\n\t\t\t}\n\n\t\t\t:host([fit='cover']) img,\n\t\t\t:host([fit='cover']) ::slotted(img) {\n\t\t\t\tobject-fit: cover;\n\t\t\t}\n\n\t\t\t:host([fit='fill']) img,\n\t\t\t:host([fit='fill']) ::slotted(img) {\n\t\t\t\tobject-fit: fill;\n\t\t\t}\n\n\t\t\t:host([fit='none']) img,\n\t\t\t:host([fit='none']) ::slotted(img) {\n\t\t\t\tobject-fit: none;\n\t\t\t}\n\n\t\t\t:host([fit='scale-down']) img,\n\t\t\t:host([fit='scale-down']) ::slotted(img) {\n\t\t\t\tobject-fit: scale-down;\n\t\t\t}\n\t\t`,\n\t]\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\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 ? html`<img src=\"${this.src}\" alt=\"${this.alt}\" />` : html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-card-media': SchmancyCardMedia\n\t}\n}\n"],"mappings":"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"}

package/dist/card.cjs

@@ -1 +1 @@
-require(`./card-Ci3_9Dd4.cjs`);
+require(`./card-d0KhTnx5.cjs`);

package/dist/card.js

@@ -1 +1 @@
-import "./card-C6ijJZpF.js";
+import "./card-CS_hYJbz.js";

package/dist/{checkbox-7vEPZuGC.js → checkbox-Bjp7kWuE.js}

@@ -1,5 +1,5 @@
-import { u as e } from "./SchmancyElement-OG71FtNv.js";
-import { o as t } from "./mixins-bCEXbwJV.js";
+import { u as e } from "./SchmancyElement-Ob9yGkiG.js";
+import { o as t } from "./mixins-q4KAL8Xr.js";
 import { classMap as n } from "lit/directives/class-map.js";
 import { customElement as r, property as i, query as a, state as o } from "lit/decorators.js";
 import { LitElement as s, css as c, html as l, isServer as u, nothing as d } from "lit";