@mhmo91/schmancy 0.8.6 → 0.9.2

package/dist/suggestion-chip-HhsLtZXR.cjs

@@ -1,271 +0,0 @@
-"use strict";const f=require("./tailwind.mixin-Cp4PyXok.cjs"),a=require("lit"),n=require("lit/decorators.js"),g=require("lit/directives/class-map.js"),h=require("rxjs"),y=require("rxjs/operators");require("lit/directives/style-map.js");const $=require("./litElement.mixin-CrpeGpZ7.cjs"),w=require("lit/directives/when.js");var x=Object.defineProperty,S=Object.getOwnPropertyDescriptor,p=(t,e,s,o)=>{for(var l,i=o>1?void 0:o?S(e,s):e,r=t.length-1;r>=0;r--)(l=t[r])&&(i=(o?l(e,s,i):l(i))||i);return o&&i&&x(e,s,i),i};exports.SchmancyAssistChip=class extends f.TailwindElement(a.css`
-	:host {
-		display: inline-block;
-		outline: none;
-		min-width:fit-content
-	}
-
-	:host([disabled]) {
-		pointer-events: none;
-	}
-
-	.ripple {
-		position: absolute;
-		border-radius: 50%;
-		transform: scale(0);
-		animation: ripple 600ms linear;
-		background-color: rgba(0, 0, 0, 0.08);
-		pointer-events: none;
-	}
-
-	@keyframes ripple {
-		to {
-			transform: scale(4);
-			opacity: 0;
-		}
-	}
-
-	/* State layer for M3 hover/focus/pressed states */
-	.state-layer {
-		position: absolute;
-		inset: 0;
-		border-radius: inherit;
-		pointer-events: none;
-		background-color: currentColor;
-		opacity: 0;
-		transition: opacity 200ms ease;
-	}
-
-	:host(:not([disabled])) button:hover .state-layer {
-		opacity: 0.08;
-	}
-
-	:host(:not([disabled])) button:focus-visible .state-layer {
-		opacity: 0.1;
-	}
-
-	:host(:not([disabled])) button:active .state-layer {
-		opacity: 0.1;
-	}
-`){constructor(){super(...arguments),this.value="",this.icon="",this.href="",this.target="",this.disabled=!1,this.elevated=!0,this.hover$=new h.BehaviorSubject(!1),this.pressed$=new h.BehaviorSubject(!1),this.focused$=new h.BehaviorSubject(!1),this.ripples=[],this.nextRippleId=0,this.handleClick=t=>{if(this.disabled)return;const e=this.shadowRoot?.querySelector("button");if(e){const s=e.getBoundingClientRect(),o=t.clientX-s.left,l=t.clientY-s.top,i=this.nextRippleId++;this.ripples=[...this.ripples,{x:o,y:l,id:i}],setTimeout(()=>{this.ripples=this.ripples.filter(r=>r.id!==i)},600)}this.href&&(this.target==="_blank"?window.open(this.href,"_blank"):window.location.href=this.href),this.dispatchEvent(new CustomEvent("action",{detail:{value:this.value},bubbles:!0,composed:!0}))},this.handleKeyDown=t=>{if(!this.disabled&&(t.key==="Enter"||t.key===" ")){t.preventDefault(),this.pressed$.next(!0);const e=new MouseEvent("click",{bubbles:!0,cancelable:!0,clientX:0,clientY:0});this.handleClick(e),setTimeout(()=>this.pressed$.next(!1),100)}},this.handleFocus=()=>{this.focused$.next(!0)},this.handleBlur=()=>{this.focused$.next(!1)}}connectedCallback(){super.connectedCallback(),h.combineLatest([this.hover$,this.pressed$,this.focused$]).pipe(y.takeUntil(this.disconnecting)).subscribe()}render(){const t=!!this.icon,e={relative:!0,"inline-flex":!0,"items-center":!0,"gap-2":!0,"h-8":!0,"min-h-[32px]":!0,"rounded-full":!0,"cursor-pointer":!this.disabled,"transition-all":!0,"duration-200":!0,"select-none":!0,"overflow-hidden":!0,"pl-2":t,"pl-4":!t,"pr-4":!0,"bg-surface-containerLow":!0,"text-surface-onVariant":!0,"shadow-sm":this.elevated&&!this.disabled,"hover:shadow-md":this.elevated&&!this.disabled,"focus-visible:outline":!this.disabled,"focus-visible:outline-2":!this.disabled,"focus-visible:outline-primary":!this.disabled,"focus-visible:outline-offset-2":!this.disabled,"opacity-38":this.disabled,"cursor-not-allowed":this.disabled};return a.html`
-			<button
-				type="button"
-				class=${g.classMap(e)}
-				?disabled=${this.disabled}
-				@click=${this.handleClick}
-				@keydown=${this.handleKeyDown}
-				@mouseenter=${()=>this.hover$.next(!0)}
-				@mouseleave=${()=>this.hover$.next(!1)}
-				@mousedown=${()=>this.pressed$.next(!0)}
-				@mouseup=${()=>this.pressed$.next(!1)}
-				@focus=${this.handleFocus}
-				@blur=${this.handleBlur}
-				tabindex=${this.disabled?"-1":"0"}
-				role="button"
-				aria-disabled=${this.disabled}
-				aria-label=${this.value}
-			>
-				${this.icon?a.html`
-					<schmancy-icon class="text-[18px] shrink-0">${this.icon}</schmancy-icon>
-				`:""}
-				<span class="text-sm font-medium leading-5">
-					<slot></slot>
-				</span>
-
-				<!-- Ripple effects -->
-				${this.ripples.map(s=>a.html`
-					<span
-						class="ripple"
-						style="left: ${s.x}px; top: ${s.y}px;"
-					></span>
-				`)}
-
-				<!-- State layer for M3 hover/focus/pressed states -->
-				<div class="state-layer"></div>
-			</button>
-		`}},exports.SchmancyAssistChip.shadowRootOptions={...a.LitElement.shadowRootOptions,delegatesFocus:!0},p([n.property({reflect:!0})],exports.SchmancyAssistChip.prototype,"value",2),p([n.property({reflect:!0})],exports.SchmancyAssistChip.prototype,"icon",2),p([n.property({reflect:!0})],exports.SchmancyAssistChip.prototype,"href",2),p([n.property({reflect:!0})],exports.SchmancyAssistChip.prototype,"target",2),p([n.property({type:Boolean,reflect:!0})],exports.SchmancyAssistChip.prototype,"disabled",2),p([n.property({type:Boolean,reflect:!0})],exports.SchmancyAssistChip.prototype,"elevated",2),p([n.state()],exports.SchmancyAssistChip.prototype,"ripples",2),exports.SchmancyAssistChip=p([n.customElement("schmancy-assist-chip")],exports.SchmancyAssistChip);var C=Object.defineProperty,k=Object.getOwnPropertyDescriptor,u=(t,e,s,o)=>{for(var l,i=o>1?void 0:o?k(e,s):e,r=t.length-1;r>=0;r--)(l=t[r])&&(i=(o?l(e,s,i):l(i))||i);return o&&i&&C(e,s,i),i};let d=class extends $.$LitElement(a.css`
-:host{
-	display:block;
-	height:fit-content;
-	width:fit-content;
-}
-	
-`){constructor(){super(...arguments),this.value$=new h.BehaviorSubject(""),this.values$=new h.BehaviorSubject([]),this._value="",this._values=[],this._multi=!1,this._valueSet=!1,this._valuesSet=!1,this.wrap=!1,this.required=!1,this.justify="start"}get multi(){return this._multi}set multi(t){this._multi=t}get mode(){return this._valuesSet?"multi":this._valueSet?"single":this.hasAttribute("values")?"multi":this.hasAttribute("value")?"single":this._multi===!0?"multi":"none"}get values(){return this._values}set values(t){this._values=t||[],this._valuesSet=!0,this.values$.next(this._values)}get value(){return this._value}set value(t){this._value=t||"",this._valueSet=!0,this.value$.next(this._value)}connectedCallback(){super.connectedCallback(),this.value$.next(this._value),this.values$.next(this._values),h.combineLatest([this.value$.pipe(y.distinctUntilChanged()),this.values$.pipe(y.distinctUntilChanged((t,e)=>t.length===e.length&&t.every((s,o)=>s===e[o])))]).pipe(y.debounceTime(0),y.takeUntil(this.disconnecting)).subscribe(([t,e])=>{this.updateChipStates(this.mode,t,e)})}updateChipStates(t,e,s){this.chips&&t!=="none"&&this.chips.forEach(o=>{if("value"in o&&"selected"in o){const l=o;t==="multi"?l.selected=s.length>0&&s.includes(l.value):t==="single"&&(l.selected=e!==""&&e===l.value)}})}async change(t){if(t.preventDefault(),t.stopPropagation(),this.mode==="none")return;const{value:e,selected:s}=t.detail;if(this.mode==="multi")s?this._values.includes(e)||(this._values=[...this._values,e],this.values$.next(this._values)):(this._values=this._values.filter(o=>o!==e),this.values$.next(this._values));else if(this.mode==="single"){if(s)this._value=e;else{if(this.required)return;this._value=""}this.value$.next(this._value)}this.requestUpdate(),this.dispatchEvent(new CustomEvent("change",{detail:this.mode==="multi"?this._values:this._value,bubbles:!0}))}firstUpdated(t){super.firstUpdated(t),this.updateChipStates(this.mode,this._value,this._values)}render(){const t={"flex flex-nowrap justify-center gap-2 max-w-lvw":!0,"flex-wrap":this.wrap,"justify-center":this.justify==="center"};return a.html`
-					<schmancy-scroll hide .direction=${this.wrap?"vertical":"horizontal"} class="${this.classMap(t)}" @change=${this.change}>
-					<slot
-					@slotchange=${()=>{this.updateChipStates(this.mode,this._value,this._values)}}
-				></slot>
-			</schmancy-scroll>
-		`}};u([n.property({type:Boolean,reflect:!0})],d.prototype,"multi",1),u([n.property({type:Array,reflect:!0})],d.prototype,"values",1),u([n.property({type:String,reflect:!0})],d.prototype,"value",1),u([n.queryAssignedElements({selector:"schmancy-chip, schmancy-filter-chip, schmancy-assist-chip, schmancy-input-chip, schmancy-suggestion-chip",flatten:!0})],d.prototype,"chips",2),u([n.property({type:Boolean,reflect:!0})],d.prototype,"wrap",2),u([n.property({type:Boolean,reflect:!0})],d.prototype,"required",2),u([n.property({type:String,reflect:!0})],d.prototype,"justify",2),d=u([n.customElement("schmancy-chips")],d);var _=Object.defineProperty,E=Object.getOwnPropertyDescriptor,m=(t,e,s,o)=>{for(var l,i=o>1?void 0:o?E(e,s):e,r=t.length-1;r>=0;r--)(l=t[r])&&(i=(o?l(e,s,i):l(i))||i);return o&&i&&_(e,s,i),i};const v=class v extends f.TailwindElement(a.css`
-	:host {
-		display: inline-block;
-		outline: none;
-		min-width:fit-content
-	}
-
-	:host([disabled]) {
-		pointer-events: none;
-		/* M3 disabled state opacity */
-		opacity: var(--schmancy-sys-state-disabled-opacity);
-	}
-
-	button {
-		font-family: inherit;
-	}
-
-	/* Material Symbols font for icons */
-	.material-symbols-outlined {
-		font-family: 'Material Symbols Outlined';
-		font-weight: normal;
-		font-style: normal;
-		font-size: 18px;
-		line-height: 1;
-		letter-spacing: normal;
-		text-transform: none;
-		display: inline-block;
-		white-space: nowrap;
-		word-wrap: normal;
-		direction: ltr;
-		-webkit-font-smoothing: antialiased;
-		text-rendering: optimizeLegibility;
-		-moz-osx-font-smoothing: grayscale;
-		font-feature-settings: 'liga';
-		vertical-align: middle;
-	}
-`){constructor(){super(),this.value="",this._selected=!1,this.icon="",this.removable=!1,this.disabled=!1,this.elevated=!1,this.hover$=new h.BehaviorSubject(!1),this.pressed$=new h.BehaviorSubject(!1),this.focused$=new h.BehaviorSubject(!1),this.handleClick=()=>{this.disabled||this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,selected:!this._selected},bubbles:!0,composed:!0}))},this.handleRemove=e=>{this.disabled||(e.stopPropagation(),this.dispatchEvent(new CustomEvent("remove",{detail:{value:this.value},bubbles:!0,composed:!0})))},this.handleKeyDown=e=>{this.disabled||e.key!=="Enter"&&e.key!==" "||(e.preventDefault(),this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,selected:!this._selected},bubbles:!0,composed:!0})))},this.handleMouseEnter=()=>{this.hover$.next(!0)},this.handleMouseLeave=()=>{this.hover$.next(!1),this.pressed$.next(!1)},this.handleMouseDown=()=>{this.pressed$.next(!0)},this.handleMouseUp=()=>{this.pressed$.next(!1)},this.handleFocus=()=>{this.focused$.next(!0)},this.handleBlur=()=>{this.focused$.next(!1)};try{this.internals=this.attachInternals()}catch{this.internals=void 0}}get selected(){return this._selected}set selected(e){const s=this._selected;this._selected=e,this.requestUpdate("selected",s)}get form(){return this.internals?.form}connectedCallback(){super.connectedCallback(),h.combineLatest([this.hover$,this.pressed$,this.focused$]).pipe(y.takeUntil(this.disconnecting)).subscribe()}render(){const e={"inline-flex":!0,"items-center":!0,"gap-2":!0,"rounded-lg":!0,"h-8 px-4":!0,"cursor-pointer":!this.disabled,"transition-all":!0,"duration-200":!0,"select-none":!0,"text-sm":!0,"font-medium":!0,border:!0,relative:!0,"min-h-[32px]":!0,"bg-secondary-container":this._selected,"text-secondary-onContainer":this._selected,"border-secondary-container":this._selected,"bg-surface-container":!this._selected,"text-surface-on":!this._selected,"border-outline":!this._selected,"hover:brightness-95":this._selected&&!this.disabled,"hover:bg-surface-container-high":!this._selected&&!this.disabled,"active:brightness-90":!this.disabled,"focus-visible:outline":!this.disabled,"focus-visible:outline-2":!this.disabled,"focus-visible:outline-offset-2":!this.disabled,"focus-visible:outline-primary-default":!this.disabled,"shadow-md":this.elevated&&!this.disabled,"hover:shadow-lg":this.elevated&&!this.disabled,"opacity-[var(--schmancy-sys-state-disabled-opacity)]":this.disabled,"cursor-not-allowed":this.disabled};return a.html`
-			<button
-				class=${this.classMap(e)}
-				@click=${this.handleClick}
-				@keydown=${this.handleKeyDown}
-				@mouseenter=${this.handleMouseEnter}
-				@mouseleave=${this.handleMouseLeave}
-				@mousedown=${this.handleMouseDown}
-				@mouseup=${this.handleMouseUp}
-				@focus=${this.handleFocus}
-				@blur=${this.handleBlur}
-				?disabled=${this.disabled}
-				aria-pressed=${this._selected?"true":"false"}
-				role="checkbox"
-				tabindex="0"
-			>
-				<!-- Icon container - conditionally shown using when directive -->
-				${w.when(this._selected||this.icon||this.iconSlotElements?.length>0,()=>a.html`
-						<span class="inline-flex w-[18px] h-[18px] items-center justify-center shrink-0">
-							${this._selected?a.html`
-								<span class="material-symbols-outlined text-[18px]">
-									check
-								</span>
-							`:this.icon?a.html`
-								<span class="material-symbols-outlined text-[18px]">
-									${this.icon}
-								</span>
-							`:a.html`
-								<slot name="icon"></slot>
-							`}
-						</span>
-					`)}
-
-				<!-- Chip content -->
-				<slot></slot>
-
-				<!-- Remove button (if removable) -->
-				${this.removable?a.html`
-					<button
-						class="ml-1 -mr-1 p-0.5 rounded-full hover:bg-surface-container-highest transition-colors duration-200"
-						@click=${this.handleRemove}
-						aria-label="Remove filter"
-						tabindex="-1"
-					>
-						<span class="material-symbols-outlined text-sm sm:text-[16px]">
-							close
-						</span>
-					</button>
-				`:""}
-			</button>
-		`}};v.shadowRootOptions={...a.LitElement.shadowRootOptions,delegatesFocus:!0},v.formAssociated=!0;let c=v;if(m([n.property({type:String,reflect:!0})],c.prototype,"value",2),m([n.property({type:Boolean,reflect:!0})],c.prototype,"selected",1),m([n.property({type:String,reflect:!0})],c.prototype,"icon",2),m([n.property({type:Boolean,reflect:!0})],c.prototype,"removable",2),m([n.property({type:Boolean,reflect:!0})],c.prototype,"disabled",2),m([n.property({type:Boolean,reflect:!0})],c.prototype,"elevated",2),m([n.queryAssignedElements({slot:"icon"})],c.prototype,"iconSlotElements",2),customElements.get("schmancy-filter-chip")||customElements.define("schmancy-filter-chip",c),!customElements.get("schmancy-chip")){class t extends c{}customElements.define("schmancy-chip",t)}var B=Object.defineProperty,j=Object.getOwnPropertyDescriptor,b=(t,e,s,o)=>{for(var l,i=o>1?void 0:o?j(e,s):e,r=t.length-1;r>=0;r--)(l=t[r])&&(i=(o?l(e,s,i):l(i))||i);return o&&i&&B(e,s,i),i};exports.SchmancySuggestionChip=class extends f.TailwindElement(a.css`
-	:host {
-		display: inline-block;
-		outline: none;
-		min-width:fit-content
-	}
-
-	:host([disabled]) {
-		pointer-events: none;
-	}
-
-	.ripple {
-		position: absolute;
-		border-radius: 50%;
-		transform: scale(0);
-		animation: ripple 600ms linear;
-		background-color: rgba(0, 0, 0, 0.08);
-		pointer-events: none;
-	}
-
-	@keyframes ripple {
-		to {
-			transform: scale(4);
-			opacity: 0;
-		}
-	}
-
-	/* State layer for M3 hover/focus/pressed states */
-	.state-layer {
-		position: absolute;
-		inset: 0;
-		border-radius: inherit;
-		pointer-events: none;
-		background-color: currentColor;
-		opacity: 0;
-		transition: opacity 200ms ease;
-	}
-
-	:host(:not([disabled])) button:hover .state-layer {
-		opacity: 0.08;
-	}
-
-	:host(:not([disabled])) button:focus-visible .state-layer {
-		opacity: 0.1;
-	}
-
-	:host(:not([disabled])) button:active .state-layer {
-		opacity: 0.1;
-	}
-`){constructor(){super(...arguments),this.value="",this.icon="",this.href="",this.target="",this.disabled=!1,this.elevated=!1,this.hover$=new h.BehaviorSubject(!1),this.pressed$=new h.BehaviorSubject(!1),this.focused$=new h.BehaviorSubject(!1),this.ripples=[],this.nextRippleId=0,this.handleClick=t=>{if(this.disabled)return;const e=this.shadowRoot?.querySelector("button");if(e){const s=e.getBoundingClientRect(),o=t.clientX-s.left,l=t.clientY-s.top,i=this.nextRippleId++;this.ripples=[...this.ripples,{x:o,y:l,id:i}],setTimeout(()=>{this.ripples=this.ripples.filter(r=>r.id!==i)},600)}this.href&&(this.target==="_blank"?window.open(this.href,"_blank"):window.location.href=this.href),this.dispatchEvent(new CustomEvent("action",{detail:{value:this.value},bubbles:!0,composed:!0}))},this.handleKeyDown=t=>{if(!this.disabled&&(t.key==="Enter"||t.key===" ")){t.preventDefault(),this.pressed$.next(!0);const e=new MouseEvent("click",{bubbles:!0,cancelable:!0,clientX:0,clientY:0});this.handleClick(e),setTimeout(()=>this.pressed$.next(!1),100)}},this.handleFocus=()=>{this.focused$.next(!0)},this.handleBlur=()=>{this.focused$.next(!1)}}connectedCallback(){super.connectedCallback(),h.combineLatest([this.hover$,this.pressed$,this.focused$]).pipe(y.takeUntil(this.disconnecting)).subscribe()}render(){const t=!!this.icon,e={relative:!0,"inline-flex":!0,"items-center":!0,"gap-2":!0,"h-8":!0,"min-h-[32px]":!0,"rounded-full":!0,"cursor-pointer":!this.disabled,"transition-all":!0,"duration-200":!0,"select-none":!0,"overflow-hidden":!0,border:!0,"pl-2":t,"pl-4":!t,"pr-4":!0,"bg-surface-containerLow":!0,"text-surface-onVariant":!0,"border-outline":!0,"focus-visible:outline":!this.disabled,"focus-visible:outline-2":!this.disabled,"focus-visible:outline-primary":!this.disabled,"focus-visible:outline-offset-2":!this.disabled,"opacity-38":this.disabled,"cursor-not-allowed":this.disabled};return a.html`
-			<button
-				type="button"
-				class=${g.classMap(e)}
-				?disabled=${this.disabled}
-				@click=${this.handleClick}
-				@keydown=${this.handleKeyDown}
-				@mouseenter=${()=>this.hover$.next(!0)}
-				@mouseleave=${()=>this.hover$.next(!1)}
-				@mousedown=${()=>this.pressed$.next(!0)}
-				@mouseup=${()=>this.pressed$.next(!1)}
-				@focus=${this.handleFocus}
-				@blur=${this.handleBlur}
-				tabindex=${this.disabled?"-1":"0"}
-				role="button"
-				aria-disabled=${this.disabled}
-				aria-label=${this.value}
-			>
-				${this.icon?a.html`
-					<schmancy-icon class="text-[18px] shrink-0">${this.icon}</schmancy-icon>
-				`:""}
-				<span class="text-sm font-medium leading-5">
-					<slot></slot>
-				</span>
-
-				<!-- Ripple effects -->
-				${this.ripples.map(s=>a.html`
-					<span
-						class="ripple"
-						style="left: ${s.x}px; top: ${s.y}px;"
-					></span>
-				`)}
-
-				<!-- State layer for M3 hover/focus/pressed states -->
-				<div class="state-layer"></div>
-			</button>
-		`}},exports.SchmancySuggestionChip.shadowRootOptions={...a.LitElement.shadowRootOptions,delegatesFocus:!0},b([n.property({reflect:!0})],exports.SchmancySuggestionChip.prototype,"value",2),b([n.property({reflect:!0})],exports.SchmancySuggestionChip.prototype,"icon",2),b([n.property({reflect:!0})],exports.SchmancySuggestionChip.prototype,"href",2),b([n.property({reflect:!0})],exports.SchmancySuggestionChip.prototype,"target",2),b([n.property({type:Boolean,reflect:!0})],exports.SchmancySuggestionChip.prototype,"disabled",2),b([n.property({type:Boolean,reflect:!0})],exports.SchmancySuggestionChip.prototype,"elevated",2),b([n.state()],exports.SchmancySuggestionChip.prototype,"ripples",2),exports.SchmancySuggestionChip=b([n.customElement("schmancy-suggestion-chip")],exports.SchmancySuggestionChip),exports.SchmancyFilterChip=c;
-//# sourceMappingURL=suggestion-chip-HhsLtZXR.cjs.map

package/dist/suggestion-chip-HhsLtZXR.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"suggestion-chip-HhsLtZXR.cjs","sources":["../src/chips/assist-chip.ts","../src/chips/chips.ts","../src/chips/filter-chip.ts","../src/chips/suggestion-chip.ts"],"sourcesContent":["import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { BehaviorSubject, combineLatest } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\n/**\n * Assist chip component - prompts user actions like opening calendar events or sharing content\n * Pure Schmancy implementation with Tailwind CSS and RxJS state management\n */\n@customElement('schmancy-assist-chip')\nexport class SchmancyAssistChip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\toutline: none;\n\t\tmin-width:fit-content\n\t}\n\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t}\n\n\t.ripple {\n\t\tposition: absolute;\n\t\tborder-radius: 50%;\n\t\ttransform: scale(0);\n\t\tanimation: ripple 600ms linear;\n\t\tbackground-color: rgba(0, 0, 0, 0.08);\n\t\tpointer-events: none;\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\t/* State layer for M3 hover/focus/pressed states */\n\t.state-layer {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder-radius: inherit;\n\t\tpointer-events: none;\n\t\tbackground-color: currentColor;\n\t\topacity: 0;\n\t\ttransition: opacity 200ms ease;\n\t}\n\n\t:host(:not([disabled])) button:hover .state-layer {\n\t\topacity: 0.08;\n\t}\n\n\t:host(:not([disabled])) button:focus-visible .state-layer {\n\t\topacity: 0.1;\n\t}\n\n\t:host(:not([disabled])) button:active .state-layer {\n\t\topacity: 0.1;\n\t}\n`) {\n\t/** Value identifier for the chip */\n\t@property({ reflect: true }) value = ''\n\n\t/** Optional icon name (Material Symbols) */\n\t@property({ reflect: true }) icon = ''\n\n\t/** Optional href for navigation */\n\t@property({ reflect: true }) href = ''\n\n\t/** Target for navigation (e.g., '_blank') */\n\t@property({ reflect: true }) target = ''\n\n\t/** Disable the chip */\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\n\t/** Elevated style variant - true by default per M3 spec for assist chips */\n\t@property({ type: Boolean, reflect: true }) elevated = true\n\n\t// RxJS state streams\n\tprivate hover$ = new BehaviorSubject<boolean>(false)\n\tprivate pressed$ = new BehaviorSubject<boolean>(false)\n\tprivate focused$ = new BehaviorSubject<boolean>(false)\n\n\t// UI state - only ripples needed for rendering\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\n\n\tprotected static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true }\n\n\tprivate nextRippleId = 0\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Stream management for future extensions\n\t\t// Currently, states are handled directly in event handlers\n\t\t// This pipeline can be extended for more complex state interactions\n\t\tcombineLatest([\n\t\t\tthis.hover$,\n\t\t\tthis.pressed$,\n\t\t\tthis.focused$\n\t\t]).pipe(\n\t\t\t// States are managed through event handlers directly\n\t\t\t// This pipeline is kept for potential future state combinations\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprivate handleClick = (e: MouseEvent) => {\n\t\tif (this.disabled) return\n\n\t\t// Add ripple effect\n\t\tconst button = this.shadowRoot?.querySelector('button')\n\t\tif (button) {\n\t\t\tconst rect = button.getBoundingClientRect()\n\t\t\tconst x = e.clientX - rect.left\n\t\t\tconst y = e.clientY - rect.top\n\t\t\tconst id = this.nextRippleId++\n\n\t\t\tthis.ripples = [...this.ripples, { x, y, id }]\n\n\t\t\t// Remove ripple after animation\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\n\t\t\t}, 600)\n\t\t}\n\n\t\t// Navigate if href is provided\n\t\tif (this.href) {\n\t\t\tif (this.target === '_blank') {\n\t\t\t\twindow.open(this.href, '_blank')\n\t\t\t} else {\n\t\t\t\twindow.location.href = this.href\n\t\t\t}\n\t\t}\n\n\t\t// Dispatch action event\n\t\tthis.dispatchEvent(new CustomEvent('action', {\n\t\t\tdetail: { value: this.value },\n\t\t\tbubbles: true,\n\t\t\tcomposed: true\n\t\t}))\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled) return\n\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\tthis.pressed$.next(true)\n\n\t\t\t// Simulate click\n\t\t\tconst clickEvent = new MouseEvent('click', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcancelable: true,\n\t\t\t\tclientX: 0,\n\t\t\t\tclientY: 0\n\t\t\t})\n\t\t\tthis.handleClick(clickEvent)\n\n\t\t\tsetTimeout(() => this.pressed$.next(false), 100)\n\t\t}\n\t}\n\n\tprivate handleFocus = () => {\n\t\tthis.focused$.next(true)\n\t}\n\n\tprivate handleBlur = () => {\n\t\tthis.focused$.next(false)\n\t}\n\n\trender() {\n\t\tconst hasIcon = !!this.icon;\n\n\t\tconst classes = {\n\t\t\t'relative': true,\n\t\t\t'inline-flex': true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t'h-8': true, // M3: 32px height\n\t\t\t'min-h-[32px]': true,\n\t\t\t'rounded-full': true,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'transition-all': true,\n\t\t\t'duration-200': true,\n\t\t\t'select-none': true,\n\t\t\t'overflow-hidden': true,\n\n\t\t\t// M3 Padding: 8px with icon, 16px without (leading), 16px trailing\n\t\t\t'pl-2': hasIcon, // 8px with icon\n\t\t\t'pl-4': !hasIcon, // 16px without icon\n\t\t\t'pr-4': true, // 16px trailing\n\n\t\t\t// M3 Colors - assist chips are elevated by default\n\t\t\t'bg-surface-containerLow': true,\n\t\t\t'text-surface-onVariant': true,\n\n\t\t\t// M3: Assist chips elevated by default (shadow-1)\n\t\t\t'shadow-sm': this.elevated && !this.disabled, // shadow-1 for elevation\n\t\t\t'hover:shadow-md': this.elevated && !this.disabled, // elevated on hover\n\n\t\t\t// Focus state\n\t\t\t'focus-visible:outline': !this.disabled,\n\t\t\t'focus-visible:outline-2': !this.disabled,\n\t\t\t'focus-visible:outline-primary': !this.disabled,\n\t\t\t'focus-visible:outline-offset-2': !this.disabled,\n\n\t\t\t// Disabled\n\t\t\t'opacity-38': this.disabled, // M3 disabled opacity\n\t\t\t'cursor-not-allowed': this.disabled\n\t\t}\n\n\t\treturn html`\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=${classMap(classes)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t@click=${this.handleClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@mouseenter=${() => this.hover$.next(true)}\n\t\t\t\t@mouseleave=${() => this.hover$.next(false)}\n\t\t\t\t@mousedown=${() => this.pressed$.next(true)}\n\t\t\t\t@mouseup=${() => this.pressed$.next(false)}\n\t\t\t\t@focus=${this.handleFocus}\n\t\t\t\t@blur=${this.handleBlur}\n\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\trole=\"button\"\n\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\taria-label=${this.value}\n\t\t\t>\n\t\t\t\t${this.icon ? html`\n\t\t\t\t\t<schmancy-icon class=\"text-[18px] shrink-0\">${this.icon}</schmancy-icon>\n\t\t\t\t` : ''}\n\t\t\t\t<span class=\"text-sm font-medium leading-5\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</span>\n\n\t\t\t\t<!-- Ripple effects -->\n\t\t\t\t${this.ripples.map(ripple => html`\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"ripple\"\n\t\t\t\t\t\tstyle=\"left: ${ripple.x}px; top: ${ripple.y}px;\"\n\t\t\t\t\t></span>\n\t\t\t\t`)}\n\n\t\t\t\t<!-- State layer for M3 hover/focus/pressed states -->\n\t\t\t\t<div class=\"state-layer\"></div>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-assist-chip': SchmancyAssistChip\n\t}\n}\n\nexport type AssistChipActionEvent = { value: string }","import { $LitElement } from '@mixins/index'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { BehaviorSubject, combineLatest } from 'rxjs'\nimport { debounceTime, distinctUntilChanged, takeUntil } from 'rxjs/operators'\nimport type { FilterChipChangeEvent as SchmancyChipChangeEvent } from './filter-chip'\nimport { SchmancyFilterChip as SchmancyChip } from './filter-chip'\n\n@customElement('schmancy-chips')\nexport default class SchmancyChips extends $LitElement(\n\ncss`\n:host{\n\tdisplay:block;\n\theight:fit-content;\n\twidth:fit-content;\n}\n\t\n`\n) {\n\t// RxJS state streams - initialized with undefined to detect if properties were set\n\tprivate value$ = new BehaviorSubject<string>('')\n\tprivate values$ = new BehaviorSubject<string[]>([])\n\n\t// Track if properties were initialized from attributes/properties\n\tprivate _value: string = ''\n\tprivate _values: string[] = []\n\tprivate _multi: boolean = false\n\n\t// Track if properties have been explicitly set\n\tprivate _valueSet: boolean = false\n\tprivate _valuesSet: boolean = false\n\n\t/**\n\t * @deprecated Use .values for multi-selection or .value for single-selection instead.\n\t * The mode is now automatically determined based on which property is used.\n\t */\n\t@property({\n\t\ttype: Boolean,\n\t\treflect: true,\n\t})\n\tget multi(): boolean {\n\t\treturn this._multi\n\t}\n\tset multi(value: boolean) {\n\t\tthis._multi = value\n\t\t// Note: We don't update any BehaviorSubject here as mode is now computed\n\t}\n\n\t/**\n\t * Automatically determines the selection mode based on which properties are in use\n\t */\n\tprivate get mode(): 'multi' | 'single' | 'none' {\n\t\t// Check if values array is being used (explicitly set)\n\t\tif (this._valuesSet) {\n\t\t\treturn 'multi'\n\t\t}\n\t\t// Check if value string is being used (explicitly set)\n\t\tif (this._valueSet) {\n\t\t\treturn 'single'\n\t\t}\n\t\t// Check if either property has been set via attributes\n\t\tif (this.hasAttribute('values')) {\n\t\t\treturn 'multi'\n\t\t}\n\t\tif (this.hasAttribute('value')) {\n\t\t\treturn 'single'\n\t\t}\n\t\t// Fallback to deprecated multi prop for backward compatibility\n\t\tif (this._multi === true) {\n\t\t\treturn 'multi'\n\t\t}\n\t\t// Default to none (no selection management)\n\t\treturn 'none'\n\t}\n\n\t@property({\n\t\ttype: Array,\n\t\treflect: true,\n\t})\n\tget values(): string[] {\n\t\treturn this._values\n\t}\n\tset values(value: string[]) {\n\t\tthis._values = value || []\n\t\tthis._valuesSet = true // Mark that values has been explicitly set\n\t\tthis.values$.next(this._values)\n\t}\n\n\t@property({\n\t\ttype: String,\n\t\treflect: true,\n\t})\n\tget value(): string {\n\t\treturn this._value\n\t}\n\tset value(value: string) {\n\t\tthis._value = value || ''\n\t\tthis._valueSet = true // Mark that value has been explicitly set\n\t\tthis.value$.next(this._value)\n\t}\n\n\t@queryAssignedElements({\n\t\tselector:\n\t\t\t'schmancy-chip, schmancy-filter-chip, schmancy-assist-chip, schmancy-input-chip, schmancy-suggestion-chip',\n\t\tflatten: true,\n\t})\n\tchips!: (SchmancyChip | HTMLElement)[]\n\n\t@property({\n\t\ttype: Boolean,\n\t\treflect: true,\n\t})\n\twrap: boolean = false\n\n\t@property({\n\t\ttype: Boolean,\n\t\treflect: true,\n\t})\n\trequired: boolean = false\n\n\t@property({\n\t\ttype: String,\n\t\treflect: true,\n\t})\n\tjustify: 'start' | 'center' | 'end' = 'start'\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Initialize BehaviorSubjects with current property values\n\t\t// This ensures properties set before connectedCallback are respected\n\t\tthis.value$.next(this._value)\n\t\tthis.values$.next(this._values)\n\n\t\t// Set up reactive pipeline for state synchronization\n\t\tcombineLatest([\n\t\t\tthis.value$.pipe(distinctUntilChanged()),\n\t\t\tthis.values$.pipe(\n\t\t\t\tdistinctUntilChanged((prev, curr) => prev.length === curr.length && prev.every((v, i) => v === curr[i])),\n\t\t\t),\n\t\t])\n\t\t\t.pipe(\n\t\t\t\tdebounceTime(0), // Ensure DOM is ready\n\t\t\t\ttakeUntil(this.disconnecting),\n\t\t\t)\n\t\t\t.subscribe(([value, values]) => {\n\t\t\t\t// Reactively update chip states based on container state and auto-detected mode\n\t\t\t\tthis.updateChipStates(this.mode, value, values)\n\t\t\t})\n\t}\n\n\tprivate updateChipStates(mode: 'multi' | 'single' | 'none', value: string, values: string[]) {\n\t\tif (!this.chips) return\n\n\t\t// If mode is 'none', don't manage selection state\n\t\tif (mode === 'none') return\n\n\t\tthis.chips.forEach(chip => {\n\t\t\tif ('value' in chip && 'selected' in chip) {\n\t\t\t\tconst filterChip = chip as SchmancyChip\n\t\t\t\tif (mode === 'multi') {\n\t\t\t\t\t// In multi mode: only select if values array explicitly includes this chip's value\n\t\t\t\t\tfilterChip.selected = values.length > 0 && values.includes(filterChip.value)\n\t\t\t\t} else if (mode === 'single') {\n\t\t\t\t\t// In single mode: only select if value is non-empty AND matches this chip's value\n\t\t\t\t\t// This prevents chips from being selected when value is empty string\n\t\t\t\t\tfilterChip.selected = value !== '' && value === filterChip.value\n\t\t\t\t}\n\t\t\t}\n\t\t})\n\t}\n\n\tasync change(e: CustomEvent<SchmancyChipChangeEvent>) {\n\t\te.preventDefault()\n\t\te.stopPropagation()\n\n\t\t// If mode is 'none', don't handle selection changes\n\t\tif (this.mode === 'none') return\n\n\t\tconst { value, selected } = e.detail\n\n\t\t// Update the reactive streams and internal tracking, which will trigger state synchronization\n\t\tif (this.mode === 'multi') {\n\t\t\tif (selected) {\n\t\t\t\t// Add value if not already present\n\t\t\t\tif (!this._values.includes(value)) {\n\t\t\t\t\tthis._values = [...this._values, value]\n\t\t\t\t\tthis.values$.next(this._values)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\t// Remove value\n\t\t\t\tthis._values = this._values.filter(v => v !== value)\n\t\t\t\tthis.values$.next(this._values)\n\t\t\t}\n\t\t} else if (this.mode === 'single') {\n\t\t\tif (selected) {\n\t\t\t\tthis._value = value\n\t\t\t} else if (!this.required) {\n\t\t\t\t// Allow deselection if not required\n\t\t\t\tthis._value = ''\n\t\t\t} else {\n\t\t\t\t// Required mode - ignore deselection\n\t\t\t\treturn\n\t\t\t}\n\t\t\tthis.value$.next(this._value)\n\t\t}\n\n\t\t// Request update to trigger re-render and property reflection\n\t\tthis.requestUpdate()\n\n\t\t// Dispatch change event with appropriate detail based on mode\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent<SchmancyChipsChangeEvent>('change', {\n\t\t\t\tdetail: this.mode === 'multi' ? this._values : this._value,\n\t\t\t\tbubbles: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprotected firstUpdated(_changedProperties: PropertyValues): void {\n\t\tsuper.firstUpdated(_changedProperties)\n\t\t// Initial state synchronization will happen through the reactive pipeline\n\t\t// Force an initial update to ensure chips are synchronized\n\t\tthis.updateChipStates(this.mode, this._value, this._values)\n\t}\n\n\tprotected render(): unknown {\n\t\tconst classes= {\n\t\t\t\"flex flex-nowrap justify-center gap-2 max-w-lvw\":true,\n\t\t\t\"flex-wrap\": this.wrap,\n\t\t\t\"justify-center\": this.justify === 'center',\n\n\t\t}\n\t\treturn html`\n\t\t\t\t\t<schmancy-scroll hide .direction=${this.wrap ?'vertical': 'horizontal'} class=\"${this.classMap(classes)}\" @change=${this.change}>\n\t\t\t\t\t<slot\n\t\t\t\t\t@slotchange=${() => {\n\t\t\t\t\t\t// When slot changes, trigger state update through reactive pipeline\n\t\t\t\t\t\tthis.updateChipStates(this.mode, this._value, this._values)\n\t\t\t\t\t}}\n\t\t\t\t></slot>\n\t\t\t</schmancy-scroll>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-chips': SchmancyChips\n\t}\n}\nexport type SchmancyChipsChangeEvent = string | Array<string>\n","import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html, LitElement } from 'lit'\nimport { property, queryAssignedElements } from 'lit/decorators.js'\nimport { when } from 'lit/directives/when.js'\nimport { BehaviorSubject, combineLatest } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\n/**\n * Filter chip component for content filtering.\n *\n * Filter chips are the ONLY chip type that maintains persistent selected state.\n * They are used for filtering content by toggling on/off different filter criteria.\n *\n * @fires change - Dispatched when selection state changes with {value, selected}\n * @fires remove - Dispatched when remove button is clicked (if removable)\n *\n * @example\n * ```html\n * <schmancy-filter-chip value=\"category-1\" selected>\n *   Category 1\n * </schmancy-filter-chip>\n * ```\n */\nexport class SchmancyFilterChip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\toutline: none;\n\t\tmin-width:fit-content\n\t}\n\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t\t/* M3 disabled state opacity */\n\t\topacity: var(--schmancy-sys-state-disabled-opacity);\n\t}\n\n\tbutton {\n\t\tfont-family: inherit;\n\t}\n\n\t/* Material Symbols font for icons */\n\t.material-symbols-outlined {\n\t\tfont-family: 'Material Symbols Outlined';\n\t\tfont-weight: normal;\n\t\tfont-style: normal;\n\t\tfont-size: 18px;\n\t\tline-height: 1;\n\t\tletter-spacing: normal;\n\t\ttext-transform: none;\n\t\tdisplay: inline-block;\n\t\twhite-space: nowrap;\n\t\tword-wrap: normal;\n\t\tdirection: ltr;\n\t\t-webkit-font-smoothing: antialiased;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\tfont-feature-settings: 'liga';\n\t\tvertical-align: middle;\n\t}\n`) {\n\t/** Unique identifier for this filter chip */\n\t@property({ type: String, reflect: true })\n\tvalue: string = ''\n\n\t/** Whether the filter chip is selected (active filter) */\n\tprivate _selected: boolean = false\n\n\t@property({ type: Boolean, reflect: true })\n\tget selected(): boolean {\n\t\treturn this._selected\n\t}\n\tset selected(value: boolean) {\n\t\tconst oldValue = this._selected\n\t\tthis._selected = value\n\t\tthis.requestUpdate('selected', oldValue)\n\t}\n\n\t/** Optional icon to display (Material Symbols name) */\n\t@property({ type: String, reflect: true })\n\ticon: string = ''\n\n\t/** Whether to show a remove button */\n\t@property({ type: Boolean, reflect: true })\n\tremovable: boolean = false\n\n\t/** Whether the chip is disabled */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/** Whether to use elevated style with shadow */\n\t@property({ type: Boolean, reflect: true })\n\televated: boolean = false\n\n\t// Reactive state management with RxJS\n\tprivate hover$ = new BehaviorSubject<boolean>(false)\n\tprivate pressed$ = new BehaviorSubject<boolean>(false)\n\tprivate focused$ = new BehaviorSubject<boolean>(false)\n\n\t// Query assigned elements in the icon slot\n\t@queryAssignedElements({ slot: 'icon' }) iconSlotElements!: Element[]\n\n\tconstructor() {\n\t\tsuper()\n\t\ttry {\n\t\t\tthis.internals = this.attachInternals()\n\t\t} catch {\n\t\t\tthis.internals = undefined\n\t\t}\n\t}\n\n\tprotected static shadowRootOptions = {\n\t\t...LitElement.shadowRootOptions,\n\t\tdelegatesFocus: true,\n\t}\n\n\tstatic formAssociated = true\n\tinternals: ElementInternals | undefined\n\tget form() {\n\t\treturn this.internals?.form\n\t}\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// RxJS streams are maintained for potential future use\n\t\t// Currently state is handled directly through event handlers\n\t\tcombineLatest([\n\t\t\tthis.hover$,\n\t\t\tthis.pressed$,\n\t\t\tthis.focused$,\n\t\t]).pipe(\n\t\t\t// States are managed through event handlers directly\n\t\t\t// This pipeline is kept for potential future state combinations\n\t\t\ttakeUntil(this.disconnecting),\n\t\t).subscribe()\n\t}\n\n\tprivate handleClick = () => {\n\t\tif (this.disabled) return\n\n\t\t// Don't modify this.selected - let the parent container control it\n\t\t// Dispatch change event with the INTENDED state\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('change', {\n\t\t\t\tdetail: { value: this.value, selected: !this._selected },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleRemove = (e: Event) => {\n\t\tif (this.disabled) return\n\n\t\te.stopPropagation()\n\n\t\t// Dispatch remove event\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('remove', {\n\t\t\t\tdetail: { value: this.value },\n\t\t\t\tbubbles: true,\n\t\t\t\tcomposed: true,\n\t\t\t}),\n\t\t)\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled) return\n\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\t// Dispatch event directly rather than calling handleClick to be explicit\n\t\t\tthis.dispatchEvent(\n\t\t\t\tnew CustomEvent('change', {\n\t\t\t\t\tdetail: { value: this.value, selected: !this._selected },\n\t\t\t\t\tbubbles: true,\n\t\t\t\t\tcomposed: true,\n\t\t\t\t}),\n\t\t\t)\n\t\t}\n\t}\n\n\tprivate handleMouseEnter = () => {\n\t\tthis.hover$.next(true)\n\t}\n\n\tprivate handleMouseLeave = () => {\n\t\tthis.hover$.next(false)\n\t\tthis.pressed$.next(false)\n\t}\n\n\tprivate handleMouseDown = () => {\n\t\tthis.pressed$.next(true)\n\t}\n\n\tprivate handleMouseUp = () => {\n\t\tthis.pressed$.next(false)\n\t}\n\n\tprivate handleFocus = () => {\n\t\tthis.focused$.next(true)\n\t}\n\n\tprivate handleBlur = () => {\n\t\tthis.focused$.next(false)\n\t}\n\n\tprotected render(): unknown {\n\t\tconst chipClasses = {\n\t\t\t'inline-flex': true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t/* M3 shape: small for chips */\n\t\t\t'rounded-lg': true,\n\t\t\t'h-8 px-4': true,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'transition-all': true,\n\t\t\t/* M3 motion: short duration */\n\t\t\t'duration-200': true,\n\t\t\t'select-none': true,\n\t\t\t'text-sm': true,\n\t\t\t'font-medium': true,\n\t\t\t'border': true,\n\t\t\t'relative': true,\n\t\t\t'min-h-[32px]': true,\n\n\t\t\t// Background and text colors based on selection state\n\t\t\t'bg-secondary-container': this._selected,\n\t\t\t'text-secondary-onContainer': this._selected,\n\t\t\t'border-secondary-container': this._selected,\n\t\t\t'bg-surface-container': !this._selected,\n\t\t\t'text-surface-on': !this._selected,\n\t\t\t'border-outline': !this._selected,\n\n\t\t\t// Hover states\n\t\t\t'hover:brightness-95': this._selected && !this.disabled,\n\t\t\t'hover:bg-surface-container-high': !this._selected && !this.disabled,\n\n\t\t\t// M3 pressed state (no scale transformation in M3)\n\t\t\t'active:brightness-90': !this.disabled,\n\n\t\t\t// Focus-visible state for better UX\n\t\t\t'focus-visible:outline': !this.disabled,\n\t\t\t'focus-visible:outline-2': !this.disabled,\n\t\t\t'focus-visible:outline-offset-2': !this.disabled,\n\t\t\t'focus-visible:outline-primary-default': !this.disabled,\n\n\t\t\t// Elevated style\n\t\t\t'shadow-md': this.elevated && !this.disabled,\n\t\t\t'hover:shadow-lg': this.elevated && !this.disabled,\n\n\t\t\t// M3 disabled state\n\t\t\t'opacity-[var(--schmancy-sys-state-disabled-opacity)]': this.disabled,\n\t\t\t'cursor-not-allowed': this.disabled\n\t\t}\n\n\t\treturn html`\n\t\t\t<button\n\t\t\t\tclass=${this.classMap(chipClasses)}\n\t\t\t\t@click=${this.handleClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@mouseenter=${this.handleMouseEnter}\n\t\t\t\t@mouseleave=${this.handleMouseLeave}\n\t\t\t\t@mousedown=${this.handleMouseDown}\n\t\t\t\t@mouseup=${this.handleMouseUp}\n\t\t\t\t@focus=${this.handleFocus}\n\t\t\t\t@blur=${this.handleBlur}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\taria-pressed=${this._selected ? 'true' : 'false'}\n\t\t\t\trole=\"checkbox\"\n\t\t\t\ttabindex=\"0\"\n\t\t\t>\n\t\t\t\t<!-- Icon container - conditionally shown using when directive -->\n\t\t\t\t${when(\n\t\t\t\t\tthis._selected || this.icon || this.iconSlotElements?.length > 0,\n\t\t\t\t\t() => html`\n\t\t\t\t\t\t<span class=\"inline-flex w-[18px] h-[18px] items-center justify-center shrink-0\">\n\t\t\t\t\t\t\t${this._selected ? html`\n\t\t\t\t\t\t\t\t<span class=\"material-symbols-outlined text-[18px]\">\n\t\t\t\t\t\t\t\t\tcheck\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t` : this.icon ? html`\n\t\t\t\t\t\t\t\t<span class=\"material-symbols-outlined text-[18px]\">\n\t\t\t\t\t\t\t\t\t${this.icon}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t` : html`\n\t\t\t\t\t\t\t\t<slot name=\"icon\"></slot>\n\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t</span>\n\t\t\t\t\t`\n\t\t\t\t)}\n\n\t\t\t\t<!-- Chip content -->\n\t\t\t\t<slot></slot>\n\n\t\t\t\t<!-- Remove button (if removable) -->\n\t\t\t\t${this.removable ? html`\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"ml-1 -mr-1 p-0.5 rounded-full hover:bg-surface-container-highest transition-colors duration-200\"\n\t\t\t\t\t\t@click=${this.handleRemove}\n\t\t\t\t\t\taria-label=\"Remove filter\"\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<span class=\"material-symbols-outlined text-sm sm:text-[16px]\">\n\t\t\t\t\t\t\tclose\n\t\t\t\t\t\t</span>\n\t\t\t\t\t</button>\n\t\t\t\t` : ''}\n\t\t\t</button>\n\t\t`\n\t}\n}\n\n// Register the element with both names for backward compatibility\n// Check if not already registered to prevent duplicate registration errors\nif (!customElements.get('schmancy-filter-chip')) {\n\tcustomElements.define('schmancy-filter-chip', SchmancyFilterChip)\n}\n\n// For backward compatibility, register 'schmancy-chip' with a subclass\n// to avoid duplicate constructor registration error\nif (!customElements.get('schmancy-chip')) {\n\tclass SchmancyChipCompat extends SchmancyFilterChip {}\n\tcustomElements.define('schmancy-chip', SchmancyChipCompat)\n}\n\n// Export alias for backward compatibility\nexport { SchmancyFilterChip as SchmancyChip }\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-chip': SchmancyFilterChip\n\t\t'schmancy-filter-chip': SchmancyFilterChip\n\t}\n}\n\nexport type FilterChipChangeEvent = { value: string; selected: boolean }\nexport type FilterChipRemoveEvent = { value: string }\n// Alias for backward compatibility\nexport type SchmancyChipChangeEvent = FilterChipChangeEvent\n","import { TailwindElement } from '@mixins/tailwind.mixin'\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, state } from 'lit/decorators.js'\nimport { classMap } from 'lit/directives/class-map.js'\nimport { BehaviorSubject, combineLatest } from 'rxjs'\nimport { takeUntil } from 'rxjs/operators'\n\n/**\n * Suggestion chip component - provides contextual recommendations to users\n *\n * IMPORTANT: Suggestion chips do NOT have a selected state. They are designed to\n * provide suggestions and recommendations that trigger actions when clicked.\n * Unlike filter chips, they cannot be toggled on/off.\n *\n * Pure Schmancy implementation with Tailwind CSS and RxJS state management\n */\n@customElement('schmancy-suggestion-chip')\nexport class SchmancySuggestionChip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\toutline: none;\n\t\tmin-width:fit-content\n\t}\n\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t}\n\n\t.ripple {\n\t\tposition: absolute;\n\t\tborder-radius: 50%;\n\t\ttransform: scale(0);\n\t\tanimation: ripple 600ms linear;\n\t\tbackground-color: rgba(0, 0, 0, 0.08);\n\t\tpointer-events: none;\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\t/* State layer for M3 hover/focus/pressed states */\n\t.state-layer {\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder-radius: inherit;\n\t\tpointer-events: none;\n\t\tbackground-color: currentColor;\n\t\topacity: 0;\n\t\ttransition: opacity 200ms ease;\n\t}\n\n\t:host(:not([disabled])) button:hover .state-layer {\n\t\topacity: 0.08;\n\t}\n\n\t:host(:not([disabled])) button:focus-visible .state-layer {\n\t\topacity: 0.1;\n\t}\n\n\t:host(:not([disabled])) button:active .state-layer {\n\t\topacity: 0.1;\n\t}\n`) {\n\t/** Value identifier for the chip */\n\t@property({ reflect: true }) value = ''\n\n\t/** Optional icon name (Material Symbols) */\n\t@property({ reflect: true }) icon = ''\n\n\t/** Optional href for navigation */\n\t@property({ reflect: true }) href = ''\n\n\t/** Target for navigation (e.g., '_blank') */\n\t@property({ reflect: true }) target = ''\n\n\t/** Disable the chip */\n\t@property({ type: Boolean, reflect: true }) disabled = false\n\n\t/** Elevated style variant - flat by default per M3 spec */\n\t@property({ type: Boolean, reflect: true }) elevated = false\n\n\t// RxJS state streams\n\tprivate hover$ = new BehaviorSubject<boolean>(false)\n\tprivate pressed$ = new BehaviorSubject<boolean>(false)\n\tprivate focused$ = new BehaviorSubject<boolean>(false)\n\n\t// UI state - only ripples needed for rendering\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\n\n\tprotected static shadowRootOptions = { ...LitElement.shadowRootOptions, delegatesFocus: true }\n\n\tprivate nextRippleId = 0\n\n\tconnectedCallback() {\n\t\tsuper.connectedCallback()\n\n\t\t// Stream management for future extensions\n\t\t// Currently, states are handled directly in event handlers\n\t\t// This pipeline can be extended for more complex state interactions\n\t\tcombineLatest([\n\t\t\tthis.hover$,\n\t\t\tthis.pressed$,\n\t\t\tthis.focused$\n\t\t]).pipe(\n\t\t\t// States are managed through event handlers directly\n\t\t\t// This pipeline is kept for potential future state combinations\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprivate handleClick = (e: MouseEvent) => {\n\t\tif (this.disabled) return\n\n\t\t// Add ripple effect\n\t\tconst button = this.shadowRoot?.querySelector('button')\n\t\tif (button) {\n\t\t\tconst rect = button.getBoundingClientRect()\n\t\t\tconst x = e.clientX - rect.left\n\t\t\tconst y = e.clientY - rect.top\n\t\t\tconst id = this.nextRippleId++\n\n\t\t\tthis.ripples = [...this.ripples, { x, y, id }]\n\n\t\t\t// Remove ripple after animation\n\t\t\tsetTimeout(() => {\n\t\t\t\tthis.ripples = this.ripples.filter(r => r.id !== id)\n\t\t\t}, 600)\n\t\t}\n\n\t\t// Navigate if href is provided\n\t\tif (this.href) {\n\t\t\tif (this.target === '_blank') {\n\t\t\t\twindow.open(this.href, '_blank')\n\t\t\t} else {\n\t\t\t\twindow.location.href = this.href\n\t\t\t}\n\t\t}\n\n\t\t// Dispatch action event\n\t\tthis.dispatchEvent(new CustomEvent('action', {\n\t\t\tdetail: { value: this.value },\n\t\t\tbubbles: true,\n\t\t\tcomposed: true\n\t\t}))\n\t}\n\n\tprivate handleKeyDown = (e: KeyboardEvent) => {\n\t\tif (this.disabled) return\n\n\t\tif (e.key === 'Enter' || e.key === ' ') {\n\t\t\te.preventDefault()\n\t\t\tthis.pressed$.next(true)\n\n\t\t\t// Simulate click\n\t\t\tconst clickEvent = new MouseEvent('click', {\n\t\t\t\tbubbles: true,\n\t\t\t\tcancelable: true,\n\t\t\t\tclientX: 0,\n\t\t\t\tclientY: 0\n\t\t\t})\n\t\t\tthis.handleClick(clickEvent)\n\n\t\t\tsetTimeout(() => this.pressed$.next(false), 100)\n\t\t}\n\t}\n\n\tprivate handleFocus = () => {\n\t\tthis.focused$.next(true)\n\t}\n\n\tprivate handleBlur = () => {\n\t\tthis.focused$.next(false)\n\t}\n\n\tprotected render(): unknown {\n\t\tconst hasIcon = !!this.icon;\n\n\t\tconst classes = {\n\t\t\t'relative': true,\n\t\t\t'inline-flex': true,\n\t\t\t'items-center': true,\n\t\t\t'gap-2': true,\n\t\t\t'h-8': true, // M3: 32px height\n\t\t\t'min-h-[32px]': true,\n\t\t\t'rounded-full': true,\n\t\t\t'cursor-pointer': !this.disabled,\n\t\t\t'transition-all': true,\n\t\t\t'duration-200': true,\n\t\t\t'select-none': true,\n\t\t\t'overflow-hidden': true,\n\t\t\t'border': true,\n\n\t\t\t// M3 Padding: 8px with icon, 16px without (leading), 16px trailing\n\t\t\t'pl-2': hasIcon, // 8px with icon\n\t\t\t'pl-4': !hasIcon, // 16px without icon\n\t\t\t'pr-4': true, // 16px trailing\n\n\t\t\t// M3 Colors for suggestion chips\n\t\t\t'bg-surface-containerLow': true,\n\t\t\t'text-surface-onVariant': true,\n\t\t\t'border-outline': true,\n\n\t\t\t// Suggestion chips are flat by default (no elevation per M3)\n\n\t\t\t// Focus state\n\t\t\t'focus-visible:outline': !this.disabled,\n\t\t\t'focus-visible:outline-2': !this.disabled,\n\t\t\t'focus-visible:outline-primary': !this.disabled,\n\t\t\t'focus-visible:outline-offset-2': !this.disabled,\n\n\t\t\t// Disabled\n\t\t\t'opacity-38': this.disabled, // M3 disabled opacity\n\t\t\t'cursor-not-allowed': this.disabled\n\t\t}\n\n\t\treturn html`\n\t\t\t<button\n\t\t\t\ttype=\"button\"\n\t\t\t\tclass=${classMap(classes)}\n\t\t\t\t?disabled=${this.disabled}\n\t\t\t\t@click=${this.handleClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@mouseenter=${() => this.hover$.next(true)}\n\t\t\t\t@mouseleave=${() => this.hover$.next(false)}\n\t\t\t\t@mousedown=${() => this.pressed$.next(true)}\n\t\t\t\t@mouseup=${() => this.pressed$.next(false)}\n\t\t\t\t@focus=${this.handleFocus}\n\t\t\t\t@blur=${this.handleBlur}\n\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\n\t\t\t\trole=\"button\"\n\t\t\t\taria-disabled=${this.disabled}\n\t\t\t\taria-label=${this.value}\n\t\t\t>\n\t\t\t\t${this.icon ? html`\n\t\t\t\t\t<schmancy-icon class=\"text-[18px] shrink-0\">${this.icon}</schmancy-icon>\n\t\t\t\t` : ''}\n\t\t\t\t<span class=\"text-sm font-medium leading-5\">\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</span>\n\n\t\t\t\t<!-- Ripple effects -->\n\t\t\t\t${this.ripples.map(ripple => html`\n\t\t\t\t\t<span\n\t\t\t\t\t\tclass=\"ripple\"\n\t\t\t\t\t\tstyle=\"left: ${ripple.x}px; top: ${ripple.y}px;\"\n\t\t\t\t\t></span>\n\t\t\t\t`)}\n\n\t\t\t\t<!-- State layer for M3 hover/focus/pressed states -->\n\t\t\t\t<div class=\"state-layer\"></div>\n\t\t\t</button>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-suggestion-chip': SchmancySuggestionChip\n\t}\n}\n\nexport type SuggestionChipActionEvent = { value: string }"],"names":["SchmancyAssistChip","TailwindElement","css","constructor","super","arguments","this","value","icon","href","target","disabled","elevated","hover$","BehaviorSubject","pressed$","focused$","ripples","nextRippleId","handleClick","e","button","shadowRoot","querySelector","rect","getBoundingClientRect","x","clientX","left","y","clientY","top","id","setTimeout","filter","r","window","open","location","dispatchEvent","CustomEvent","detail","bubbles","composed","handleKeyDown","key","preventDefault","next","clickEvent","MouseEvent","cancelable","handleFocus","handleBlur","connectedCallback","combineLatest","pipe","takeUntil","disconnecting","subscribe","render","hasIcon","classes","relative","html","classMap","map","ripple","shadowRootOptions","LitElement","delegatesFocus","__decorateClass","property","reflect","prototype","type","Boolean","state","customElement","SchmancyChips","$LitElement","value$","values$","_value","_values","_multi","_valueSet","_valuesSet","wrap","required","justify","multi","mode","hasAttribute","distinctUntilChanged","prev","curr","length","every","v","i","debounceTime","values","updateChipStates","chips","forEach","chip","filterChip","selected","includes","stopPropagation","requestUpdate","_changedProperties","firstUpdated","change","Array","String","queryAssignedElements","selector","flatten","SchmancyFilterChip","_selected","removable","handleRemove","handleMouseEnter","handleMouseLeave","handleMouseDown","handleMouseUp","internals","attachInternals","oldValue","form","chipClasses","border","when","iconSlotElements","formAssociated","_v","slot","customElements","get","define","SchmancyChipCompat","SchmancySuggestionChip"],"mappings":"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"}

package/dist/surface-CW3H23Va.cjs

@@ -1,199 +0,0 @@
-"use strict";const h=require("./provide-BxZ2kn_p.cjs"),u=require("./tailwind.mixin-Cp4PyXok.cjs"),y=require("lit"),r=require("lit/decorators.js");var m=Object.defineProperty,v=Object.getOwnPropertyDescriptor,s=(l,c,e,a)=>{for(var n,o=a>1?void 0:a?v(c,e):c,t=l.length-1;t>=0;t--)(n=l[t])&&(o=(a?n(c,e,o):n(o))||o);return a&&o&&m(c,e,o),o};const i=h.n("surface");exports.SchmancySurface=class extends u.TailwindElement(y.css`
-	:host {
-		display: block;
-		box-sizing: border-box;
-  overflow: visible;
-	}
-	
-	/* Fill styles */
-	:host([fill='all']) {
-		height: 100%;
-		width: 100%;
-	}
-	:host([fill='width']) {
-		width: 100%;
-	}
-	:host([fill='height']) {
-		height: 100%;
-	}
-	
-	/* Rounded corner styles using M3 shape tokens */
-	:host([rounded='none']) {
-		border-radius: 0;
-	}
-	:host([rounded='top']) {
-		border-radius: var(--schmancy-sys-shape-corner-small) var(--schmancy-sys-shape-corner-small) 0 0;
-	}
-	:host([rounded='left']) {
-		border-radius: var(--schmancy-sys-shape-corner-small) 0 0 var(--schmancy-sys-shape-corner-small);
-	}
-	:host([rounded='right']) {
-		border-radius: 0 var(--schmancy-sys-shape-corner-small) var(--schmancy-sys-shape-corner-small) 0;
-	}
-	:host([rounded='bottom']) {
-		border-radius: 0 0 var(--schmancy-sys-shape-corner-small) var(--schmancy-sys-shape-corner-small);
-	}
-	:host([rounded='all']) {
-		border-radius: var(--schmancy-sys-shape-corner-small);
-	}
-	
-	/* Elevation styles with M3 surface tint support */
-	:host([elevation='1']) {
-		box-shadow: var(--schmancy-sys-elevation-1);
-		/* Apply surface tint for elevated surfaces */
-		position: relative;
-	}
-	:host([elevation='2']) {
-		box-shadow: var(--schmancy-sys-elevation-2);
-		position: relative;
-	}
-	:host([elevation='3']) {
-		box-shadow: var(--schmancy-sys-elevation-3);
-		position: relative;
-	}
-	:host([elevation='4']) {
-		box-shadow: var(--schmancy-sys-elevation-4);
-		position: relative;
-	}
-	:host([elevation='5']) {
-		box-shadow: var(--schmancy-sys-elevation-5);
-		position: relative;
-	}
-
-	/* M3 Surface tint overlay for elevated surfaces */
-	:host([elevation]:not([elevation='0']))::after {
-		content: '';
-		position: absolute;
-		inset: 0;
-		border-radius: inherit;
-		pointer-events: none;
-		background: var(--schmancy-sys-color-surface-tint);
-		/* Tint opacity increases with elevation */
-		opacity: calc(var(--elevation, 0) * 0.02);
-	}
-	:host([elevation='1'])::after { --elevation: 1; }
-	:host([elevation='2'])::after { --elevation: 2; }
-	:host([elevation='3'])::after { --elevation: 3; }
-	:host([elevation='4'])::after { --elevation: 4; }
-	:host([elevation='5'])::after { --elevation: 5; }
-	
-	/* Surface type styles - background and text colors */
-	/* Note: surface-low/high/lowest/highest map to M3 containerLow/High/Lowest/Highest */
-	:host([type='surface']) {
-		background-color: var(--schmancy-sys-color-surface-default);
-		color: var(--schmancy-sys-color-surface-on);
-	}
-	:host([type='surfaceDim']) {
-		background-color: var(--schmancy-sys-color-surface-dim);
-		color: var(--schmancy-sys-color-surface-on);
-	}
-	:host([type='surfaceBright']) {
-		background-color: var(--schmancy-sys-color-surface-bright);
-		color: var(--schmancy-sys-color-surface-on);
-	}
-	:host([type='containerLowest']) {
-		/* M3 containerLowest */
-		background-color: var(--schmancy-sys-color-surface-lowest);
-		color: var(--schmancy-sys-color-surface-on);
-	}
-	:host([type='containerLow']) {
-		/* M3 containerLow */
-		background-color: var(--schmancy-sys-color-surface-low);
-		color: var(--schmancy-sys-color-surface-on);
-	}
-	:host([type='container']) {
-		/* M3 container */
-		background-color: var(--schmancy-sys-color-surface-container);
-		color: var(--schmancy-sys-color-surface-on);
-	}
-	:host([type='containerHigh']) {
-		/* M3 containerHigh */
-		background-color: var(--schmancy-sys-color-surface-high);
-		color: var(--schmancy-sys-color-surface-on);
-	}
-	:host([type='containerHighest']) {
-		/* M3 containerHighest */
-		background-color: var(--schmancy-sys-color-surface-highest);
-		color: var(--schmancy-sys-color-surface-on);
-	}
-	:host([type='glass']) {
-		/* Glassmorphism effect with theme-aware colors */
-		background-color: color-mix(in srgb, var(--schmancy-sys-color-surface-container) 70%, transparent);
-		backdrop-filter: blur(10px) saturate(180%);
-		-webkit-backdrop-filter: blur(10px) saturate(180%);
-		color: var(--schmancy-sys-color-surface-on);
-		border: 1px solid color-mix(in srgb, var(--schmancy-sys-color-surface-on) 10%, transparent);
-	}
-	:host([type='transparent']) {
-		/* Fully transparent background */
-		background-color: transparent;
-		color: var(--schmancy-sys-color-surface-on);
-	}
-	:host([type='glassOforim']) {
-		/* Oforim-specific glass variant with enhanced blur */
-		background-color: color-mix(in srgb, var(--schmancy-sys-color-surface-container) 60%, transparent);
-		backdrop-filter: blur(16px) saturate(200%) brightness(1.1);
-		-webkit-backdrop-filter: blur(16px) saturate(200%) brightness(1.1);
-		color: var(--schmancy-sys-color-surface-on);
-		border: 1px solid color-mix(in srgb, var(--schmancy-sys-color-primary-default) 20%, transparent);
-	}
-
-	/* State-based surface types for selection/active states */
-	:host([type='primary']) {
-		background-color: var(--schmancy-sys-color-primary-default);
-		color: var(--schmancy-sys-color-primary-on);
-	}
-	:host([type='primaryContainer']) {
-		background-color: var(--schmancy-sys-color-primary-container);
-		color: var(--schmancy-sys-color-primary-onContainer);
-	}
-	:host([type='secondary']) {
-		background-color: var(--schmancy-sys-color-secondary-default);
-		color: var(--schmancy-sys-color-secondary-on);
-	}
-	:host([type='secondaryContainer']) {
-		background-color: var(--schmancy-sys-color-secondary-container);
-		color: var(--schmancy-sys-color-secondary-onContainer);
-	}
-	:host([type='tertiary']) {
-		background-color: var(--schmancy-sys-color-tertiary-default);
-		color: var(--schmancy-sys-color-tertiary-on);
-	}
-	:host([type='tertiaryContainer']) {
-		background-color: var(--schmancy-sys-color-tertiary-container);
-		color: var(--schmancy-sys-color-tertiary-onContainer);
-	}
-	:host([type='error']) {
-		background-color: var(--schmancy-sys-color-error-container);
-		color: var(--schmancy-sys-color-error-onContainer);
-	}
-	:host([type='errorContainer']) {
-		background-color: var(--schmancy-sys-color-error-container);
-		color: var(--schmancy-sys-color-error-onContainer);
-	}
-	:host([type='success']) {
-		background-color: var(--schmancy-sys-color-success-default);
-		color: var(--schmancy-sys-color-success-on);
-	}
-	:host([type='successContainer']) {
-		background-color: var(--schmancy-sys-color-success-container);
-		color: var(--schmancy-sys-color-success-onContainer);
-	}
-	:host([type='warning']) {
-		background-color: var(--schmancy-sys-color-warning-default);
-		color: var(--schmancy-sys-color-warning-on);
-	}
-	:host([type='warningContainer']) {
-		background-color: var(--schmancy-sys-color-warning-container);
-		color: var(--schmancy-sys-color-warning-onContainer);
-	}
-	:host([type='info']) {
-		background-color: var(--schmancy-sys-color-info-default);
-		color: var(--schmancy-sys-color-info-on);
-	}
-	:host([type='infoContainer']) {
-		background-color: var(--schmancy-sys-color-info-container);
-		color: var(--schmancy-sys-color-info-onContainer);
-	}
-`){constructor(){super(...arguments),this.fill="auto",this.rounded="none",this.type="container",this.elevation=0}render(){return y.html`<slot></slot>`}},s([r.property({type:String,reflect:!0})],exports.SchmancySurface.prototype,"fill",2),s([r.property({reflect:!0})],exports.SchmancySurface.prototype,"rounded",2),s([h.e({context:i}),r.property({reflect:!0})],exports.SchmancySurface.prototype,"type",2),s([r.property({type:Number,reflect:!0})],exports.SchmancySurface.prototype,"elevation",2),exports.SchmancySurface=s([r.customElement("schmancy-surface")],exports.SchmancySurface),exports.SchmancySurfaceTypeContext=i;
-//# sourceMappingURL=surface-CW3H23Va.cjs.map

package/dist/surface-CW3H23Va.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"surface-CW3H23Va.cjs","sources":["../src/surface/surface.ts"],"sourcesContent":["import { createContext, provide } from '@lit/context'\nimport { TailwindElement } from '@mixins/tailwind.mixin'\nimport { TSurfaceColor } from '@schmancy/types'\nimport { css, html } from 'lit'\nimport { customElement, property } from 'lit/decorators.js'\n\nexport const SchmancySurfaceTypeContext = createContext<TSurfaceColor>('surface')\n\nexport type SchmancySurfaceFill = 'all' | 'width' | 'height' | 'auto'\n/**\n * `<schmancy-surface>` component\n *\n * This component renders a styled container that adapts its dimensions based on the `fill` property.\n * It supports various rounding options, elevation levels, and applies background and text color classes\n * based on the specified surface variant. Additionally, when the `scroller` property is true, the component\n * enables internal scrolling by applying overflow and scroll-behavior styles.\n *\n * @element schmancy-surface\n * @slot - Default slot for projecting child content.\n *\n * @example\n * <schmancy-surface fill=\"all\" rounded=\"all\" elevation=\"3\" type=\"surfaceBright\" scroller>\n *   <p>Your scrollable content here</p>\n * </schmancy-surface>\n */\n@customElement('schmancy-surface')\nexport class SchmancySurface extends TailwindElement(css`\n\t:host {\n\t\tdisplay: block;\n\t\tbox-sizing: border-box;\n  overflow: visible;\n\t}\n\t\n\t/* Fill styles */\n\t:host([fill='all']) {\n\t\theight: 100%;\n\t\twidth: 100%;\n\t}\n\t:host([fill='width']) {\n\t\twidth: 100%;\n\t}\n\t:host([fill='height']) {\n\t\theight: 100%;\n\t}\n\t\n\t/* Rounded corner styles using M3 shape tokens */\n\t:host([rounded='none']) {\n\t\tborder-radius: 0;\n\t}\n\t:host([rounded='top']) {\n\t\tborder-radius: var(--schmancy-sys-shape-corner-small) var(--schmancy-sys-shape-corner-small) 0 0;\n\t}\n\t:host([rounded='left']) {\n\t\tborder-radius: var(--schmancy-sys-shape-corner-small) 0 0 var(--schmancy-sys-shape-corner-small);\n\t}\n\t:host([rounded='right']) {\n\t\tborder-radius: 0 var(--schmancy-sys-shape-corner-small) var(--schmancy-sys-shape-corner-small) 0;\n\t}\n\t:host([rounded='bottom']) {\n\t\tborder-radius: 0 0 var(--schmancy-sys-shape-corner-small) var(--schmancy-sys-shape-corner-small);\n\t}\n\t:host([rounded='all']) {\n\t\tborder-radius: var(--schmancy-sys-shape-corner-small);\n\t}\n\t\n\t/* Elevation styles with M3 surface tint support */\n\t:host([elevation='1']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-1);\n\t\t/* Apply surface tint for elevated surfaces */\n\t\tposition: relative;\n\t}\n\t:host([elevation='2']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-2);\n\t\tposition: relative;\n\t}\n\t:host([elevation='3']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-3);\n\t\tposition: relative;\n\t}\n\t:host([elevation='4']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-4);\n\t\tposition: relative;\n\t}\n\t:host([elevation='5']) {\n\t\tbox-shadow: var(--schmancy-sys-elevation-5);\n\t\tposition: relative;\n\t}\n\n\t/* M3 Surface tint overlay for elevated surfaces */\n\t:host([elevation]:not([elevation='0']))::after {\n\t\tcontent: '';\n\t\tposition: absolute;\n\t\tinset: 0;\n\t\tborder-radius: inherit;\n\t\tpointer-events: none;\n\t\tbackground: var(--schmancy-sys-color-surface-tint);\n\t\t/* Tint opacity increases with elevation */\n\t\topacity: calc(var(--elevation, 0) * 0.02);\n\t}\n\t:host([elevation='1'])::after { --elevation: 1; }\n\t:host([elevation='2'])::after { --elevation: 2; }\n\t:host([elevation='3'])::after { --elevation: 3; }\n\t:host([elevation='4'])::after { --elevation: 4; }\n\t:host([elevation='5'])::after { --elevation: 5; }\n\t\n\t/* Surface type styles - background and text colors */\n\t/* Note: surface-low/high/lowest/highest map to M3 containerLow/High/Lowest/Highest */\n\t:host([type='surface']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-default);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='surfaceDim']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-dim);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='surfaceBright']) {\n\t\tbackground-color: var(--schmancy-sys-color-surface-bright);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerLowest']) {\n\t\t/* M3 containerLowest */\n\t\tbackground-color: var(--schmancy-sys-color-surface-lowest);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerLow']) {\n\t\t/* M3 containerLow */\n\t\tbackground-color: var(--schmancy-sys-color-surface-low);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='container']) {\n\t\t/* M3 container */\n\t\tbackground-color: var(--schmancy-sys-color-surface-container);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerHigh']) {\n\t\t/* M3 containerHigh */\n\t\tbackground-color: var(--schmancy-sys-color-surface-high);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='containerHighest']) {\n\t\t/* M3 containerHighest */\n\t\tbackground-color: var(--schmancy-sys-color-surface-highest);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='glass']) {\n\t\t/* Glassmorphism effect with theme-aware colors */\n\t\tbackground-color: color-mix(in srgb, var(--schmancy-sys-color-surface-container) 70%, transparent);\n\t\tbackdrop-filter: blur(10px) saturate(180%);\n\t\t-webkit-backdrop-filter: blur(10px) saturate(180%);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t\tborder: 1px solid color-mix(in srgb, var(--schmancy-sys-color-surface-on) 10%, transparent);\n\t}\n\t:host([type='transparent']) {\n\t\t/* Fully transparent background */\n\t\tbackground-color: transparent;\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t}\n\t:host([type='glassOforim']) {\n\t\t/* Oforim-specific glass variant with enhanced blur */\n\t\tbackground-color: color-mix(in srgb, var(--schmancy-sys-color-surface-container) 60%, transparent);\n\t\tbackdrop-filter: blur(16px) saturate(200%) brightness(1.1);\n\t\t-webkit-backdrop-filter: blur(16px) saturate(200%) brightness(1.1);\n\t\tcolor: var(--schmancy-sys-color-surface-on);\n\t\tborder: 1px solid color-mix(in srgb, var(--schmancy-sys-color-primary-default) 20%, transparent);\n\t}\n\n\t/* State-based surface types for selection/active states */\n\t:host([type='primary']) {\n\t\tbackground-color: var(--schmancy-sys-color-primary-default);\n\t\tcolor: var(--schmancy-sys-color-primary-on);\n\t}\n\t:host([type='primaryContainer']) {\n\t\tbackground-color: var(--schmancy-sys-color-primary-container);\n\t\tcolor: var(--schmancy-sys-color-primary-onContainer);\n\t}\n\t:host([type='secondary']) {\n\t\tbackground-color: var(--schmancy-sys-color-secondary-default);\n\t\tcolor: var(--schmancy-sys-color-secondary-on);\n\t}\n\t:host([type='secondaryContainer']) {\n\t\tbackground-color: var(--schmancy-sys-color-secondary-container);\n\t\tcolor: var(--schmancy-sys-color-secondary-onContainer);\n\t}\n\t:host([type='tertiary']) {\n\t\tbackground-color: var(--schmancy-sys-color-tertiary-default);\n\t\tcolor: var(--schmancy-sys-color-tertiary-on);\n\t}\n\t:host([type='tertiaryContainer']) {\n\t\tbackground-color: var(--schmancy-sys-color-tertiary-container);\n\t\tcolor: var(--schmancy-sys-color-tertiary-onContainer);\n\t}\n\t:host([type='error']) {\n\t\tbackground-color: var(--schmancy-sys-color-error-container);\n\t\tcolor: var(--schmancy-sys-color-error-onContainer);\n\t}\n\t:host([type='errorContainer']) {\n\t\tbackground-color: var(--schmancy-sys-color-error-container);\n\t\tcolor: var(--schmancy-sys-color-error-onContainer);\n\t}\n\t:host([type='success']) {\n\t\tbackground-color: var(--schmancy-sys-color-success-default);\n\t\tcolor: var(--schmancy-sys-color-success-on);\n\t}\n\t:host([type='successContainer']) {\n\t\tbackground-color: var(--schmancy-sys-color-success-container);\n\t\tcolor: var(--schmancy-sys-color-success-onContainer);\n\t}\n\t:host([type='warning']) {\n\t\tbackground-color: var(--schmancy-sys-color-warning-default);\n\t\tcolor: var(--schmancy-sys-color-warning-on);\n\t}\n\t:host([type='warningContainer']) {\n\t\tbackground-color: var(--schmancy-sys-color-warning-container);\n\t\tcolor: var(--schmancy-sys-color-warning-onContainer);\n\t}\n\t:host([type='info']) {\n\t\tbackground-color: var(--schmancy-sys-color-info-default);\n\t\tcolor: var(--schmancy-sys-color-info-on);\n\t}\n\t:host([type='infoContainer']) {\n\t\tbackground-color: var(--schmancy-sys-color-info-container);\n\t\tcolor: var(--schmancy-sys-color-info-onContainer);\n\t}\n`) {\n\t/**\n\t * Fill the width and/or height of the parent container.\n\t * Options: 'all', 'width', 'height', 'auto'.\n\t * @default 'auto'\n\t */\n\t@property({ type: String, reflect: true })\n\tfill: 'all' | 'width' | 'height' | 'auto' = 'auto'\n\n\t/**\n\t * Specifies the rounding style of the component's corners.\n\t * Options: 'none', 'top', 'left', 'right', 'bottom', 'all'.\n\t * @default 'none'\n\t */\n\t@property({ reflect: true })\n\trounded: 'none' | 'top' | 'left' | 'right' | 'bottom' | 'all' = 'none'\n\n\t/**\n\t * Specifies the surface type for styling.\n\t * Provided to descendant components via context.\n\t * Options: 'surface', 'surfaceDim', 'surfaceBright', 'containerLowest',\n\t * 'containerLow', 'container', 'containerHigh', 'containerHighest',\n\t * 'glass', 'transparent', 'glassOforim', 'primary', 'primaryContainer',\n\t * 'secondary', 'secondaryContainer', 'tertiary', 'tertiaryContainer',\n\t * 'error', 'errorContainer', 'success', 'successContainer',\n\t * 'warning', 'warningContainer', 'info', 'infoContainer'.\n\t * @default 'container'\n\t */\n\t@provide({ context: SchmancySurfaceTypeContext })\n\t@property({ reflect: true })\n\ttype: TSurfaceColor = 'container'\n\n\t/**\n\t * Defines the elevation level (shadow depth) of the surface.\n\t * Valid values: 0, 1, 2, 3, 4, 5.\n\t * @default 0\n\t */\n\t@property({ type: Number, reflect: true })\n\televation: 0 | 1 | 2 | 3 | 4 | 5 = 0\n\n\tprotected render(): unknown {\n\t\treturn html`<slot></slot>`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-surface': SchmancySurface\n\t}\n}\n"],"names":["SchmancySurfaceTypeContext","createContext","SchmancySurface","TailwindElement","css","super","arguments","this","fill","rounded","type","elevation","render","html","__decorateClass","property","String","reflect","prototype","provide","context","Number","customElement"],"mappings":"kVAMO,MAAMA,EAA6BC,EAAAA,EAA6B,SAAA,EAoB1DC,QAAAA,gBAAN,cAA8BC,EAAAA,gBAAgBC,EAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,CAA9C,CAAA,CAAA,cAAAC,MAAAA,GAAAC,SAAAA,EA4MNC,KAAAC,KAA4C,OAQ5CD,KAAAE,QAAgE,OAehEF,KAAAG,KAAsB,YAQtBH,KAAAI,UAAmC,CAAA,CAEzB,QAAAC,CACT,OAAOC,EAAAA,mBACR,CAAA,EAnCAC,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMM,OAAQC,UAAS,CAAA,CAAA,EA3MvBf,wBA4MZgB,UAAA,OAAA,GAQAJ,EAAA,CADCC,WAAS,CAAEE,UAAS,CAAA,CAAA,EAnNTf,wBAoNZgB,UAAA,UAAA,CAAA,EAeAJ,EAAA,CAFCK,IAAQ,CAAEC,QAASpB,CAAAA,CAAAA,EACnBe,WAAS,CAAEE,UAAS,CAAA,CAAA,EAlOTf,wBAmOZgB,UAAA,OAAA,GAQAJ,EAAA,CADCC,EAAAA,SAAS,CAAEL,KAAMW,OAAQJ,QAAAA,MA1Odf,wBA2OZgB,UAAA,YAAA,CAAA,EA3OYhB,QAAAA,gBAANY,EAAA,CADNQ,EAAAA,cAAc,qBACFpB"}