@mhmo91/schmancy 0.4.87 → 0.4.89

package/dist/{chips-DcZxnTiH.cjs → chips-BUDd-Se_.cjs}

@@ -1,4 +1,4 @@
-"use strict";const g=require("./tailwind.mixin-Dkdujkqz.cjs"),l=require("lit"),o=require("lit/decorators.js"),h=require("rxjs"),p=require("rxjs/operators"),y=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const $=require("./litElement.mixin-DdQ7eM2e.cjs");var x=Object.defineProperty,w=Object.getOwnPropertyDescriptor,b=(e,t,i,a)=>{for(var n,s=a>1?void 0:a?w(t,i):t,r=e.length-1;r>=0;r--)(n=e[r])&&(s=(a?n(t,i,s):n(s))||s);return a&&s&&x(t,i,s),s};const f=class f extends g.TailwindElement(l.css`
+"use strict";const g=require("./tailwind.mixin-tQzjJi1o.cjs"),l=require("lit"),n=require("lit/decorators.js"),$=require("lit/directives/when.js"),r=require("rxjs"),d=require("rxjs/operators"),y=require("lit/directives/class-map.js");require("lit/directives/style-map.js");const x=require("./litElement.mixin-De6F4bUs.cjs");var w=Object.defineProperty,S=Object.getOwnPropertyDescriptor,b=(e,t,i,o)=>{for(var a,s=o>1?void 0:o?S(t,i):t,h=e.length-1;h>=0;h--)(a=e[h])&&(s=(o?a(t,i,s):a(s))||s);return o&&s&&w(t,i,s),s};const f=class f extends g.TailwindElement(l.css`
 	:host {
 		display: inline-block;
 		outline: none;
@@ -33,7 +33,7 @@
 		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=t=>{this.disabled||(t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove",{detail:{value:this.value},bubbles:!0,composed:!0})))},this.handleKeyDown=t=>{this.disabled||t.key!=="Enter"&&t.key!==" "||(t.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(t){const i=this._selected;this._selected=t,this.requestUpdate("selected",i)}get form(){return this.internals?.form}connectedCallback(){super.connectedCallback(),h.combineLatest([this.hover$,this.pressed$,this.focused$]).pipe(p.takeUntil(this.disconnecting)).subscribe()}render(){const t={"inline-flex":!0,"items-center":!0,"gap-1 sm:gap-1.5 md:gap-2":!0,"rounded-full":!0,"px-2 py-1 sm:px-3 sm:py-1.5 md:px-4 md:py-2":!0,"cursor-pointer":!this.disabled,"transition-all":!0,"duration-200":!0,"select-none":!0,"text-xs sm:text-sm":!0,"font-medium":!0,border:!0,relative:!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-variant":!this._selected,"hover:brightness-95":this._selected&&!this.disabled,"hover:bg-surface-containerHigh":!this._selected&&!this.disabled,"active:scale-95":!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-50":this.disabled,"cursor-not-allowed":this.disabled};return l.html`
+`){constructor(){super(),this.value="",this._selected=!1,this.icon="",this.removable=!1,this.disabled=!1,this.elevated=!1,this.hover$=new r.BehaviorSubject(!1),this.pressed$=new r.BehaviorSubject(!1),this.focused$=new r.BehaviorSubject(!1),this.handleClick=()=>{this.disabled||this.dispatchEvent(new CustomEvent("change",{detail:{value:this.value,selected:!this._selected},bubbles:!0,composed:!0}))},this.handleRemove=t=>{this.disabled||(t.stopPropagation(),this.dispatchEvent(new CustomEvent("remove",{detail:{value:this.value},bubbles:!0,composed:!0})))},this.handleKeyDown=t=>{this.disabled||t.key!=="Enter"&&t.key!==" "||(t.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(t){const i=this._selected;this._selected=t,this.requestUpdate("selected",i)}get form(){return this.internals?.form}connectedCallback(){super.connectedCallback(),r.combineLatest([this.hover$,this.pressed$,this.focused$]).pipe(d.takeUntil(this.disconnecting)).subscribe()}render(){const t={"inline-flex":!0,"items-center":!0,"gap-2":!0,"rounded-full":!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-variant":!this._selected,"hover:brightness-95":this._selected&&!this.disabled,"hover:bg-surface-containerHigh":!this._selected&&!this.disabled,"active:scale-95":!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-50":this.disabled,"cursor-not-allowed":this.disabled};return l.html`
 			<button
 				class=${this.classMap(t)}
 				@click=${this.handleClick}
@@ -49,20 +49,22 @@
 				role="checkbox"
 				tabindex="0"
 			>
-				<!-- Icon container - always reserve space -->
-				<span class="inline-flex w-[18px] h-[18px] items-center justify-center shrink-0">
-					${this._selected?l.html`
-						<span class="material-symbols-outlined text-base sm:text-[18px]">
-							check
+				<!-- Icon container - conditionally shown using when directive -->
+				${$.when(this._selected||this.icon||this.iconSlotElements?.length>0,()=>l.html`
+						<span class="inline-flex w-[18px] h-[18px] items-center justify-center shrink-0">
+							${this._selected?l.html`
+								<span class="material-symbols-outlined text-base sm:text-[18px]">
+									check
+								</span>
+							`:this.icon?l.html`
+								<span class="material-symbols-outlined text-base sm:text-[18px]">
+									${this.icon}
+								</span>
+							`:l.html`
+								<slot name="icon"></slot>
+							`}
 						</span>
-					`:this.icon?l.html`
-						<span class="material-symbols-outlined text-base sm:text-[18px]">
-							${this.icon}
-						</span>
-					`:l.html`
-						<slot name="icon"></slot>
-					`}
-				</span>
+					`)}
 
 				<!-- Chip content -->
 				<slot></slot>
@@ -81,7 +83,7 @@
 					</button>
 				`:""}
 			</button>
-		`}};f.shadowRootOptions={...l.LitElement.shadowRootOptions,delegatesFocus:!0},f.formAssociated=!0;let c=f;if(b([o.property({type:String,reflect:!0})],c.prototype,"value",2),b([o.property({type:Boolean,reflect:!0})],c.prototype,"selected",1),b([o.property({type:String,reflect:!0})],c.prototype,"icon",2),b([o.property({type:Boolean,reflect:!0})],c.prototype,"removable",2),b([o.property({type:Boolean,reflect:!0})],c.prototype,"disabled",2),b([o.property({type:Boolean,reflect:!0})],c.prototype,"elevated",2),customElements.get("schmancy-filter-chip")||customElements.define("schmancy-filter-chip",c),!customElements.get("schmancy-chip")){class e extends c{}customElements.define("schmancy-chip",e)}var S=Object.defineProperty,C=Object.getOwnPropertyDescriptor,u=(e,t,i,a)=>{for(var n,s=a>1?void 0:a?C(t,i):t,r=e.length-1;r>=0;r--)(n=e[r])&&(s=(a?n(t,i,s):n(s))||s);return a&&s&&S(t,i,s),s};exports.SchmancyAssistChip=class extends g.TailwindElement(l.css`
+		`}};f.shadowRootOptions={...l.LitElement.shadowRootOptions,delegatesFocus:!0},f.formAssociated=!0;let c=f;if(b([n.property({type:String,reflect:!0})],c.prototype,"value",2),b([n.property({type:Boolean,reflect:!0})],c.prototype,"selected",1),b([n.property({type:String,reflect:!0})],c.prototype,"icon",2),b([n.property({type:Boolean,reflect:!0})],c.prototype,"removable",2),b([n.property({type:Boolean,reflect:!0})],c.prototype,"disabled",2),b([n.property({type:Boolean,reflect:!0})],c.prototype,"elevated",2),b([n.queryAssignedElements({slot:"icon"})],c.prototype,"iconSlotElements",2),customElements.get("schmancy-filter-chip")||customElements.define("schmancy-filter-chip",c),!customElements.get("schmancy-chip")){class e extends c{}customElements.define("schmancy-chip",e)}var C=Object.defineProperty,k=Object.getOwnPropertyDescriptor,u=(e,t,i,o)=>{for(var a,s=o>1?void 0:o?k(t,i):t,h=e.length-1;h>=0;h--)(a=e[h])&&(s=(o?a(t,i,s):a(s))||s);return o&&s&&C(t,i,s),s};exports.SchmancyAssistChip=class extends g.TailwindElement(l.css`
 	:host {
 		display: inline-block;
 		outline: none;
@@ -107,7 +109,7 @@
 			opacity: 0;
 		}
 	}
-`){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=e=>{if(this.disabled)return;const t=this.shadowRoot?.querySelector("button");if(t){const i=t.getBoundingClientRect(),a=e.clientX-i.left,n=e.clientY-i.top,s=this.nextRippleId++;this.ripples=[...this.ripples,{x:a,y:n,id:s}],setTimeout(()=>{this.ripples=this.ripples.filter(r=>r.id!==s)},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=e=>{if(!this.disabled&&(e.key==="Enter"||e.key===" ")){e.preventDefault(),this.pressed$.next(!0);const t=new MouseEvent("click",{bubbles:!0,cancelable:!0,clientX:0,clientY:0});this.handleClick(t),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(p.takeUntil(this.disconnecting)).subscribe()}render(){const e={relative:!0,"inline-flex":!0,"items-center":!0,"gap-1 sm:gap-1.5 md:gap-2":!0,"px-2 py-1 sm:px-3 sm:py-1.5 md:px-4 md:py-2":!0,"rounded-full":!0,"cursor-pointer":!this.disabled,"transition-all":!0,"duration-200":!0,"select-none":!0,"overflow-hidden":!0,"bg-surface-container":!this.elevated,"text-surface-on":!0,"bg-surface-containerLow":this.elevated,"shadow-md":this.elevated&&!this.disabled,"hover:bg-surface-containerHigh":!this.disabled&&!this.elevated,"hover:shadow-lg":this.elevated&&!this.disabled,"focus-visible:outline":!this.disabled,"focus-visible:outline-2":!this.disabled,"focus-visible:outline-primary-default":!this.disabled,"focus-visible:outline-offset-2":!this.disabled,"active:scale-95":!this.disabled,"opacity-50":this.disabled,"cursor-not-allowed":this.disabled};return l.html`
+`){constructor(){super(...arguments),this.value="",this.icon="",this.href="",this.target="",this.disabled=!1,this.elevated=!1,this.hover$=new r.BehaviorSubject(!1),this.pressed$=new r.BehaviorSubject(!1),this.focused$=new r.BehaviorSubject(!1),this.ripples=[],this.nextRippleId=0,this.handleClick=e=>{if(this.disabled)return;const t=this.shadowRoot?.querySelector("button");if(t){const i=t.getBoundingClientRect(),o=e.clientX-i.left,a=e.clientY-i.top,s=this.nextRippleId++;this.ripples=[...this.ripples,{x:o,y:a,id:s}],setTimeout(()=>{this.ripples=this.ripples.filter(h=>h.id!==s)},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=e=>{if(!this.disabled&&(e.key==="Enter"||e.key===" ")){e.preventDefault(),this.pressed$.next(!0);const t=new MouseEvent("click",{bubbles:!0,cancelable:!0,clientX:0,clientY:0});this.handleClick(t),setTimeout(()=>this.pressed$.next(!1),100)}},this.handleFocus=()=>{this.focused$.next(!0)},this.handleBlur=()=>{this.focused$.next(!1)}}connectedCallback(){super.connectedCallback(),r.combineLatest([this.hover$,this.pressed$,this.focused$]).pipe(d.takeUntil(this.disconnecting)).subscribe()}render(){const e={relative:!0,"inline-flex":!0,"items-center":!0,"gap-1 sm:gap-1.5 md:gap-2":!0,"px-2 py-1 sm:px-3 sm:py-1.5 md:px-4 md:py-2":!0,"rounded-full":!0,"cursor-pointer":!this.disabled,"transition-all":!0,"duration-200":!0,"select-none":!0,"overflow-hidden":!0,"bg-surface-container":!this.elevated,"text-surface-on":!0,"bg-surface-containerLow":this.elevated,"shadow-md":this.elevated&&!this.disabled,"hover:bg-surface-containerHigh":!this.disabled&&!this.elevated,"hover:shadow-lg":this.elevated&&!this.disabled,"focus-visible:outline":!this.disabled,"focus-visible:outline-2":!this.disabled,"focus-visible:outline-primary-default":!this.disabled,"focus-visible:outline-offset-2":!this.disabled,"active:scale-95":!this.disabled,"opacity-50":this.disabled,"cursor-not-allowed":this.disabled};return l.html`
 			<button
 				type="button"
 				class=${y.classMap(e)}
@@ -140,7 +142,7 @@
 					></span>
 				`)}
 			</button>
-		`}},exports.SchmancyAssistChip.shadowRootOptions={...l.LitElement.shadowRootOptions,delegatesFocus:!0},u([o.property({reflect:!0})],exports.SchmancyAssistChip.prototype,"value",2),u([o.property({reflect:!0})],exports.SchmancyAssistChip.prototype,"icon",2),u([o.property({reflect:!0})],exports.SchmancyAssistChip.prototype,"href",2),u([o.property({reflect:!0})],exports.SchmancyAssistChip.prototype,"target",2),u([o.property({type:Boolean,reflect:!0})],exports.SchmancyAssistChip.prototype,"disabled",2),u([o.property({type:Boolean,reflect:!0})],exports.SchmancyAssistChip.prototype,"elevated",2),u([o.state()],exports.SchmancyAssistChip.prototype,"ripples",2),exports.SchmancyAssistChip=u([o.customElement("schmancy-assist-chip")],exports.SchmancyAssistChip);var k=Object.defineProperty,_=Object.getOwnPropertyDescriptor,d=(e,t,i,a)=>{for(var n,s=a>1?void 0:a?_(t,i):t,r=e.length-1;r>=0;r--)(n=e[r])&&(s=(a?n(t,i,s):n(s))||s);return a&&s&&k(t,i,s),s};exports.SchmancyInputChip=class extends g.TailwindElement(l.css`
+		`}},exports.SchmancyAssistChip.shadowRootOptions={...l.LitElement.shadowRootOptions,delegatesFocus:!0},u([n.property({reflect:!0})],exports.SchmancyAssistChip.prototype,"value",2),u([n.property({reflect:!0})],exports.SchmancyAssistChip.prototype,"icon",2),u([n.property({reflect:!0})],exports.SchmancyAssistChip.prototype,"href",2),u([n.property({reflect:!0})],exports.SchmancyAssistChip.prototype,"target",2),u([n.property({type:Boolean,reflect:!0})],exports.SchmancyAssistChip.prototype,"disabled",2),u([n.property({type:Boolean,reflect:!0})],exports.SchmancyAssistChip.prototype,"elevated",2),u([n.state()],exports.SchmancyAssistChip.prototype,"ripples",2),exports.SchmancyAssistChip=u([n.customElement("schmancy-assist-chip")],exports.SchmancyAssistChip);var _=Object.defineProperty,E=Object.getOwnPropertyDescriptor,p=(e,t,i,o)=>{for(var a,s=o>1?void 0:o?E(t,i):t,h=e.length-1;h>=0;h--)(a=e[h])&&(s=(o?a(t,i,s):a(s))||s);return o&&s&&_(t,i,s),s};exports.SchmancyInputChip=class extends g.TailwindElement(l.css`
 	:host {
 		display: inline-block;
 		outline: none;
@@ -197,7 +199,7 @@
 			opacity: 0;
 		}
 	}
-`){constructor(){super(),this.value="",this.icon="",this.avatar="",this.removable=!0,this.disabled=!1,this.elevated=!1,this.chipHover$=new h.BehaviorSubject(!1),this.removeHover$=new h.BehaviorSubject(!1),this.focused$=new h.BehaviorSubject(!1),this.pressed$=new h.BehaviorSubject(!1),this.uiState={chipHover:!1,removeHover:!1,focused:!1,pressed:!1},this.ripples=[],this.nextRippleId=0,this.handleChipClick=e=>{if(this.disabled)return;const t=this.shadowRoot?.querySelector(".chip-container");if(t){const i=t.getBoundingClientRect(),a=e.clientX-i.left,n=e.clientY-i.top,s=this.nextRippleId++;this.ripples=[...this.ripples,{x:a,y:n,id:s}],setTimeout(()=>{this.ripples=this.ripples.filter(r=>r.id!==s)},600)}this.dispatchEvent(new CustomEvent("click",{detail:{value:this.value},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=>{if(!this.disabled)if(e.key!=="Delete"&&e.key!=="Backspace"||!this.removable){if(e.key==="Enter"){e.preventDefault();const t=new MouseEvent("click",{bubbles:!0,cancelable:!0,clientX:0,clientY:0});this.handleChipClick(t)}}else e.preventDefault(),this.handleRemove(e)},this.handleFocus=()=>{this.focused$.next(!0)},this.handleBlur=()=>{this.focused$.next(!1)};try{this.internals=this.attachInternals()}catch{this.internals=void 0}}get form(){return this.internals?.form}connectedCallback(){super.connectedCallback(),h.combineLatest([this.chipHover$,this.removeHover$,this.focused$,this.pressed$]).pipe(p.map(([e,t,i,a])=>({chipHover:e,removeHover:t,focused:i,pressed:a})),p.tap(e=>{this.uiState=e}),p.takeUntil(this.disconnecting)).subscribe()}render(){const e={"chip-container":!0,"inline-flex":!0,"items-center":!0,"gap-1 sm:gap-1.5 md:gap-2":!0,"pl-3":!this.avatar,"pl-1":this.avatar,"pr-2":this.removable,"pr-3":!this.removable,"py-1 sm:py-1.5 md:py-2":!0,"rounded-full":!0,"cursor-default":!0,"transition-all":!0,"duration-200":!0,"select-none":!0,"text-xs sm:text-sm":!0,"font-medium":!0,relative:!0,"overflow-hidden":!0,"bg-surface-container":!0,"text-surface-on":!0,"shadow-md":this.elevated&&!this.disabled,"hover:bg-surface-containerHigh":!this.disabled&&!this.uiState.removeHover,"hover:shadow-lg":this.elevated&&!this.disabled,"focus-visible:outline":!this.disabled,"focus-visible:outline-2":!this.disabled,"focus-visible:outline-primary-default":!this.disabled,"focus-visible:outline-offset-2":!this.disabled,"opacity-50":this.disabled,"cursor-not-allowed":this.disabled},t={"size-5 sm:size-6":!0,"rounded-full":!0,"transition-all":!0,"duration-200":!0,"cursor-pointer":!this.disabled,"bg-error-container":this.uiState.removeHover&&!this.disabled,"text-error-onContainer":this.uiState.removeHover&&!this.disabled,"hover:scale-110":this.uiState.removeHover&&!this.disabled,"hover:bg-surface-containerHighest":!this.uiState.removeHover&&!this.disabled,"opacity-50":this.disabled};return l.html`
+`){constructor(){super(),this.value="",this.icon="",this.avatar="",this.removable=!0,this.disabled=!1,this.elevated=!1,this.chipHover$=new r.BehaviorSubject(!1),this.removeHover$=new r.BehaviorSubject(!1),this.focused$=new r.BehaviorSubject(!1),this.pressed$=new r.BehaviorSubject(!1),this.uiState={chipHover:!1,removeHover:!1,focused:!1,pressed:!1},this.ripples=[],this.nextRippleId=0,this.handleChipClick=e=>{if(this.disabled)return;const t=this.shadowRoot?.querySelector(".chip-container");if(t){const i=t.getBoundingClientRect(),o=e.clientX-i.left,a=e.clientY-i.top,s=this.nextRippleId++;this.ripples=[...this.ripples,{x:o,y:a,id:s}],setTimeout(()=>{this.ripples=this.ripples.filter(h=>h.id!==s)},600)}this.dispatchEvent(new CustomEvent("click",{detail:{value:this.value},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=>{if(!this.disabled)if(e.key!=="Delete"&&e.key!=="Backspace"||!this.removable){if(e.key==="Enter"){e.preventDefault();const t=new MouseEvent("click",{bubbles:!0,cancelable:!0,clientX:0,clientY:0});this.handleChipClick(t)}}else e.preventDefault(),this.handleRemove(e)},this.handleFocus=()=>{this.focused$.next(!0)},this.handleBlur=()=>{this.focused$.next(!1)};try{this.internals=this.attachInternals()}catch{this.internals=void 0}}get form(){return this.internals?.form}connectedCallback(){super.connectedCallback(),r.combineLatest([this.chipHover$,this.removeHover$,this.focused$,this.pressed$]).pipe(d.map(([e,t,i,o])=>({chipHover:e,removeHover:t,focused:i,pressed:o})),d.tap(e=>{this.uiState=e}),d.takeUntil(this.disconnecting)).subscribe()}render(){const e={"chip-container":!0,"inline-flex":!0,"items-center":!0,"gap-1 sm:gap-1.5 md:gap-2":!0,"pl-3":!this.avatar,"pl-1":this.avatar,"pr-2":this.removable,"pr-3":!this.removable,"py-1 sm:py-1.5 md:py-2":!0,"rounded-full":!0,"cursor-default":!0,"transition-all":!0,"duration-200":!0,"select-none":!0,"text-xs sm:text-sm":!0,"font-medium":!0,relative:!0,"overflow-hidden":!0,"bg-surface-container":!0,"text-surface-on":!0,"shadow-md":this.elevated&&!this.disabled,"hover:bg-surface-containerHigh":!this.disabled&&!this.uiState.removeHover,"hover:shadow-lg":this.elevated&&!this.disabled,"focus-visible:outline":!this.disabled,"focus-visible:outline-2":!this.disabled,"focus-visible:outline-primary-default":!this.disabled,"focus-visible:outline-offset-2":!this.disabled,"opacity-50":this.disabled,"cursor-not-allowed":this.disabled},t={"size-5 sm:size-6":!0,"rounded-full":!0,"transition-all":!0,"duration-200":!0,"cursor-pointer":!this.disabled,"bg-error-container":this.uiState.removeHover&&!this.disabled,"text-error-onContainer":this.uiState.removeHover&&!this.disabled,"hover:scale-110":this.uiState.removeHover&&!this.disabled,"hover:bg-surface-containerHighest":!this.uiState.removeHover&&!this.disabled,"opacity-50":this.disabled};return l.html`
 			<div
 				class=${y.classMap(e)}
 				@click=${this.handleChipClick}
@@ -259,7 +261,7 @@
 					></span>
 				`)}
 			</div>
-		`}},exports.SchmancyInputChip.shadowRootOptions={...l.LitElement.shadowRootOptions,delegatesFocus:!0},exports.SchmancyInputChip.formAssociated=!0,d([o.property({type:String,reflect:!0})],exports.SchmancyInputChip.prototype,"value",2),d([o.property({type:String,reflect:!0})],exports.SchmancyInputChip.prototype,"icon",2),d([o.property({type:String,reflect:!0})],exports.SchmancyInputChip.prototype,"avatar",2),d([o.property({type:Boolean,reflect:!0})],exports.SchmancyInputChip.prototype,"removable",2),d([o.property({type:Boolean,reflect:!0})],exports.SchmancyInputChip.prototype,"disabled",2),d([o.property({type:Boolean,reflect:!0})],exports.SchmancyInputChip.prototype,"elevated",2),d([o.state()],exports.SchmancyInputChip.prototype,"uiState",2),d([o.state()],exports.SchmancyInputChip.prototype,"ripples",2),exports.SchmancyInputChip=d([o.customElement("schmancy-input-chip")],exports.SchmancyInputChip);var E=Object.defineProperty,B=Object.getOwnPropertyDescriptor,m=(e,t,i,a)=>{for(var n,s=a>1?void 0:a?B(t,i):t,r=e.length-1;r>=0;r--)(n=e[r])&&(s=(a?n(t,i,s):n(s))||s);return a&&s&&E(t,i,s),s};exports.SchmancySuggestionChip=class extends g.TailwindElement(l.css`
+		`}},exports.SchmancyInputChip.shadowRootOptions={...l.LitElement.shadowRootOptions,delegatesFocus:!0},exports.SchmancyInputChip.formAssociated=!0,p([n.property({type:String,reflect:!0})],exports.SchmancyInputChip.prototype,"value",2),p([n.property({type:String,reflect:!0})],exports.SchmancyInputChip.prototype,"icon",2),p([n.property({type:String,reflect:!0})],exports.SchmancyInputChip.prototype,"avatar",2),p([n.property({type:Boolean,reflect:!0})],exports.SchmancyInputChip.prototype,"removable",2),p([n.property({type:Boolean,reflect:!0})],exports.SchmancyInputChip.prototype,"disabled",2),p([n.property({type:Boolean,reflect:!0})],exports.SchmancyInputChip.prototype,"elevated",2),p([n.state()],exports.SchmancyInputChip.prototype,"uiState",2),p([n.state()],exports.SchmancyInputChip.prototype,"ripples",2),exports.SchmancyInputChip=p([n.customElement("schmancy-input-chip")],exports.SchmancyInputChip);var B=Object.defineProperty,R=Object.getOwnPropertyDescriptor,m=(e,t,i,o)=>{for(var a,s=o>1?void 0:o?R(t,i):t,h=e.length-1;h>=0;h--)(a=e[h])&&(s=(o?a(t,i,s):a(s))||s);return o&&s&&B(t,i,s),s};exports.SchmancySuggestionChip=class extends g.TailwindElement(l.css`
 	:host {
 		display: inline-block;
 		outline: none;
@@ -285,7 +287,7 @@
 			opacity: 0;
 		}
 	}
-`){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=e=>{if(this.disabled)return;const t=this.shadowRoot?.querySelector("button");if(t){const i=t.getBoundingClientRect(),a=e.clientX-i.left,n=e.clientY-i.top,s=this.nextRippleId++;this.ripples=[...this.ripples,{x:a,y:n,id:s}],setTimeout(()=>{this.ripples=this.ripples.filter(r=>r.id!==s)},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=e=>{if(!this.disabled&&(e.key==="Enter"||e.key===" ")){e.preventDefault(),this.pressed$.next(!0);const t=new MouseEvent("click",{bubbles:!0,cancelable:!0,clientX:0,clientY:0});this.handleClick(t),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(p.takeUntil(this.disconnecting)).subscribe()}render(){const e={relative:!0,"inline-flex":!0,"items-center":!0,"gap-1 sm:gap-1.5 md:gap-2":!0,"px-2 py-1 sm:px-3 sm:py-1.5 md:px-4 md:py-2":!0,"rounded-full":!0,"cursor-pointer":!this.disabled,"transition-all":!0,"duration-200":!0,"select-none":!0,"overflow-hidden":!0,"bg-surface-containerLow":!this.elevated,"text-surface-on":!0,"bg-surface":this.elevated,"shadow-md":this.elevated&&!this.disabled,"hover:bg-surface-containerHigh":!this.disabled,"hover:shadow-lg":this.elevated&&!this.disabled,"focus-visible:outline":!this.disabled,"focus-visible:outline-2":!this.disabled,"focus-visible:outline-primary-default":!this.disabled,"focus-visible:outline-offset-2":!this.disabled,"active:scale-95":!this.disabled,"opacity-50":this.disabled,"cursor-not-allowed":this.disabled};return l.html`
+`){constructor(){super(...arguments),this.value="",this.icon="",this.href="",this.target="",this.disabled=!1,this.elevated=!1,this.hover$=new r.BehaviorSubject(!1),this.pressed$=new r.BehaviorSubject(!1),this.focused$=new r.BehaviorSubject(!1),this.ripples=[],this.nextRippleId=0,this.handleClick=e=>{if(this.disabled)return;const t=this.shadowRoot?.querySelector("button");if(t){const i=t.getBoundingClientRect(),o=e.clientX-i.left,a=e.clientY-i.top,s=this.nextRippleId++;this.ripples=[...this.ripples,{x:o,y:a,id:s}],setTimeout(()=>{this.ripples=this.ripples.filter(h=>h.id!==s)},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=e=>{if(!this.disabled&&(e.key==="Enter"||e.key===" ")){e.preventDefault(),this.pressed$.next(!0);const t=new MouseEvent("click",{bubbles:!0,cancelable:!0,clientX:0,clientY:0});this.handleClick(t),setTimeout(()=>this.pressed$.next(!1),100)}},this.handleFocus=()=>{this.focused$.next(!0)},this.handleBlur=()=>{this.focused$.next(!1)}}connectedCallback(){super.connectedCallback(),r.combineLatest([this.hover$,this.pressed$,this.focused$]).pipe(d.takeUntil(this.disconnecting)).subscribe()}render(){const e={relative:!0,"inline-flex":!0,"items-center":!0,"gap-1 sm:gap-1.5 md:gap-2":!0,"px-2 py-1 sm:px-3 sm:py-1.5 md:px-4 md:py-2":!0,"rounded-full":!0,"cursor-pointer":!this.disabled,"transition-all":!0,"duration-200":!0,"select-none":!0,"overflow-hidden":!0,"bg-surface-containerLow":!this.elevated,"text-surface-on":!0,"bg-surface":this.elevated,"shadow-md":this.elevated&&!this.disabled,"hover:bg-surface-containerHigh":!this.disabled,"hover:shadow-lg":this.elevated&&!this.disabled,"focus-visible:outline":!this.disabled,"focus-visible:outline-2":!this.disabled,"focus-visible:outline-primary-default":!this.disabled,"focus-visible:outline-offset-2":!this.disabled,"active:scale-95":!this.disabled,"opacity-50":this.disabled,"cursor-not-allowed":this.disabled};return l.html`
 			<button
 				type="button"
 				class=${y.classMap(e)}
@@ -318,7 +320,7 @@
 					></span>
 				`)}
 			</button>
-		`}},exports.SchmancySuggestionChip.shadowRootOptions={...l.LitElement.shadowRootOptions,delegatesFocus:!0},m([o.property({reflect:!0})],exports.SchmancySuggestionChip.prototype,"value",2),m([o.property({reflect:!0})],exports.SchmancySuggestionChip.prototype,"icon",2),m([o.property({reflect:!0})],exports.SchmancySuggestionChip.prototype,"href",2),m([o.property({reflect:!0})],exports.SchmancySuggestionChip.prototype,"target",2),m([o.property({type:Boolean,reflect:!0})],exports.SchmancySuggestionChip.prototype,"disabled",2),m([o.property({type:Boolean,reflect:!0})],exports.SchmancySuggestionChip.prototype,"elevated",2),m([o.state()],exports.SchmancySuggestionChip.prototype,"ripples",2),exports.SchmancySuggestionChip=m([o.customElement("schmancy-suggestion-chip")],exports.SchmancySuggestionChip);var R=Object.defineProperty,j=Object.getOwnPropertyDescriptor,v=(e,t,i,a)=>{for(var n,s=a>1?void 0:a?j(t,i):t,r=e.length-1;r>=0;r--)(n=e[r])&&(s=(a?n(t,i,s):n(s))||s);return a&&s&&R(t,i,s),s};exports.SchmancyChips=class extends $.$LitElement(l.css`
+		`}},exports.SchmancySuggestionChip.shadowRootOptions={...l.LitElement.shadowRootOptions,delegatesFocus:!0},m([n.property({reflect:!0})],exports.SchmancySuggestionChip.prototype,"value",2),m([n.property({reflect:!0})],exports.SchmancySuggestionChip.prototype,"icon",2),m([n.property({reflect:!0})],exports.SchmancySuggestionChip.prototype,"href",2),m([n.property({reflect:!0})],exports.SchmancySuggestionChip.prototype,"target",2),m([n.property({type:Boolean,reflect:!0})],exports.SchmancySuggestionChip.prototype,"disabled",2),m([n.property({type:Boolean,reflect:!0})],exports.SchmancySuggestionChip.prototype,"elevated",2),m([n.state()],exports.SchmancySuggestionChip.prototype,"ripples",2),exports.SchmancySuggestionChip=m([n.customElement("schmancy-suggestion-chip")],exports.SchmancySuggestionChip);var j=Object.defineProperty,O=Object.getOwnPropertyDescriptor,v=(e,t,i,o)=>{for(var a,s=o>1?void 0:o?O(t,i):t,h=e.length-1;h>=0;h--)(a=e[h])&&(s=(o?a(t,i,s):a(s))||s);return o&&s&&j(t,i,s),s};exports.SchmancyChips=class extends x.$LitElement(l.css`
 	:host {
 		display: block;
 	}
@@ -329,11 +331,11 @@
 	.scrollbar-hide::-webkit-scrollbar {
 		display: none; /* Chrome, Safari, and Opera */
 	}
-`){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}get multi(){return this._multi}set multi(e){this._multi=e}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(e){this._values=e||[],this._valuesSet=!0,this.values$.next(this._values)}get value(){return this._value}set value(e){this._value=e||"",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(p.distinctUntilChanged()),this.values$.pipe(p.distinctUntilChanged((e,t)=>e.length===t.length&&e.every((i,a)=>i===t[a])))]).pipe(p.debounceTime(0),p.takeUntil(this.disconnecting)).subscribe(([e,t])=>{this.updateChipStates(this.mode,e,t)})}updateChipStates(e,t,i){this.chips&&e!=="none"&&this.chips.forEach(a=>{if("value"in a&&"selected"in a){const n=a;e==="multi"?n.selected=i.length>0&&i.includes(n.value):e==="single"&&(n.selected=t!==""&&t===n.value)}})}async change(e){if(e.preventDefault(),e.stopPropagation(),this.mode==="none")return;const{value:t,selected:i}=e.detail;this.mode==="multi"?i?this._values.includes(t)||(this._values=[...this._values,t],this.values$.next(this._values)):(this._values=this._values.filter(a=>a!==t),this.values$.next(this._values)):this.mode==="single"&&(this._value=i?t:"",this.value$.next(this._value)),this.requestUpdate(),this.dispatchEvent(new CustomEvent("change",{detail:this.mode==="multi"?this._values:this._value,bubbles:!0}))}firstUpdated(e){super.firstUpdated(e),this.updateChipStates(this.mode,this._value,this._values)}render(){const e=this.classMap({"inset-2":!0,flex:!0,"gap-2":!0,"items-center":!0,"flex-wrap":this.wrap,"overflow-x-auto":!this.wrap,"scrollbar-hide":!this.wrap});return l.html`
+`){constructor(){super(...arguments),this.value$=new r.BehaviorSubject(""),this.values$=new r.BehaviorSubject([]),this._value="",this._values=[],this._multi=!1,this._valueSet=!1,this._valuesSet=!1,this.wrap=!1}get multi(){return this._multi}set multi(e){this._multi=e}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(e){this._values=e||[],this._valuesSet=!0,this.values$.next(this._values)}get value(){return this._value}set value(e){this._value=e||"",this._valueSet=!0,this.value$.next(this._value)}connectedCallback(){super.connectedCallback(),this.value$.next(this._value),this.values$.next(this._values),r.combineLatest([this.value$.pipe(d.distinctUntilChanged()),this.values$.pipe(d.distinctUntilChanged((e,t)=>e.length===t.length&&e.every((i,o)=>i===t[o])))]).pipe(d.debounceTime(0),d.takeUntil(this.disconnecting)).subscribe(([e,t])=>{this.updateChipStates(this.mode,e,t)})}updateChipStates(e,t,i){this.chips&&e!=="none"&&this.chips.forEach(o=>{if("value"in o&&"selected"in o){const a=o;e==="multi"?a.selected=i.length>0&&i.includes(a.value):e==="single"&&(a.selected=t!==""&&t===a.value)}})}async change(e){if(e.preventDefault(),e.stopPropagation(),this.mode==="none")return;const{value:t,selected:i}=e.detail;this.mode==="multi"?i?this._values.includes(t)||(this._values=[...this._values,t],this.values$.next(this._values)):(this._values=this._values.filter(o=>o!==t),this.values$.next(this._values)):this.mode==="single"&&(this._value=i?t:"",this.value$.next(this._value)),this.requestUpdate(),this.dispatchEvent(new CustomEvent("change",{detail:this.mode==="multi"?this._values:this._value,bubbles:!0}))}firstUpdated(e){super.firstUpdated(e),this.updateChipStates(this.mode,this._value,this._values)}render(){const e=this.classMap({"inset-2":!0,flex:!0,"gap-2":!0,"items-center":!0,"flex-wrap":this.wrap,"overflow-x-auto":!this.wrap,"scrollbar-hide":!this.wrap});return l.html`
 			<div class=${e} @change=${this.change}>
 				<slot
 					@slotchange=${()=>{this.updateChipStates(this.mode,this._value,this._values)}}
 				></slot>
 			</div>
-		`}},v([o.property({type:Boolean,reflect:!0})],exports.SchmancyChips.prototype,"multi",1),v([o.property({type:Array,reflect:!0})],exports.SchmancyChips.prototype,"values",1),v([o.property({type:String,reflect:!0})],exports.SchmancyChips.prototype,"value",1),v([o.queryAssignedElements({selector:"schmancy-chip, schmancy-filter-chip, schmancy-assist-chip, schmancy-input-chip, schmancy-suggestion-chip",flatten:!0})],exports.SchmancyChips.prototype,"chips",2),v([o.property({type:Boolean,reflect:!0})],exports.SchmancyChips.prototype,"wrap",2),exports.SchmancyChips=v([o.customElement("schmancy-chips")],exports.SchmancyChips),exports.SchmancyFilterChip=c;
-//# sourceMappingURL=chips-DcZxnTiH.cjs.map
+		`}},v([n.property({type:Boolean,reflect:!0})],exports.SchmancyChips.prototype,"multi",1),v([n.property({type:Array,reflect:!0})],exports.SchmancyChips.prototype,"values",1),v([n.property({type:String,reflect:!0})],exports.SchmancyChips.prototype,"value",1),v([n.queryAssignedElements({selector:"schmancy-chip, schmancy-filter-chip, schmancy-assist-chip, schmancy-input-chip, schmancy-suggestion-chip",flatten:!0})],exports.SchmancyChips.prototype,"chips",2),v([n.property({type:Boolean,reflect:!0})],exports.SchmancyChips.prototype,"wrap",2),exports.SchmancyChips=v([n.customElement("schmancy-chips")],exports.SchmancyChips),exports.SchmancyFilterChip=c;
+//# sourceMappingURL=chips-BUDd-Se_.cjs.map

package/dist/chips-BUDd-Se_.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chips-BUDd-Se_.cjs","sources":["../src/chips/filter-chip.ts","../src/chips/assist-chip.ts","../src/chips/input-chip.ts","../src/chips/suggestion-chip.ts","../src/chips/chips.ts"],"sourcesContent":["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\topacity: 0.5;\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'rounded-full': 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'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-variant': !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-containerHigh': !this._selected && !this.disabled,\n\n\t\t\t// Pressed state\n\t\t\t'active:scale-95': !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// Disabled state\n\t\t\t'opacity-50': 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-base sm: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-base sm: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-containerHighest transition-colors\"\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","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/** 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 */\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\trender() {\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-1 sm:gap-1.5 md:gap-2': true,\n\t\t\t'px-2 py-1 sm:px-3 sm:py-1.5 md:px-4 md:py-2': 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// Colors\n\t\t\t'bg-surface-container': !this.elevated,\n\t\t\t'text-surface-on': true,\n\n\t\t\t// Elevated variant\n\t\t\t'bg-surface-containerLow': this.elevated,\n\t\t\t'shadow-md': this.elevated && !this.disabled,\n\n\t\t\t// States\n\t\t\t'hover:bg-surface-containerHigh': !this.disabled && !this.elevated,\n\t\t\t'hover:shadow-lg': this.elevated && !this.disabled,\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-default': !this.disabled,\n\t\t\t'focus-visible:outline-offset-2': !this.disabled,\n\t\t\t'active:scale-95': !this.disabled,\n\n\t\t\t// Disabled\n\t\t\t'opacity-50': 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\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-sm sm:text-base\">${this.icon}</schmancy-icon>\n\t\t\t\t` : ''}\n\t\t\t\t<span class=\"text-xs sm:text-sm font-medium\">\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\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 { 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 { map, takeUntil, tap } from 'rxjs/operators'\n\n/**\n * Input chip component - represents user-provided information that can be removed.\n *\n * IMPORTANT: Per Material Design 3 specification, input chips do NOT have selected state.\n * They represent discrete pieces of user input (like entered tags, selections from lists, etc.)\n * that can only be removed, not toggled on/off.\n *\n * Use cases:\n * - Displaying selected recipients in an email\n * - Showing applied filters that can be removed\n * - Tags or keywords entered by the user\n * - Selected items from a multi-select dropdown\n *\n * @fires click - Optional click event on chip body (value)\n * @fires remove - Dispatched when remove button is clicked (value)\n *\n * @example\n * ```html\n * <schmancy-input-chip value=\"john@example.com\" avatar=\"/avatars/john.jpg\">\n *   John Doe\n * </schmancy-input-chip>\n * ```\n */\n@customElement('schmancy-input-chip')\nexport class SchmancyInputChip extends TailwindElement(css`\n\t:host {\n\t\tdisplay: inline-block;\n\t\toutline: none;\n\t\tmin-width:fit-content\n\n\t}\n\n\t:host([disabled]) {\n\t\tpointer-events: none;\n\t}\n\n\tbutton {\n\t\tfont-family: inherit;\n\t}\n\n\t.avatar-img {\n\t\twidth: 20px;\n\t\theight: 20px;\n\t\tobject-fit: cover;\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.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/** Value identifier for the chip */\n\t@property({ type: String, reflect: true })\n\tvalue: string = ''\n\n\t/** Optional icon name (Material Symbols) */\n\t@property({ type: String, reflect: true })\n\ticon: string = ''\n\n\t/** Optional avatar image URL */\n\t@property({ type: String, reflect: true })\n\tavatar: string = ''\n\n\t/** Whether to show remove button (default true for input chips) */\n\t@property({ type: Boolean, reflect: true })\n\tremovable: boolean = true\n\n\t/** Disable the chip */\n\t@property({ type: Boolean, reflect: true })\n\tdisabled: boolean = false\n\n\t/** Elevated style variant */\n\t@property({ type: Boolean, reflect: true })\n\televated: boolean = false\n\n\t// RxJS state streams\n\tprivate chipHover$ = new BehaviorSubject<boolean>(false)\n\tprivate removeHover$ = new BehaviorSubject<boolean>(false)\n\tprivate focused$ = new BehaviorSubject<boolean>(false)\n\tprivate pressed$ = new BehaviorSubject<boolean>(false)\n\n\t// UI state from combined streams\n\t@state() private uiState = {\n\t\tchipHover: false,\n\t\tremoveHover: false,\n\t\tfocused: false,\n\t\tpressed: false\n\t}\n\n\t// Ripple effects\n\t@state() private ripples: Array<{ x: number; y: number; id: number }> = []\n\tprivate nextRippleId = 0\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// Combine all UI state streams\n\t\tcombineLatest([\n\t\t\tthis.chipHover$,\n\t\t\tthis.removeHover$,\n\t\t\tthis.focused$,\n\t\t\tthis.pressed$\n\t\t]).pipe(\n\t\t\tmap(([chipHover, removeHover, focused, pressed]) => ({\n\t\t\t\tchipHover,\n\t\t\t\tremoveHover,\n\t\t\t\tfocused,\n\t\t\t\tpressed\n\t\t\t})),\n\t\t\ttap(state => {\n\t\t\t\tthis.uiState = state\n\t\t\t}),\n\t\t\ttakeUntil(this.disconnecting)\n\t\t).subscribe()\n\t}\n\n\tprivate handleChipClick = (e: MouseEvent) => {\n\t\tif (this.disabled) return\n\n\t\t// Add ripple effect\n\t\tconst chip = this.shadowRoot?.querySelector('.chip-container') as HTMLElement\n\t\tif (chip) {\n\t\t\tconst rect = chip.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// Dispatch optional click event (for custom handling if needed)\n\t\tthis.dispatchEvent(\n\t\t\tnew CustomEvent('click', {\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 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\t// Delete or Backspace removes the chip\n\t\tif ((e.key === 'Delete' || e.key === 'Backspace') && this.removable) {\n\t\t\te.preventDefault()\n\t\t\tthis.handleRemove(e)\n\t\t}\n\t\t// Enter can optionally trigger click\n\t\telse if (e.key === 'Enter') {\n\t\t\te.preventDefault()\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.handleChipClick(clickEvent)\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 chipClasses = {\n\t\t\t'chip-container': true,\n\t\t\t'inline-flex': true,\n\t\t\t'items-center': true,\n\t\t\t'gap-1 sm:gap-1.5 md:gap-2': true,\n\t\t\t'pl-3': !this.avatar, // Less padding if avatar present\n\t\t\t'pl-1': this.avatar, // Tight padding for avatar\n\t\t\t'pr-2': this.removable,\n\t\t\t'pr-3': !this.removable,\n\t\t\t'py-1 sm:py-1.5 md:py-2': true,\n\t\t\t'rounded-full': true,\n\t\t\t'cursor-default': true,\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'text-xs sm:text-sm': true,\n\t\t\t'font-medium': true,\n\t\t\t'relative': true,\n\t\t\t'overflow-hidden': true,\n\n\t\t\t// Colors\n\t\t\t'bg-surface-container': true,\n\t\t\t'text-surface-on': true,\n\n\t\t\t// Elevated variant\n\t\t\t'shadow-md': this.elevated && !this.disabled,\n\n\t\t\t// Hover state (subtle on chip body)\n\t\t\t'hover:bg-surface-containerHigh': !this.disabled && !this.uiState.removeHover,\n\t\t\t'hover:shadow-lg': this.elevated && !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-primary-default': !this.disabled,\n\t\t\t'focus-visible:outline-offset-2': !this.disabled,\n\n\t\t\t// Disabled state\n\t\t\t'opacity-50': this.disabled,\n\t\t\t'cursor-not-allowed': this.disabled\n\t\t}\n\n\t\tconst removeButtonClasses = {\n\t\t\t\"size-5 sm:size-6\":true,\n\t\t\t'rounded-full': true,\n\t\t\t'transition-all': true,\n\t\t\t'duration-200': true,\n\t\t\t'cursor-pointer': !this.disabled,\n\n\t\t\t// Hover state for remove button\n\t\t\t'bg-error-container': this.uiState.removeHover && !this.disabled,\n\t\t\t'text-error-onContainer': this.uiState.removeHover && !this.disabled,\n\t\t\t'hover:scale-110': this.uiState.removeHover && !this.disabled,\n\n\t\t\t// Default state\n\t\t\t'hover:bg-surface-containerHighest': !this.uiState.removeHover && !this.disabled,\n\t\t\t'opacity-50': this.disabled\n\t\t}\n\n\t\treturn html`\n\t\t\t<div\n\t\t\t\tclass=${classMap(chipClasses)}\n\t\t\t\t@click=${this.handleChipClick}\n\t\t\t\t@keydown=${this.handleKeyDown}\n\t\t\t\t@mouseenter=${() => this.chipHover$.next(true)}\n\t\t\t\t@mouseleave=${() => this.chipHover$.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\trole=\"button\"\n\t\t\t\ttabindex=${this.disabled ? '-1' : '0'}\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<!-- Avatar image (if provided) -->\n\t\t\t\t${this.avatar ? html`\n\t\t\t\t\t<img\n\t\t\t\t\t\tsrc=${this.avatar}\n\t\t\t\t\t\talt=\"\"\n\t\t\t\t\t\tclass=\"avatar-img rounded-full sm:size-6\"\n\t\t\t\t\t/>\n\t\t\t\t` : ''}\n\n\t\t\t\t<!-- Icon (if provided and no avatar) -->\n\t\t\t\t${this.icon && !this.avatar ? html`\n\t\t\t\t\t<span class=\"material-symbols-outlined rounded-full text-base sm:text-[18px]\">\n\t\t\t\t\t\t${this.icon}\n\t\t\t\t\t</span>\n\t\t\t\t` : ''}\n\n\t\t\t\t<!-- Chip content -->\n\t\t\t\t<span>\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</span>\n\n\t\t\t\t<!-- Remove button (shown by default for input chips) -->\n\t\t\t\t${this.removable ? html`\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=${classMap(removeButtonClasses)}\n\t\t\t\t\t\t@click=${this.handleRemove}\n\t\t\t\t\t\t@mouseenter=${() => this.removeHover$.next(true)}\n\t\t\t\t\t\t@mouseleave=${() => this.removeHover$.next(false)}\n\t\t\t\t\t\taria-label=\"Remove\"\n\t\t\t\t\t\ttabindex=\"-1\"\n\t\t\t\t\t\t?disabled=${this.disabled}\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\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\t\t\t</div>\n\t\t`\n\t}\n}\n\ndeclare global {\n\tinterface HTMLElementTagNameMap {\n\t\t'schmancy-input-chip': SchmancyInputChip\n\t}\n}\n\nexport type InputChipClickEvent = { value: string }\nexport type InputChipRemoveEvent = { value: string }","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/** 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 */\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 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-1 sm:gap-1.5 md:gap-2': true,\n\t\t\t'px-2 py-1 sm:px-3 sm:py-1.5 md:px-4 md:py-2': 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// Colors - slightly different from assist chips\n\t\t\t'bg-surface-containerLow': !this.elevated,\n\t\t\t'text-surface-on': true,\n\n\t\t\t// Elevated variant\n\t\t\t'bg-surface': this.elevated,\n\t\t\t'shadow-md': this.elevated && !this.disabled,\n\n\t\t\t// States\n\t\t\t'hover:bg-surface-containerHigh': !this.disabled,\n\t\t\t'hover:shadow-lg': this.elevated && !this.disabled,\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-default': !this.disabled,\n\t\t\t'focus-visible:outline-offset-2': !this.disabled,\n\t\t\t'active:scale-95': !this.disabled,\n\n\t\t\t// Disabled\n\t\t\t'opacity-50': 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\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-sm sm:text-base\">${this.icon}</schmancy-icon>\n\t\t\t\t` : ''}\n\t\t\t\t<span class=\"text-xs sm:text-sm font-medium\">\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\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 }","import { $LitElement } from '@mixins/index'\nimport { css, html, PropertyValues } from 'lit'\nimport { customElement, property, queryAssignedElements } from 'lit/decorators.js'\nimport { SchmancyFilterChip as SchmancyChip } from './filter-chip'\nimport type { FilterChipChangeEvent as SchmancyChipChangeEvent } from './filter-chip'\nimport { BehaviorSubject, combineLatest } from 'rxjs'\nimport { takeUntil, distinctUntilChanged, debounceTime } from 'rxjs/operators'\n\n@customElement('schmancy-chips')\nexport default class SchmancyChips extends $LitElement(css`\n\t:host {\n\t\tdisplay: block;\n\t}\n\t.scrollbar-hide {\n\t\t-ms-overflow-style: none; /* IE and Edge */\n\t\tscrollbar-width: none; /* Firefox */\n\t}\n\t.scrollbar-hide::-webkit-scrollbar {\n\t\tdisplay: none; /* Chrome, Safari, and Opera */\n\t}\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\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\t// Single selection mode\n\t\t\tthis._value = selected ? value : ''\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 containerClasses = this.classMap({\n\t\t\t'inset-2': true,\n\t\t\tflex: true,\n\t\t\t'gap-2': true,\n\t\t\t'items-center': true,\n\t\t\t'flex-wrap': this.wrap,\n\t\t\t'overflow-x-auto': !this.wrap,\n\t\t\t'scrollbar-hide': !this.wrap,\n\t\t})\n\n\t\treturn html`\n\t\t\t<div class=${containerClasses} @change=${this.change}>\n\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</div>\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"],"names":["SchmancyFilterChip","TailwindElement","css","super","this","value","_selected","icon","removable","disabled","elevated","hover$","BehaviorSubject","pressed$","focused$","handleClick","dispatchEvent","CustomEvent","detail","selected","bubbles","composed","handleRemove","e","stopPropagation","handleKeyDown","key","preventDefault","handleMouseEnter","next","handleMouseLeave","handleMouseDown","handleMouseUp","handleFocus","handleBlur","internals","attachInternals","oldValue","requestUpdate","form","connectedCallback","combineLatest","pipe","takeUntil","disconnecting","subscribe","render","chipClasses","border","relative","html","classMap","when","iconSlotElements","length","shadowRootOptions","LitElement","delegatesFocus","formAssociated","_u","__decorateClass","property","type","String","reflect","prototype","Boolean","queryAssignedElements","slot","customElements","get","define","SchmancyChipCompat","SchmancyAssistChip","constructor","arguments","href","target","ripples","nextRippleId","button","shadowRoot","querySelector","rect","getBoundingClientRect","x","clientX","left","y","clientY","top","id","setTimeout","filter","r","window","open","location","clickEvent","MouseEvent","cancelable","classes","map","ripple","state","customElement","SchmancyInputChip","avatar","chipHover$","removeHover$","uiState","chipHover","removeHover","focused","pressed","handleChipClick","chip","tap","removeButtonClasses","SchmancySuggestionChip","SchmancyChips","$LitElement","value$","values$","_value","_values","_multi","_valueSet","_valuesSet","wrap","hasAttribute","values","distinctUntilChanged","prev","curr","every","v","i","debounceTime","updateChipStates","mode","chips","forEach","filterChip","includes","_changedProperties","firstUpdated","containerClasses","flex","change","Array","selector","flatten"],"mappings":"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"}

package/dist/{chips-BsE2FLOK.js → chips-CaQfMLUC.js}

@@ -1,14 +1,15 @@
-import { T as E } from "./tailwind.mixin-QM5BZpYs.js";
+import { T as E } from "./tailwind.mixin-CUBQFucF.js";
 import { css as g, LitElement as S, html as r } from "lit";
-import { property as l, state as k, customElement as R, queryAssignedElements as O } from "lit/decorators.js";
+import { property as a, queryAssignedElements as O, state as k, customElement as R } from "lit/decorators.js";
+import { when as H } from "lit/directives/when.js";
 import { BehaviorSubject as h, combineLatest as x } from "rxjs";
-import { takeUntil as w, map as H, tap as D, distinctUntilChanged as B, debounceTime as M } from "rxjs/operators";
+import { takeUntil as w, map as D, tap as M, distinctUntilChanged as B, debounceTime as j } from "rxjs/operators";
 import { classMap as _ } from "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { $ as j } from "./litElement.mixin-DLNiN-V5.js";
-var F = Object.defineProperty, P = Object.getOwnPropertyDescriptor, y = (e, t, i, o) => {
-  for (var a, s = o > 1 ? void 0 : o ? P(t, i) : t, n = e.length - 1; n >= 0; n--) (a = e[n]) && (s = (o ? a(t, i, s) : a(s)) || s);
-  return o && s && F(t, i, s), s;
+import { $ as F } from "./litElement.mixin-C9e4ffot.js";
+var P = Object.defineProperty, I = Object.getOwnPropertyDescriptor, f = (e, t, i, o) => {
+  for (var l, s = o > 1 ? void 0 : o ? I(t, i) : t, n = e.length - 1; n >= 0; n--) (l = e[n]) && (s = (o ? l(t, i, s) : l(s)) || s);
+  return o && s && P(t, i, s), s;
 };
 const C = class C extends E(g`
 	:host {
@@ -86,7 +87,7 @@ const C = class C extends E(g`
     super.connectedCallback(), x([this.hover$, this.pressed$, this.focused$]).pipe(w(this.disconnecting)).subscribe();
   }
   render() {
-    const t = { "inline-flex": !0, "items-center": !0, "gap-1 sm:gap-1.5 md:gap-2": !0, "rounded-full": !0, "px-2 py-1 sm:px-3 sm:py-1.5 md:px-4 md:py-2": !0, "cursor-pointer": !this.disabled, "transition-all": !0, "duration-200": !0, "select-none": !0, "text-xs sm:text-sm": !0, "font-medium": !0, border: !0, relative: !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-variant": !this._selected, "hover:brightness-95": this._selected && !this.disabled, "hover:bg-surface-containerHigh": !this._selected && !this.disabled, "active:scale-95": !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-50": this.disabled, "cursor-not-allowed": this.disabled };
+    const t = { "inline-flex": !0, "items-center": !0, "gap-2": !0, "rounded-full": !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-variant": !this._selected, "hover:brightness-95": this._selected && !this.disabled, "hover:bg-surface-containerHigh": !this._selected && !this.disabled, "active:scale-95": !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-50": this.disabled, "cursor-not-allowed": this.disabled };
     return r`
 			<button
 				class=${this.classMap(t)}
@@ -103,20 +104,22 @@ const C = class C extends E(g`
 				role="checkbox"
 				tabindex="0"
 			>
-				<!-- Icon container - always reserve space -->
-				<span class="inline-flex w-[18px] h-[18px] items-center justify-center shrink-0">
-					${this._selected ? r`
-						<span class="material-symbols-outlined text-base sm:text-[18px]">
-							check
+				<!-- Icon container - conditionally shown using when directive -->
+				${H(this._selected || this.icon || this.iconSlotElements?.length > 0, () => r`
+						<span class="inline-flex w-[18px] h-[18px] items-center justify-center shrink-0">
+							${this._selected ? r`
+								<span class="material-symbols-outlined text-base sm:text-[18px]">
+									check
+								</span>
+							` : this.icon ? r`
+								<span class="material-symbols-outlined text-base sm:text-[18px]">
+									${this.icon}
+								</span>
+							` : r`
+								<slot name="icon"></slot>
+							`}
 						</span>
-					` : this.icon ? r`
-						<span class="material-symbols-outlined text-base sm:text-[18px]">
-							${this.icon}
-						</span>
-					` : r`
-						<slot name="icon"></slot>
-					`}
-				</span>
+					`)}
 
 				<!-- Chip content -->
 				<slot></slot>
@@ -139,17 +142,17 @@ const C = class C extends E(g`
   }
 };
 C.shadowRootOptions = { ...S.shadowRootOptions, delegatesFocus: !0 }, C.formAssociated = !0;
-let u = C;
-if (y([l({ type: String, reflect: !0 })], u.prototype, "value", 2), y([l({ type: Boolean, reflect: !0 })], u.prototype, "selected", 1), y([l({ type: String, reflect: !0 })], u.prototype, "icon", 2), y([l({ type: Boolean, reflect: !0 })], u.prototype, "removable", 2), y([l({ type: Boolean, reflect: !0 })], u.prototype, "disabled", 2), y([l({ type: Boolean, reflect: !0 })], u.prototype, "elevated", 2), customElements.get("schmancy-filter-chip") || customElements.define("schmancy-filter-chip", u), !customElements.get("schmancy-chip")) {
-  class e extends u {
+let c = C;
+if (f([a({ type: String, reflect: !0 })], c.prototype, "value", 2), f([a({ type: Boolean, reflect: !0 })], c.prototype, "selected", 1), f([a({ type: String, reflect: !0 })], c.prototype, "icon", 2), f([a({ type: Boolean, reflect: !0 })], c.prototype, "removable", 2), f([a({ type: Boolean, reflect: !0 })], c.prototype, "disabled", 2), f([a({ type: Boolean, reflect: !0 })], c.prototype, "elevated", 2), f([O({ slot: "icon" })], c.prototype, "iconSlotElements", 2), customElements.get("schmancy-filter-chip") || customElements.define("schmancy-filter-chip", c), !customElements.get("schmancy-chip")) {
+  class e extends c {
   }
   customElements.define("schmancy-chip", e);
 }
-var I = Object.defineProperty, z = Object.getOwnPropertyDescriptor, m = (e, t, i, o) => {
-  for (var a, s = o > 1 ? void 0 : o ? z(t, i) : t, n = e.length - 1; n >= 0; n--) (a = e[n]) && (s = (o ? a(t, i, s) : a(s)) || s);
-  return o && s && I(t, i, s), s;
+var z = Object.defineProperty, L = Object.getOwnPropertyDescriptor, m = (e, t, i, o) => {
+  for (var l, s = o > 1 ? void 0 : o ? L(t, i) : t, n = e.length - 1; n >= 0; n--) (l = e[n]) && (s = (o ? l(t, i, s) : l(s)) || s);
+  return o && s && z(t, i, s), s;
 };
-let c = class extends E(g`
+let p = class extends E(g`
 	:host {
 		display: inline-block;
 		outline: none;
@@ -181,8 +184,8 @@ let c = class extends E(g`
       if (this.disabled) return;
       const t = this.shadowRoot?.querySelector("button");
       if (t) {
-        const i = t.getBoundingClientRect(), o = e.clientX - i.left, a = e.clientY - i.top, s = this.nextRippleId++;
-        this.ripples = [...this.ripples, { x: o, y: a, id: s }], setTimeout(() => {
+        const i = t.getBoundingClientRect(), o = e.clientX - i.left, l = e.clientY - i.top, s = this.nextRippleId++;
+        this.ripples = [...this.ripples, { x: o, y: l, id: s }], setTimeout(() => {
           this.ripples = this.ripples.filter((n) => n.id !== s);
         }, 600);
       }
@@ -240,10 +243,10 @@ let c = class extends E(g`
 		`;
   }
 };
-c.shadowRootOptions = { ...S.shadowRootOptions, delegatesFocus: !0 }, m([l({ reflect: !0 })], c.prototype, "value", 2), m([l({ reflect: !0 })], c.prototype, "icon", 2), m([l({ reflect: !0 })], c.prototype, "href", 2), m([l({ reflect: !0 })], c.prototype, "target", 2), m([l({ type: Boolean, reflect: !0 })], c.prototype, "disabled", 2), m([l({ type: Boolean, reflect: !0 })], c.prototype, "elevated", 2), m([k()], c.prototype, "ripples", 2), c = m([R("schmancy-assist-chip")], c);
-var L = Object.defineProperty, K = Object.getOwnPropertyDescriptor, b = (e, t, i, o) => {
-  for (var a, s = o > 1 ? void 0 : o ? K(t, i) : t, n = e.length - 1; n >= 0; n--) (a = e[n]) && (s = (o ? a(t, i, s) : a(s)) || s);
-  return o && s && L(t, i, s), s;
+p.shadowRootOptions = { ...S.shadowRootOptions, delegatesFocus: !0 }, m([a({ reflect: !0 })], p.prototype, "value", 2), m([a({ reflect: !0 })], p.prototype, "icon", 2), m([a({ reflect: !0 })], p.prototype, "href", 2), m([a({ reflect: !0 })], p.prototype, "target", 2), m([a({ type: Boolean, reflect: !0 })], p.prototype, "disabled", 2), m([a({ type: Boolean, reflect: !0 })], p.prototype, "elevated", 2), m([k()], p.prototype, "ripples", 2), p = m([R("schmancy-assist-chip")], p);
+var K = Object.defineProperty, T = Object.getOwnPropertyDescriptor, b = (e, t, i, o) => {
+  for (var l, s = o > 1 ? void 0 : o ? T(t, i) : t, n = e.length - 1; n >= 0; n--) (l = e[n]) && (s = (o ? l(t, i, s) : l(s)) || s);
+  return o && s && K(t, i, s), s;
 };
 let d = class extends E(g`
 	:host {
@@ -308,8 +311,8 @@ let d = class extends E(g`
       if (this.disabled) return;
       const t = this.shadowRoot?.querySelector(".chip-container");
       if (t) {
-        const i = t.getBoundingClientRect(), o = e.clientX - i.left, a = e.clientY - i.top, s = this.nextRippleId++;
-        this.ripples = [...this.ripples, { x: o, y: a, id: s }], setTimeout(() => {
+        const i = t.getBoundingClientRect(), o = e.clientX - i.left, l = e.clientY - i.top, s = this.nextRippleId++;
+        this.ripples = [...this.ripples, { x: o, y: l, id: s }], setTimeout(() => {
           this.ripples = this.ripples.filter((n) => n.id !== s);
         }, 600);
       }
@@ -339,7 +342,7 @@ let d = class extends E(g`
     return this.internals?.form;
   }
   connectedCallback() {
-    super.connectedCallback(), x([this.chipHover$, this.removeHover$, this.focused$, this.pressed$]).pipe(H(([e, t, i, o]) => ({ chipHover: e, removeHover: t, focused: i, pressed: o })), D((e) => {
+    super.connectedCallback(), x([this.chipHover$, this.removeHover$, this.focused$, this.pressed$]).pipe(D(([e, t, i, o]) => ({ chipHover: e, removeHover: t, focused: i, pressed: o })), M((e) => {
       this.uiState = e;
     }), w(this.disconnecting)).subscribe();
   }
@@ -410,12 +413,12 @@ let d = class extends E(g`
 		`;
   }
 };
-d.shadowRootOptions = { ...S.shadowRootOptions, delegatesFocus: !0 }, d.formAssociated = !0, b([l({ type: String, reflect: !0 })], d.prototype, "value", 2), b([l({ type: String, reflect: !0 })], d.prototype, "icon", 2), b([l({ type: String, reflect: !0 })], d.prototype, "avatar", 2), b([l({ type: Boolean, reflect: !0 })], d.prototype, "removable", 2), b([l({ type: Boolean, reflect: !0 })], d.prototype, "disabled", 2), b([l({ type: Boolean, reflect: !0 })], d.prototype, "elevated", 2), b([k()], d.prototype, "uiState", 2), b([k()], d.prototype, "ripples", 2), d = b([R("schmancy-input-chip")], d);
-var T = Object.defineProperty, U = Object.getOwnPropertyDescriptor, v = (e, t, i, o) => {
-  for (var a, s = o > 1 ? void 0 : o ? U(t, i) : t, n = e.length - 1; n >= 0; n--) (a = e[n]) && (s = (o ? a(t, i, s) : a(s)) || s);
-  return o && s && T(t, i, s), s;
+d.shadowRootOptions = { ...S.shadowRootOptions, delegatesFocus: !0 }, d.formAssociated = !0, b([a({ type: String, reflect: !0 })], d.prototype, "value", 2), b([a({ type: String, reflect: !0 })], d.prototype, "icon", 2), b([a({ type: String, reflect: !0 })], d.prototype, "avatar", 2), b([a({ type: Boolean, reflect: !0 })], d.prototype, "removable", 2), b([a({ type: Boolean, reflect: !0 })], d.prototype, "disabled", 2), b([a({ type: Boolean, reflect: !0 })], d.prototype, "elevated", 2), b([k()], d.prototype, "uiState", 2), b([k()], d.prototype, "ripples", 2), d = b([R("schmancy-input-chip")], d);
+var U = Object.defineProperty, A = Object.getOwnPropertyDescriptor, v = (e, t, i, o) => {
+  for (var l, s = o > 1 ? void 0 : o ? A(t, i) : t, n = e.length - 1; n >= 0; n--) (l = e[n]) && (s = (o ? l(t, i, s) : l(s)) || s);
+  return o && s && U(t, i, s), s;
 };
-let p = class extends E(g`
+let u = class extends E(g`
 	:host {
 		display: inline-block;
 		outline: none;
@@ -447,8 +450,8 @@ let p = class extends E(g`
       if (this.disabled) return;
       const t = this.shadowRoot?.querySelector("button");
       if (t) {
-        const i = t.getBoundingClientRect(), o = e.clientX - i.left, a = e.clientY - i.top, s = this.nextRippleId++;
-        this.ripples = [...this.ripples, { x: o, y: a, id: s }], setTimeout(() => {
+        const i = t.getBoundingClientRect(), o = e.clientX - i.left, l = e.clientY - i.top, s = this.nextRippleId++;
+        this.ripples = [...this.ripples, { x: o, y: l, id: s }], setTimeout(() => {
           this.ripples = this.ripples.filter((n) => n.id !== s);
         }, 600);
       }
@@ -506,12 +509,12 @@ let p = class extends E(g`
 		`;
   }
 };
-p.shadowRootOptions = { ...S.shadowRootOptions, delegatesFocus: !0 }, v([l({ reflect: !0 })], p.prototype, "value", 2), v([l({ reflect: !0 })], p.prototype, "icon", 2), v([l({ reflect: !0 })], p.prototype, "href", 2), v([l({ reflect: !0 })], p.prototype, "target", 2), v([l({ type: Boolean, reflect: !0 })], p.prototype, "disabled", 2), v([l({ type: Boolean, reflect: !0 })], p.prototype, "elevated", 2), v([k()], p.prototype, "ripples", 2), p = v([R("schmancy-suggestion-chip")], p);
-var A = Object.defineProperty, q = Object.getOwnPropertyDescriptor, $ = (e, t, i, o) => {
-  for (var a, s = o > 1 ? void 0 : o ? q(t, i) : t, n = e.length - 1; n >= 0; n--) (a = e[n]) && (s = (o ? a(t, i, s) : a(s)) || s);
-  return o && s && A(t, i, s), s;
+u.shadowRootOptions = { ...S.shadowRootOptions, delegatesFocus: !0 }, v([a({ reflect: !0 })], u.prototype, "value", 2), v([a({ reflect: !0 })], u.prototype, "icon", 2), v([a({ reflect: !0 })], u.prototype, "href", 2), v([a({ reflect: !0 })], u.prototype, "target", 2), v([a({ type: Boolean, reflect: !0 })], u.prototype, "disabled", 2), v([a({ type: Boolean, reflect: !0 })], u.prototype, "elevated", 2), v([k()], u.prototype, "ripples", 2), u = v([R("schmancy-suggestion-chip")], u);
+var Y = Object.defineProperty, q = Object.getOwnPropertyDescriptor, $ = (e, t, i, o) => {
+  for (var l, s = o > 1 ? void 0 : o ? q(t, i) : t, n = e.length - 1; n >= 0; n--) (l = e[n]) && (s = (o ? l(t, i, s) : l(s)) || s);
+  return o && s && Y(t, i, s), s;
 };
-let f = class extends j(g`
+let y = class extends F(g`
 	:host {
 		display: block;
 	}
@@ -548,15 +551,15 @@ let f = class extends j(g`
     this._value = e || "", this._valueSet = !0, this.value$.next(this._value);
   }
   connectedCallback() {
-    super.connectedCallback(), this.value$.next(this._value), this.values$.next(this._values), x([this.value$.pipe(B()), this.values$.pipe(B((e, t) => e.length === t.length && e.every((i, o) => i === t[o])))]).pipe(M(0), w(this.disconnecting)).subscribe(([e, t]) => {
+    super.connectedCallback(), this.value$.next(this._value), this.values$.next(this._values), x([this.value$.pipe(B()), this.values$.pipe(B((e, t) => e.length === t.length && e.every((i, o) => i === t[o])))]).pipe(j(0), w(this.disconnecting)).subscribe(([e, t]) => {
       this.updateChipStates(this.mode, e, t);
     });
   }
   updateChipStates(e, t, i) {
     this.chips && e !== "none" && this.chips.forEach((o) => {
       if ("value" in o && "selected" in o) {
-        const a = o;
-        e === "multi" ? a.selected = i.length > 0 && i.includes(a.value) : e === "single" && (a.selected = t !== "" && t === a.value);
+        const l = o;
+        e === "multi" ? l.selected = i.length > 0 && i.includes(l.value) : e === "single" && (l.selected = t !== "" && t === l.value);
       }
     });
   }
@@ -581,12 +584,12 @@ let f = class extends j(g`
 		`;
   }
 };
-$([l({ type: Boolean, reflect: !0 })], f.prototype, "multi", 1), $([l({ type: Array, reflect: !0 })], f.prototype, "values", 1), $([l({ type: String, reflect: !0 })], f.prototype, "value", 1), $([O({ selector: "schmancy-chip, schmancy-filter-chip, schmancy-assist-chip, schmancy-input-chip, schmancy-suggestion-chip", flatten: !0 })], f.prototype, "chips", 2), $([l({ type: Boolean, reflect: !0 })], f.prototype, "wrap", 2), f = $([R("schmancy-chips")], f);
+$([a({ type: Boolean, reflect: !0 })], y.prototype, "multi", 1), $([a({ type: Array, reflect: !0 })], y.prototype, "values", 1), $([a({ type: String, reflect: !0 })], y.prototype, "value", 1), $([O({ selector: "schmancy-chip, schmancy-filter-chip, schmancy-assist-chip, schmancy-input-chip, schmancy-suggestion-chip", flatten: !0 })], y.prototype, "chips", 2), $([a({ type: Boolean, reflect: !0 })], y.prototype, "wrap", 2), y = $([R("schmancy-chips")], y);
 export {
-  u as S,
-  c as a,
+  c as S,
+  p as a,
   d as b,
-  p as c,
-  f as d
+  u as c,
+  y as d
 };
-//# sourceMappingURL=chips-BsE2FLOK.js.map
+//# sourceMappingURL=chips-CaQfMLUC.js.map