@mhmo91/schmancy 0.8.6 → 0.9.2

package/dist/media-CS8HpKnK.cjs

@@ -1,152 +0,0 @@
-"use strict";require("rxjs"),require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const r=require("lit/decorators.js"),y=require("./tailwind.mixin-Cp4PyXok.cjs"),c=require("lit"),m=require("lit/directives/if-defined.js");var b=Object.getOwnPropertyDescriptor;let u=class extends y.TailwindElement(c.css`
-	:host {
-		display: flex;
-		gap: 0.5rem;
-		padding: 0.5rem 1rem;
-		align-items: center;
-		justify-content: flex-end;
-	}
-`){render(){return c.html`<slot></slot>`}};u=((e,t,a,i)=>{for(var n,s=i>1?void 0:i?b(t,a):t,o=e.length-1;o>=0;o--)(n=e[o])&&(s=n(s)||s);return s})([r.customElement("schmancy-card-action")],u);var f=Object.defineProperty,g=Object.getOwnPropertyDescriptor,h=(e,t,a,i)=>{for(var n,s=i>1?void 0:i?g(t,a):t,o=e.length-1;o>=0;o--)(n=e[o])&&(s=(i?n(t,a,s):n(s))||s);return i&&s&&f(t,a,s),s};let l=class extends y.TailwindElement(c.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);
-		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 */
-	:host([type='elevated'][interactive]:hover:not([disabled])) {
-		box-shadow: var(--schmancy-sys-elevation-2);
-	}
-	:host([type='filled'][interactive]:hover:not([disabled])),
-	:host([type='outlined'][interactive]:hover:not([disabled])) {
-		box-shadow: var(--schmancy-sys-elevation-1);
-	}
-
-	/* Dragged state */
-	:host([dragged]) {
-		box-shadow: var(--schmancy-sys-elevation-3);
-	}
-
-	@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=e=>{if(this.disabled||!this.interactive)return;const 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);const 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)}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){const a=this.nextRippleId++;this.ripples=[...this.ripples,{x:e,y:t,id:a}],setTimeout(()=>{this.ripples=this.ripples.filter(i=>i.id!==a)},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(){const e=this.interactive&&!this.disabled;return c.html`
-			<div
-				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=${m.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?c.html`
-							<div class="absolute inset-0 rounded-xl overflow-hidden pointer-events-none">
-								${this.ripples.map(t=>c.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: ${t.x}px; top: ${t.y}px"
-										></span>
-									`)}
-							</div>
-						`:""}
-
-				<!-- Content -->
-				<div class="relative h-full w-full rounded-xl">
-					<slot></slot>
-				</div>
-			</div>
-		`}};l.shadowRootOptions={...c.LitElement.shadowRootOptions,mode:"open",delegatesFocus:!0},h([r.property({reflect:!0})],l.prototype,"type",2),h([r.property({type:Boolean,reflect:!0})],l.prototype,"interactive",2),h([r.property({type:Boolean,reflect:!0})],l.prototype,"disabled",2),h([r.property({type:Boolean,reflect:!0})],l.prototype,"dragged",2),h([r.property()],l.prototype,"href",2),h([r.property()],l.prototype,"target",2),h([r.property({attribute:"role"})],l.prototype,"role",2),h([r.property({attribute:"aria-label"})],l.prototype,"ariaLabel",2),h([r.state()],l.prototype,"pressed",2),h([r.state()],l.prototype,"ripples",2),l=h([r.customElement("schmancy-card")],l);var w=Object.getOwnPropertyDescriptor;let v=class extends y.TailwindElement(c.css`
-	:host {
-		display: block;
-		padding: 1rem;
-	}
-`){render(){return c.html`<slot></slot>`}};v=((e,t,a,i)=>{for(var n,s=i>1?void 0:i?w(t,a):t,o=e.length-1;o>=0;o--)(n=e[o])&&(s=n(s)||s);return s})([r.customElement("schmancy-card-content")],v);var x=Object.defineProperty,k=Object.getOwnPropertyDescriptor,p=(e,t,a,i)=>{for(var n,s=i>1?void 0:i?k(t,a):t,o=e.length-1;o>=0;o--)(n=e[o])&&(s=(i?n(t,a,s):n(s))||s);return i&&s&&x(t,a,s),s};let d=class extends y.TailwindElement(c.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?c.html`<img src="${this.src}" alt="${this.alt}" />`:c.html`<slot></slot>`}};p([r.property({type:String,reflect:!0})],d.prototype,"src",2),p([r.property({type:String,reflect:!0})],d.prototype,"fit",2),p([r.property({type:String})],d.prototype,"alt",2),d=p([r.customElement("schmancy-card-media")],d);
-//# sourceMappingURL=media-CS8HpKnK.cjs.map

package/dist/media-CS8HpKnK.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-CS8HpKnK.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 { 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: var(--schmancy-sys-shape-corner-medium);\n\t\ttransition: box-shadow var(--schmancy-sys-motion-duration-short4) var(--schmancy-sys-motion-easing-standard);\n\t\toutline: none;\n\t}\n\n\t/* Type variants */\n\t:host([type='elevated']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\t:host([type='filled']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-highest);\n\t\tbox-shadow: var(--schmancy-sys-elevation-0);\n\t}\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(--schmancy-sys-elevation-0);\n\t}\n\n\t/* Interactive states */\n\t:host([interactive]) {\n\t\tcursor: pointer;\n\t\t-webkit-tap-highlight-color: transparent;\n\t}\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\t:host([disabled]) {\n\t\tpointer-events: none;\n\t\topacity: var(--schmancy-sys-state-disabled-opacity);\n\t}\n\n\t/* Hover elevations */\n\t:host([type='elevated'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\n\t}\n\t:host([type='filled'][interactive]:hover:not([disabled])),\n\t:host([type='outlined'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\n\t/* Dragged state */\n\t:host([dragged]) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t}\n\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\t\tthis._updateAriaAttributes()\n\t}\n\n\tupdated(changedProperties: Map<string, any>) {\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\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 { 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","constructor","super","arguments","this","type","interactive","disabled","dragged","role","ariaLabel","pressed","ripples","nextRippleId","handleClick","e","rect","getBoundingClientRect","_triggerAction","clientX","left","clientY","top","handleKeyDown","key","preventDefault","_setPressed","width","height","handleKeyUp","handleMouseDown","handleMouseUp","handleMouseLeave","connectedCallback","_updateAriaAttributes","changedProperties","updated","has","setAttribute","href","removeAttribute","x","y","id","setTimeout","filter","r","_navigate","target","window","open","location","_addRipple","dispatchEvent","CustomEvent","detail","value","bubbles","composed","isInteractive","ifDefined","length","map","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","property","reflect","prototype","Boolean","attribute","state","SchmancyCardContent","SchmancyCardMedia","src","fit","alt","String"],"mappings":"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"}

package/dist/media-DtWbcRxL.js

@@ -1,244 +0,0 @@
-import "rxjs";
-import "rxjs/operators";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { customElement as y, property as c, state as f } from "lit/decorators.js";
-import { T as u } from "./tailwind.mixin-Bp_PR6yc.js";
-import { css as v, html as h, LitElement as g } from "lit";
-import { ifDefined as w } from "lit/directives/if-defined.js";
-var x = Object.getOwnPropertyDescriptor;
-let m = class extends u(v`
-	:host {
-		display: flex;
-		gap: 0.5rem;
-		padding: 0.5rem 1rem;
-		align-items: center;
-		justify-content: flex-end;
-	}
-`) {
-  render() {
-    return h`<slot></slot>`;
-  }
-};
-m = ((t, e, r, i) => {
-  for (var a, s = i > 1 ? void 0 : i ? x(e, r) : e, o = t.length - 1; o >= 0; o--) (a = t[o]) && (s = a(s) || s);
-  return s;
-})([y("schmancy-card-action")], m);
-var k = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, l = (t, e, r, i) => {
-  for (var a, s = i > 1 ? void 0 : i ? _(e, r) : e, o = t.length - 1; o >= 0; o--) (a = t[o]) && (s = (i ? a(e, r, s) : a(s)) || s);
-  return i && s && k(e, r, s), s;
-};
-let n = class extends u(v`
-	: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);
-		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 */
-	:host([type='elevated'][interactive]:hover:not([disabled])) {
-		box-shadow: var(--schmancy-sys-elevation-2);
-	}
-	:host([type='filled'][interactive]:hover:not([disabled])),
-	:host([type='outlined'][interactive]:hover:not([disabled])) {
-		box-shadow: var(--schmancy-sys-elevation-1);
-	}
-
-	/* Dragged state */
-	:host([dragged]) {
-		box-shadow: var(--schmancy-sys-elevation-3);
-	}
-
-	@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 e = this.getBoundingClientRect();
-      this._triggerAction(t.clientX - e.left, t.clientY - e.top);
-    }, this.handleKeyDown = (t) => {
-      if (!this.disabled && this.interactive && (t.key === "Enter" || t.key === " ")) {
-        t.preventDefault(), this._setPressed(!0);
-        const e = this.getBoundingClientRect();
-        this._triggerAction(e.width / 2, e.height / 2);
-      }
-    }, this.handleKeyUp = (t) => {
-      t.key !== "Enter" && t.key !== " " || this._setPressed(!1);
-    }, this.handleMouseDown = () => {
-      !this.disabled && this.interactive && this._setPressed(!0);
-    }, this.handleMouseUp = () => this._setPressed(!1), this.handleMouseLeave = () => this._setPressed(!1);
-  }
-  connectedCallback() {
-    super.connectedCallback(), this._updateAriaAttributes();
-  }
-  updated(t) {
-    super.updated(t), (t.has("interactive") || t.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(t, e) {
-    const r = this.nextRippleId++;
-    this.ripples = [...this.ripples, { x: t, y: e, id: r }], setTimeout(() => {
-      this.ripples = this.ripples.filter((i) => i.id !== r);
-    }, 600);
-  }
-  _navigate() {
-    this.href && (this.target === "_blank" ? window.open(this.href, "_blank") : window.location.href = this.href);
-  }
-  _triggerAction(t, e) {
-    this._addRipple(t, e), this._navigate(), this.dispatchEvent(new CustomEvent("schmancy-click", { detail: { value: this.type }, bubbles: !0, composed: !0 }));
-  }
-  _setPressed(t) {
-    this.pressed = t, t ? this.setAttribute("pressed", "") : this.removeAttribute("pressed");
-  }
-  render() {
-    const t = this.interactive && !this.disabled;
-    return h`
-			<div
-				class="relative w-full h-full rounded-xl ${t ? "cursor-pointer" : ""}"
-				@click=${this.handleClick}
-				@keydown=${this.handleKeyDown}
-				@keyup=${this.handleKeyUp}
-				@mousedown=${this.handleMouseDown}
-				@mouseup=${this.handleMouseUp}
-				@mouseleave=${this.handleMouseLeave}
-				aria-label=${w(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 ${t ? 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 ? h`
-							<div class="absolute inset-0 rounded-xl overflow-hidden pointer-events-none">
-								${this.ripples.map((e) => h`
-										<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>
-		`;
-  }
-};
-n.shadowRootOptions = { ...g.shadowRootOptions, mode: "open", delegatesFocus: !0 }, l([c({ reflect: !0 })], n.prototype, "type", 2), l([c({ type: Boolean, reflect: !0 })], n.prototype, "interactive", 2), l([c({ type: Boolean, reflect: !0 })], n.prototype, "disabled", 2), l([c({ type: Boolean, reflect: !0 })], n.prototype, "dragged", 2), l([c()], n.prototype, "href", 2), l([c()], n.prototype, "target", 2), l([c({ attribute: "role" })], n.prototype, "role", 2), l([c({ attribute: "aria-label" })], n.prototype, "ariaLabel", 2), l([f()], n.prototype, "pressed", 2), l([f()], n.prototype, "ripples", 2), n = l([y("schmancy-card")], n);
-var $ = Object.getOwnPropertyDescriptor;
-let b = class extends u(v`
-	:host {
-		display: block;
-		padding: 1rem;
-	}
-`) {
-  render() {
-    return h`<slot></slot>`;
-  }
-};
-b = ((t, e, r, i) => {
-  for (var a, s = i > 1 ? void 0 : i ? $(e, r) : e, o = t.length - 1; o >= 0; o--) (a = t[o]) && (s = a(s) || s);
-  return s;
-})([y("schmancy-card-content")], b);
-var j = Object.defineProperty, A = Object.getOwnPropertyDescriptor, p = (t, e, r, i) => {
-  for (var a, s = i > 1 ? void 0 : i ? A(e, r) : e, o = t.length - 1; o >= 0; o--) (a = t[o]) && (s = (i ? a(e, r, s) : a(s)) || s);
-  return i && s && j(e, r, s), s;
-};
-let d = class extends u(v`
-	: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`<img src="${this.src}" alt="${this.alt}" />` : h`<slot></slot>`;
-  }
-};
-p([c({ type: String, reflect: !0 })], d.prototype, "src", 2), p([c({ type: String, reflect: !0 })], d.prototype, "fit", 2), p([c({ type: String })], d.prototype, "alt", 2), d = p([y("schmancy-card-media")], d);
-//# sourceMappingURL=media-DtWbcRxL.js.map

package/dist/media-DtWbcRxL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"media-DtWbcRxL.js","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 { 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: var(--schmancy-sys-shape-corner-medium);\n\t\ttransition: box-shadow var(--schmancy-sys-motion-duration-short4) var(--schmancy-sys-motion-easing-standard);\n\t\toutline: none;\n\t}\n\n\t/* Type variants */\n\t:host([type='elevated']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\t:host([type='filled']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-highest);\n\t\tbox-shadow: var(--schmancy-sys-elevation-0);\n\t}\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(--schmancy-sys-elevation-0);\n\t}\n\n\t/* Interactive states */\n\t:host([interactive]) {\n\t\tcursor: pointer;\n\t\t-webkit-tap-highlight-color: transparent;\n\t}\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\t:host([disabled]) {\n\t\tpointer-events: none;\n\t\topacity: var(--schmancy-sys-state-disabled-opacity);\n\t}\n\n\t/* Hover elevations */\n\t:host([type='elevated'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\n\t}\n\t:host([type='filled'][interactive]:hover:not([disabled])),\n\t:host([type='outlined'][interactive]:hover:not([disabled])) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t}\n\n\t/* Dragged state */\n\t:host([dragged]) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t}\n\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\t\tthis._updateAriaAttributes()\n\t}\n\n\tupdated(changedProperties: Map<string, any>) {\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\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 { 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","constructor","super","arguments","this","type","interactive","disabled","dragged","role","ariaLabel","pressed","ripples","nextRippleId","handleClick","e","rect","getBoundingClientRect","_triggerAction","clientX","left","clientY","top","handleKeyDown","key","preventDefault","_setPressed","width","height","handleKeyUp","handleMouseDown","handleMouseUp","handleMouseLeave","connectedCallback","_updateAriaAttributes","changedProperties","updated","has","setAttribute","href","removeAttribute","x","y","id","setTimeout","filter","r","_navigate","target","window","open","location","_addRipple","dispatchEvent","CustomEvent","detail","value","bubbles","composed","isInteractive","ifDefined","length","map","shadowRootOptions","LitElement","mode","delegatesFocus","__decorateClass","property","reflect","prototype","Boolean","attribute","state","SchmancyCardContent","SchmancyCardMedia","src","fit","alt","String"],"mappings":"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"}

package/dist/menu-Caju5-zd.js

@@ -1,60 +0,0 @@
-import "rxjs";
-import "rxjs/operators";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { customElement as a, query as y } from "lit/decorators.js";
-import "./tailwind.mixin-Bp_PR6yc.js";
-import { $ as h } from "./litElement.mixin-DHZXtvYq.js";
-import { css as p, html as d } from "lit";
-import { $ as u } from "./dialog-service-D9E3jLAR.js";
-var f = Object.getOwnPropertyDescriptor;
-let l = class extends h(p`
-	:host {
-		display: block;
-	}
-`) {
-  render() {
-    return d`
-			<schmancy-list-item @click=${() => u.dismiss()}>
-				<slot></slot>
-			</schmancy-list-item>
-		`;
-  }
-};
-l = ((n, e, s, o) => {
-  for (var r, t = o > 1 ? void 0 : o ? f(e, s) : e, i = n.length - 1; i >= 0; i--) (r = n[i]) && (t = r(t) || t);
-  return t;
-})([a("schmancy-menu-item")], l);
-var v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, m = (n, e, s, o) => {
-  for (var r, t = o > 1 ? void 0 : o ? g(e, s) : e, i = n.length - 1; i >= 0; i--) (r = n[i]) && (t = (o ? r(e, s, t) : r(t)) || t);
-  return o && t && v(e, s, t), t;
-};
-let c = class extends h(p`
-	:host {
-		position: relative;
-		display: flex;
-	}
-`) {
-  showMenu(n) {
-    const e = this.menuSlot?.assignedElements() || [];
-    if (e.length === 0) return;
-    const s = document.createElement("div");
-    e.forEach((o) => s.appendChild(o)), u.component(s, { position: n, hideActions: !0 }).finally(() => {
-      e.forEach((o) => this.appendChild(o));
-    });
-  }
-  render() {
-    return d`
-			<slot name="trigger" @click=${this.showMenu}>
-				<slot name="button" @click=${this.showMenu}>
-					<schmancy-icon-button>more_vert</schmancy-icon-button>
-				</slot>
-			</slot>
-			<div hidden>
-				<slot></slot>
-			</div>
-		`;
-  }
-};
-m([y("slot:not([name])")], c.prototype, "menuSlot", 2), c = m([a("schmancy-menu")], c);
-//# sourceMappingURL=menu-Caju5-zd.js.map

package/dist/menu-Caju5-zd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-Caju5-zd.js","sources":["../src/menu/menu-item.ts","../src/menu/menu.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { $dialog } from '../dialog/dialog-service'\n\n@customElement('schmancy-menu-item')\nexport default class SchmancyMenuItem extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-list-item @click=${() => $dialog.dismiss()}>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-list-item>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu-item': SchmancyMenuItem\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\nimport { $dialog } from '../dialog/dialog-service'\n\n/**\n * Menu Component\n *\n * CRITICAL: The dialog ONLY renders the raw menu items passed via the default slot.\n * NO <ul> wrapper, NO classes, NO additional markup in the dialog call.\n * The dialog service handles positioning and display - we just pass the pure content.\n *\n * @example Basic menu with auto-dismiss\n * ```typescript\n * <schmancy-menu>\n *   <schmancy-button slot=\"trigger\">Actions</schmancy-button>\n *   <schmancy-menu-item @click=${() => editItem()}>Edit</schmancy-menu-item>\n *   <schmancy-menu-item @click=${() => deleteItem()}>Delete</schmancy-menu-item>\n * </schmancy-menu>\n * ```\n * Note: Dialog auto-dismisses when schmancy-menu-item is clicked\n *\n * @example Custom component (manual dismiss)\n * ```typescript\n * <schmancy-menu>\n *   <schmancy-icon-button slot=\"trigger\">settings</schmancy-icon-button>\n *   <my-settings-form @submit=${() => $dialog.dismiss()}></my-settings-form>\n * </schmancy-menu>\n * ```\n * Note: Custom components must call $dialog.dismiss() manually\n *\n * @slot trigger - Button to open menu (new naming)\n * @slot button - Button to open menu (backward compatible)\n * @slot default - Menu items or any custom component to display in dialog\n */\n@customElement('schmancy-menu')\nexport default class SchmancyMenu extends $LitElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t}\n`) {\n\t@query('slot:not([name])')\n\tprivate menuSlot!: HTMLSlotElement\n\n\tprivate showMenu(event: MouseEvent) {\n\t\tconst menuItems = this.menuSlot?.assignedElements() || []\n\t\tif (menuItems.length === 0) return\n\n\t\t// Create container and move actual elements to preserve full functionality\n\t\tconst dialogContainer = document.createElement('div')\n\t\tmenuItems.forEach(item => dialogContainer.appendChild(item))\n\n\t\t$dialog\n\t\t\t.component(dialogContainer, {\n\t\t\t\tposition: event,\n\t\t\t\thideActions: true,\n\t\t})\n\t\t\t.finally(() => {\n\t\t\t\t// Restore elements as light DOM children (will be projected via slot)\n\t\t\t\tmenuItems.forEach(item => this.appendChild(item))\n\t\t\t})\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<slot name=\"trigger\" @click=${this.showMenu}>\n\t\t\t\t<slot name=\"button\" @click=${this.showMenu}>\n\t\t\t\t\t<schmancy-icon-button>more_vert</schmancy-icon-button>\n\t\t\t\t</slot>\n\t\t\t</slot>\n\t\t\t<div hidden>\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu': SchmancyMenu\n\t}\n}\n"],"names":["SchmancyMenuItem","$LitElement","css","render","html","$dialog","dismiss","customElement","SchmancyMenu","event","menuItems","this","menuSlot","assignedElements","length","dialogContainer","document","createElement","forEach","item","appendChild","component","position","hideActions","finally","showMenu","__decorateClass","query","prototype"],"mappings":";;;;;;;;;;AAMA,IAAqBA,IAArB,cAA8CC,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;EAM/C,SAAAC;AACT,WAAOC;AAAAA,gCACuB,MAAMC,EAAQC,QAAAA,CAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAI7C;AAAA;AAZoBN;;;GAArB,CADCO,EAAc,wBACMP,CAAAA;;;;;AC8BrB,IAAqBQ,IAArB,cAA0CP,EAAYC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;EAS7C,SAASO;AAChB,UAAMC,IAAYC,KAAKC,UAAUC,iBAAAA,KAAsB;AACvD,QAAIH,EAAUI,WAAW,EAAG;AAG5B,UAAMC,IAAkBC,SAASC,cAAc,KAAA;AAC/CP,IAAAA,EAAUQ,QAAQC,CAAAA,MAAQJ,EAAgBK,YAAYD,CAAAA,CAAAA,GAEtDd,EACEgB,UAAUN,GAAiB,EAC3BO,UAAUb,GACVc,aAAAA,MAEAC,QAAQ,MAAA;AAERd,MAAAA,EAAUQ,QAAQC,CAAAA,MAAQR,KAAKS,YAAYD,CAAAA,CAAAA;AAAAA,IAAAA,CAAAA;AAAAA,EAE9C;AAAA,EAEA,SAAAhB;AACC,WAAOC;AAAAA,iCACwBO,KAAKc,QAAAA;AAAAA,iCACLd,KAAKc,QAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,EAQrC;AAAA;AAhCQC,EAAA,CADPC,EAAM,kBAAA,CAAA,GANanB,EAOZoB,WAAA,YAAA,CAAA,GAPYpB,IAArBkB,EAAA,CADCnB,EAAc,eAAA,CAAA,GACMC,CAAAA;"}

package/dist/menu-rX5RPAI2.cjs

@@ -1,24 +0,0 @@
-"use strict";require("rxjs"),require("rxjs/operators"),require("lit/directives/class-map.js"),require("lit/directives/style-map.js");const m=require("lit/decorators.js");require("./tailwind.mixin-Cp4PyXok.cjs");const h=require("./litElement.mixin-CrpeGpZ7.cjs"),l=require("lit"),d=require("./dialog-service-C86xTS8q.cjs");var p=Object.getOwnPropertyDescriptor;let u=class extends h.$LitElement(l.css`
-	:host {
-		display: block;
-	}
-`){render(){return l.html`
-			<schmancy-list-item @click=${()=>d.$dialog.dismiss()}>
-				<slot></slot>
-			</schmancy-list-item>
-		`}};u=((i,t,n,r)=>{for(var o,e=r>1?void 0:r?p(t,n):t,s=i.length-1;s>=0;s--)(o=i[s])&&(e=o(e)||e);return e})([m.customElement("schmancy-menu-item")],u);var y=Object.defineProperty,v=Object.getOwnPropertyDescriptor,a=(i,t,n,r)=>{for(var o,e=r>1?void 0:r?v(t,n):t,s=i.length-1;s>=0;s--)(o=i[s])&&(e=(r?o(t,n,e):o(e))||e);return r&&e&&y(t,n,e),e};let c=class extends h.$LitElement(l.css`
-	:host {
-		position: relative;
-		display: flex;
-	}
-`){showMenu(i){const t=this.menuSlot?.assignedElements()||[];if(t.length===0)return;const n=document.createElement("div");t.forEach(r=>n.appendChild(r)),d.$dialog.component(n,{position:i,hideActions:!0}).finally(()=>{t.forEach(r=>this.appendChild(r))})}render(){return l.html`
-			<slot name="trigger" @click=${this.showMenu}>
-				<slot name="button" @click=${this.showMenu}>
-					<schmancy-icon-button>more_vert</schmancy-icon-button>
-				</slot>
-			</slot>
-			<div hidden>
-				<slot></slot>
-			</div>
-		`}};a([m.query("slot:not([name])")],c.prototype,"menuSlot",2),c=a([m.customElement("schmancy-menu")],c);
-//# sourceMappingURL=menu-rX5RPAI2.cjs.map

package/dist/menu-rX5RPAI2.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu-rX5RPAI2.cjs","sources":["../src/menu/menu-item.ts","../src/menu/menu.ts"],"sourcesContent":["import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement } from 'lit/decorators.js'\nimport { $dialog } from '../dialog/dialog-service'\n\n@customElement('schmancy-menu-item')\nexport default class SchmancyMenuItem extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n`) {\n\n\tprotected render(): unknown {\n\t\treturn html`\n\t\t\t<schmancy-list-item @click=${() => $dialog.dismiss()}>\n\t\t\t\t<slot></slot>\n\t\t\t</schmancy-list-item>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu-item': SchmancyMenuItem\n\t}\n}\n","import { $LitElement } from '@mixins/index'\nimport { css, html } from 'lit'\nimport { customElement, query } from 'lit/decorators.js'\nimport { $dialog } from '../dialog/dialog-service'\n\n/**\n * Menu Component\n *\n * CRITICAL: The dialog ONLY renders the raw menu items passed via the default slot.\n * NO <ul> wrapper, NO classes, NO additional markup in the dialog call.\n * The dialog service handles positioning and display - we just pass the pure content.\n *\n * @example Basic menu with auto-dismiss\n * ```typescript\n * <schmancy-menu>\n *   <schmancy-button slot=\"trigger\">Actions</schmancy-button>\n *   <schmancy-menu-item @click=${() => editItem()}>Edit</schmancy-menu-item>\n *   <schmancy-menu-item @click=${() => deleteItem()}>Delete</schmancy-menu-item>\n * </schmancy-menu>\n * ```\n * Note: Dialog auto-dismisses when schmancy-menu-item is clicked\n *\n * @example Custom component (manual dismiss)\n * ```typescript\n * <schmancy-menu>\n *   <schmancy-icon-button slot=\"trigger\">settings</schmancy-icon-button>\n *   <my-settings-form @submit=${() => $dialog.dismiss()}></my-settings-form>\n * </schmancy-menu>\n * ```\n * Note: Custom components must call $dialog.dismiss() manually\n *\n * @slot trigger - Button to open menu (new naming)\n * @slot button - Button to open menu (backward compatible)\n * @slot default - Menu items or any custom component to display in dialog\n */\n@customElement('schmancy-menu')\nexport default class SchmancyMenu extends $LitElement(css`\n\t:host {\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t}\n`) {\n\t@query('slot:not([name])')\n\tprivate menuSlot!: HTMLSlotElement\n\n\tprivate showMenu(event: MouseEvent) {\n\t\tconst menuItems = this.menuSlot?.assignedElements() || []\n\t\tif (menuItems.length === 0) return\n\n\t\t// Create container and move actual elements to preserve full functionality\n\t\tconst dialogContainer = document.createElement('div')\n\t\tmenuItems.forEach(item => dialogContainer.appendChild(item))\n\n\t\t$dialog\n\t\t\t.component(dialogContainer, {\n\t\t\t\tposition: event,\n\t\t\t\thideActions: true,\n\t\t})\n\t\t\t.finally(() => {\n\t\t\t\t// Restore elements as light DOM children (will be projected via slot)\n\t\t\t\tmenuItems.forEach(item => this.appendChild(item))\n\t\t\t})\n\t}\n\n\trender() {\n\t\treturn html`\n\t\t\t<slot name=\"trigger\" @click=${this.showMenu}>\n\t\t\t\t<slot name=\"button\" @click=${this.showMenu}>\n\t\t\t\t\t<schmancy-icon-button>more_vert</schmancy-icon-button>\n\t\t\t\t</slot>\n\t\t\t</slot>\n\t\t\t<div hidden>\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-menu': SchmancyMenu\n\t}\n}\n"],"names":["SchmancyMenuItem","$LitElement","css","render","html","$dialog","dismiss","customElement","SchmancyMenu","event","menuItems","this","menuSlot","assignedElements","length","dialogContainer","document","createElement","forEach","item","appendChild","component","position","hideActions","finally","showMenu","__decorateClass","query","prototype"],"mappings":"wWAMA,IAAqBA,EAArB,cAA8CC,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAM/C,QAAAC,CACT,OAAOC,EAAAA;AAAAA,gCACuB,IAAMC,EAAAA,QAAQC,QAAAA,CAAAA;AAAAA;AAAAA;AAAAA,GAI7C,CAAA,EAZoBN,wGAArB,CADCO,EAAAA,cAAc,oBAAA,CAAA,EACMP,mMC8BrB,IAAqBQ,EAArB,cAA0CP,EAAAA,YAAYC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAS7C,SAASO,GAChB,MAAMC,EAAYC,KAAKC,UAAUC,iBAAAA,GAAsB,GACvD,GAAIH,EAAUI,SAAW,EAAG,OAG5B,MAAMC,EAAkBC,SAASC,cAAc,KAAA,EAC/CP,EAAUQ,QAAQC,GAAQJ,EAAgBK,YAAYD,IAEtDd,EAAAA,QACEgB,UAAUN,EAAiB,CAC3BO,SAAUb,EACVc,YAAAA,KAEAC,QAAQ,IAAA,CAERd,EAAUQ,QAAQC,GAAQR,KAAKS,YAAYD,CAAAA,CAAAA,CAAAA,CAAAA,CAE9C,CAEA,QAAAhB,CACC,OAAOC,EAAAA;AAAAA,iCACwBO,KAAKc,QAAAA;AAAAA,iCACLd,KAAKc,QAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,GAQrC,CAAA,EAhCQC,EAAA,CADPC,EAAAA,MAAM,qBANanB,EAOZoB,UAAA,WAAA,CAAA,EAPYpB,EAArBkB,EAAA,CADCnB,EAAAA,cAAc,eAAA,CAAA,EACMC,CAAAA"}

package/dist/menu.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"menu.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/nav-drawer.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-drawer.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/nav-drawer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"nav-drawer.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/navigation-bar.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"navigation-bar.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/navigation-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"navigation-bar.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}