@mhmo91/schmancy 0.10.24 → 0.10.25

package/dist/{src-Asw6A018.cjs → src-DQ4wr0qq.cjs}

@@ -1,4 +1,4 @@
-require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BPUR4Kc4.cjs`),t=require(`./active-host-jH3iloCR.cjs`),n=require(`./area-BuqdaUpQ.cjs`);require(`./state-DcGj-pJJ.cjs`),require(`./audio-Cvmemu84.cjs`),require(`./autocomplete-Cy46gJxK.cjs`);const r=require(`./theme.service-CnFUmUpc.cjs`),i=require(`./directives.cjs`);require(`./boat-RRtBhD3x.cjs`),require(`./busy-Bn6Pioo8.cjs`),require(`./button-XfdPzfZQ.cjs`),require(`./card-BjUgRzFh.cjs`),require(`./checkbox-rskgUBxQ.cjs`),require(`./chips-BiNZKu0J.cjs`),require(`./connectivity.cjs`);const a=require(`./overlay.service-CKBCIP2f.cjs`);require(`./date-range-em7OwhlK.cjs`),require(`./date-range-inline-DYeqoBIO.cjs`),require(`./delay.cjs`),require(`./details-CNM1tuma.cjs`),require(`./discovery.cjs`),require(`./divider-DaKsGNW-.cjs`),require(`./dropdown.cjs`),require(`./expand-CQDm3BF3.cjs`),require(`./float-5O26zNRh.cjs`),require(`./window.cjs`),require(`./form-B90CMeqs.cjs`),require(`./input-_y92Pzon.cjs`),require(`./radio-group-D97hflrE.cjs`),require(`./range.cjs`);const o=require(`./theme.interface-D4NeufQA.cjs`);require(`./select-Cv5Oev6d.cjs`),require(`./switch.cjs`),require(`./textarea-D1crj8JD.cjs`),require(`./icons-B7ppo07M.cjs`),require(`./iframe-D98csbEo.cjs`),require(`./notification-B3wVUC8l.cjs`),require(`./json.cjs`),require(`./layout.cjs`),require(`./lightbox-Bk3ovcVu.cjs`),require(`./list-DWngbP2X.cjs`),require(`./menu-CdYjxJqm.cjs`),require(`./navigation-rail.cjs`),require(`./option-cRsdshy8.cjs`),require(`./overlay-BnTvnNDc.cjs`),require(`./progress.cjs`),require(`./rxjs-utils-DhOKenkS.cjs`),require(`./slider.cjs`),require(`./steps.cjs`),require(`./surface.cjs`),require(`./table.cjs`),require(`./tabs-B7kaZIom.cjs`),require(`./theme-wE2N7Yu9.cjs`),require(`./theme-button-CXSM5We4.cjs`),require(`./tooltip.cjs`),require(`./tree.cjs`);const s=require(`./types.cjs`);require(`./typewriter.cjs`),require(`./typography.cjs`),require(`./utils-aCJYAGUr.cjs`),require(`./avatar.cjs`),require(`./breadcrumb.cjs`),require(`./kbd.cjs`),require(`./skeleton.cjs`),require(`./splash-screen-DFtxtO2D.cjs`),require(`./visually-hidden.cjs`);let c=require(`rxjs`),l=require(`rxjs/operators`),u=require(`@lit/context`),d=require(`lit/decorators.js`),f=require(`lit`),p=require(`lit/directives/when.js`);var m=class extends e.c{constructor(...e){super(...e),this.color=`primary`,this.size=`md`,this.shape=`pill`,this.outlined=!1,this.icon=``,this.pulse=!1}static{this.styles=[f.css`
+require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-CsYsIJOI.cjs`),t=require(`./active-host-jH3iloCR.cjs`),n=require(`./area-DrVE5pXW.cjs`);require(`./state-DcGj-pJJ.cjs`),require(`./audio-Cvmemu84.cjs`),require(`./autocomplete-6pdZxEab.cjs`);const r=require(`./directives-F15SJZUR.cjs`),i=require(`./theme.service-Y-e8b331.cjs`);require(`./boat-BIB-gPqy.cjs`),require(`./busy-DVCIxBVf.cjs`),require(`./button-JrTMzwHY.cjs`),require(`./card-CTotavhH.cjs`),require(`./checkbox-By4fFmjt.cjs`),require(`./chips-BZf9sGA8.cjs`),require(`./connectivity.cjs`);const a=require(`./overlay.service-BTPn7Uv7.cjs`);require(`./date-range-BJnLWCRF.cjs`),require(`./date-range-inline-B6uKUliV.cjs`),require(`./delay.cjs`),require(`./details-DNrWIes6.cjs`),require(`./discovery.cjs`),require(`./divider-Cde33ivs.cjs`),require(`./dropdown.cjs`),require(`./expand-Db4V0jj-.cjs`),require(`./float--RScf9BZ.cjs`),require(`./window.cjs`),require(`./form-DWNpOsIU.cjs`),require(`./input-C-_XU9AX.cjs`),require(`./radio-group-CN44mAoc.cjs`),require(`./range.cjs`);const o=require(`./theme.interface-B5xjEk74.cjs`);require(`./select-DZNns5Pa.cjs`),require(`./switch.cjs`),require(`./textarea-hrDp5gQq.cjs`),require(`./icons-bNxlWLlk.cjs`),require(`./iframe-B1XWRaLC.cjs`),require(`./notification-DKp4tjaB.cjs`),require(`./json.cjs`),require(`./layout.cjs`),require(`./lightbox-CfRDkeeb.cjs`),require(`./list-CDJi3_Ut.cjs`),require(`./menu-CJaDL2cd.cjs`),require(`./navigation-rail.cjs`),require(`./option-nRk4MuXH.cjs`),require(`./overlay-HNrWZ4sB.cjs`),require(`./progress.cjs`),require(`./rxjs-utils-CaC-tdot.cjs`),require(`./slider.cjs`),require(`./steps.cjs`),require(`./surface.cjs`),require(`./table.cjs`),require(`./tabs-bplzstz6.cjs`),require(`./theme-DmR6PKV8.cjs`),require(`./theme-button-a0LgZ7hQ.cjs`),require(`./tooltip.cjs`),require(`./tree.cjs`);const s=require(`./types.cjs`);require(`./typewriter.cjs`),require(`./typography.cjs`),require(`./utils-CVWUrECT.cjs`),require(`./avatar.cjs`),require(`./breadcrumb.cjs`),require(`./kbd.cjs`),require(`./skeleton.cjs`),require(`./splash-screen-DeoPRrOu.cjs`),require(`./visually-hidden.cjs`);let c=require(`rxjs`),l=require(`rxjs/operators`),u=require(`@lit/context`),d=require(`lit/decorators.js`),f=require(`lit`),p=require(`lit/directives/when.js`);var m=class extends e.c{constructor(...e){super(...e),this.color=`primary`,this.size=`md`,this.shape=`pill`,this.outlined=!1,this.icon=``,this.pulse=!1}static{this.styles=[f.css`
 	:host {
 		display: inline-flex;
 		width: fit-content;
@@ -17,18 +17,18 @@ require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BPUR4Kc4.cjs`),t=requi
 	.animate-pulse {
 		animation: elegant-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 	}
-`]}getSizeClasses(){switch(this.size){case`xs`:return`text-xs py-0.75 px-1.5 gap-0.5 leading-none`;case`sm`:return`text-xs py-1.5 px-2.5 gap-0.5 tracking-wide leading-none`;case`lg`:return`text-base py-2 px-4 gap-1 tracking-wide`;default:return`text-sm py-1.5 px-3 gap-0.5`}}getShapeClasses(){switch(this.shape){case`square`:return`rounded`;case`rounded`:return`rounded-md`;default:return`rounded-full`}}getIconSizeClass(){switch(this.size){case`xs`:return`text-xs`;case`sm`:default:return`text-sm`;case`lg`:return`text-lg`}}getExoticStyles(){let e={};return this.size===`lg`&&(e.letterSpacing=`0.03em`,e.fontWeight=`500`),this.size===`sm`&&(e.letterSpacing=`0.02em`),e}getColorStyles(){return{primary:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.primary.container} 92%, ${o.t.sys.color.primary.default} 8%)`,text:this.outlined?o.t.sys.color.primary.default:o.t.sys.color.primary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.primary.default} 90%, ${o.t.sys.color.surface.highest} 10%)`:void 0},secondary:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.secondary.container} 95%, ${o.t.sys.color.secondary.default} 5%)`,text:this.outlined?o.t.sys.color.secondary.default:o.t.sys.color.secondary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.secondary.default} 85%, ${o.t.sys.color.surface.highest} 15%)`:void 0},tertiary:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.tertiary.container} 94%, ${o.t.sys.color.tertiary.default} 6%)`,text:this.outlined?o.t.sys.color.tertiary.default:o.t.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.tertiary.default} 88%, ${o.t.sys.color.surface.highest} 12%)`:void 0},success:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.success.container} 90%, ${o.t.sys.color.success.default} 10%)`,text:this.outlined?o.t.sys.color.success.default:o.t.sys.color.success.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.success.default} 85%, ${o.t.sys.color.surface.bright} 15%)`:void 0},warning:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.tertiary.container} 85%, ${o.t.sys.color.tertiary.default} 15%)`,text:this.outlined?o.t.sys.color.tertiary.default:o.t.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.tertiary.default} 90%, ${o.t.sys.color.surface.highest} 10%)`:void 0},error:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.error.container} 92%, ${o.t.sys.color.error.default} 8%)`,text:this.outlined?o.t.sys.color.error.default:o.t.sys.color.error.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.error.default} 88%, ${o.t.sys.color.surface.bright} 12%)`:void 0},neutral:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.surface.high} 95%, ${o.t.sys.color.outline} 5%)`,text:this.outlined?`color-mix(in srgb, ${o.t.sys.color.surface.on} 95%, ${o.t.sys.color.surface.default} 5%)`:o.t.sys.color.surface.on,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.outline} 85%, ${o.t.sys.color.surface.highest} 15%)`:void 0},surface:{bg:this.outlined?`transparent`:o.t.sys.color.surface.high,text:o.t.sys.color.surface.on,border:this.outlined?o.t.sys.color.outline:void 0}}[this.color]}render(){let e=this.getSizeClasses(),t=this.getShapeClasses(),n=this.getColorStyles(),r=this.getIconSizeClass(),a=this.getExoticStyles(),o={"inline-flex items-center justify-center font-medium":!0,"transition-all duration-200 ease-in-out":!0,[e]:!0,[t]:!0,"animate-pulse":this.pulse,"border border-solid":this.outlined,"shadow-sm":!this.outlined&&this.size===`sm`,shadow:!this.outlined&&this.size===`md`,"shadow-md":!this.outlined&&this.size===`lg`,"hover:brightness-95 hover:-translate-y-px":this.outlined,"hover:brightness-[0.98]":!this.outlined},s={borderColor:n.border,backdropFilter:this.outlined?`blur(4px)`:void 0,boxShadow:this.size!==`lg`||this.outlined?void 0:`0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1)`,...a};return f.html`
+`]}getSizeClasses(){switch(this.size){case`xs`:return`text-xs py-0.75 px-1.5 gap-0.5 leading-none`;case`sm`:return`text-xs py-1.5 px-2.5 gap-0.5 tracking-wide leading-none`;case`lg`:return`text-base py-2 px-4 gap-1 tracking-wide`;default:return`text-sm py-1.5 px-3 gap-0.5`}}getShapeClasses(){switch(this.shape){case`square`:return`rounded`;case`rounded`:return`rounded-md`;default:return`rounded-full`}}getIconSizeClass(){switch(this.size){case`xs`:return`text-xs`;case`sm`:default:return`text-sm`;case`lg`:return`text-lg`}}getExoticStyles(){let e={};return this.size===`lg`&&(e.letterSpacing=`0.03em`,e.fontWeight=`500`),this.size===`sm`&&(e.letterSpacing=`0.02em`),e}getColorStyles(){return{primary:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.primary.container} 92%, ${o.t.sys.color.primary.default} 8%)`,text:this.outlined?o.t.sys.color.primary.default:o.t.sys.color.primary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.primary.default} 90%, ${o.t.sys.color.surface.highest} 10%)`:void 0},secondary:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.secondary.container} 95%, ${o.t.sys.color.secondary.default} 5%)`,text:this.outlined?o.t.sys.color.secondary.default:o.t.sys.color.secondary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.secondary.default} 85%, ${o.t.sys.color.surface.highest} 15%)`:void 0},tertiary:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.tertiary.container} 94%, ${o.t.sys.color.tertiary.default} 6%)`,text:this.outlined?o.t.sys.color.tertiary.default:o.t.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.tertiary.default} 88%, ${o.t.sys.color.surface.highest} 12%)`:void 0},success:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.success.container} 90%, ${o.t.sys.color.success.default} 10%)`,text:this.outlined?o.t.sys.color.success.default:o.t.sys.color.success.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.success.default} 85%, ${o.t.sys.color.surface.bright} 15%)`:void 0},warning:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.tertiary.container} 85%, ${o.t.sys.color.tertiary.default} 15%)`,text:this.outlined?o.t.sys.color.tertiary.default:o.t.sys.color.tertiary.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.tertiary.default} 90%, ${o.t.sys.color.surface.highest} 10%)`:void 0},error:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.error.container} 92%, ${o.t.sys.color.error.default} 8%)`,text:this.outlined?o.t.sys.color.error.default:o.t.sys.color.error.onContainer,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.error.default} 88%, ${o.t.sys.color.surface.bright} 12%)`:void 0},neutral:{bg:this.outlined?`transparent`:`color-mix(in srgb, ${o.t.sys.color.surface.high} 95%, ${o.t.sys.color.outline} 5%)`,text:this.outlined?`color-mix(in srgb, ${o.t.sys.color.surface.on} 95%, ${o.t.sys.color.surface.default} 5%)`:o.t.sys.color.surface.on,border:this.outlined?`color-mix(in srgb, ${o.t.sys.color.outline} 85%, ${o.t.sys.color.surface.highest} 15%)`:void 0},surface:{bg:this.outlined?`transparent`:o.t.sys.color.surface.high,text:o.t.sys.color.surface.on,border:this.outlined?o.t.sys.color.outline:void 0}}[this.color]}render(){let e=this.getSizeClasses(),t=this.getShapeClasses(),n=this.getColorStyles(),i=this.getIconSizeClass(),a=this.getExoticStyles(),o={"inline-flex items-center justify-center font-medium":!0,"transition-all duration-200 ease-in-out":!0,[e]:!0,[t]:!0,"animate-pulse":this.pulse,"border border-solid":this.outlined,"shadow-sm":!this.outlined&&this.size===`sm`,shadow:!this.outlined&&this.size===`md`,"shadow-md":!this.outlined&&this.size===`lg`,"hover:brightness-95 hover:-translate-y-px":this.outlined,"hover:brightness-[0.98]":!this.outlined},s={borderColor:n.border,backdropFilter:this.outlined?`blur(4px)`:void 0,boxShadow:this.size!==`lg`||this.outlined?void 0:`0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1)`,...a};return f.html`
 			<div
 				part="badge"
 				class="${this.classMap(o)}"
 				style="${this.styleMap(s)}"
-				${i.color({bgColor:n.bg,color:n.text})}
+				${r.C({bgColor:n.bg,color:n.text})}
 			>
 				<!-- Icon slot or named icon -->
 				<slot name="icon">
 					${this.icon?f.html`
 								<div part="icon" class="shrink-0 flex items-center justify-center leading-none">
-									<schmancy-icon class="${r} flex items-center justify-center">${this.icon}</schmancy-icon>
+									<schmancy-icon class="${i} flex items-center justify-center">${this.icon}</schmancy-icon>
 								</div>
 							`:``}
 				</slot>
@@ -109,13 +109,13 @@ require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BPUR4Kc4.cjs`),t=requi
 			<nav
 				style=${this.styleMap(t)}
 				class="${this.classMap({...e})}"
-				${i.color({bgColor:o.t.sys.color.surface.containerLowest})}
+				${r.C({bgColor:o.t.sys.color.surface.containerLowest})}
 			>
 				<slot></slot>
 			</nav>
 			<div
 				id="overlay"
-				${i.color({bgColor:o.t.sys.color.scrim})}
+				${r.C({bgColor:o.t.sys.color.scrim})}
 				@click=${this.handleOverlayClick}
 				class="${this.classMap({"fixed inset-0 z-49 hidden":!0})}"
 			></div>
@@ -172,7 +172,7 @@ require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BPUR4Kc4.cjs`),t=requi
 		animation: ripple 0.6s ease-out;
 		pointer-events: none;
 	}
-`]}get active(){return this.active$.value}set active(e){this.active$.next(e)}setActive(e){this.active=e}connectedCallback(){super.connectedCallback(),this.active$.pipe((0,l.takeUntil)(this.disconnecting)).subscribe(()=>{this.requestUpdate()}),this.setupNavigationStream()}setupNavigationStream(){let e=this.shadowRoot?.querySelector(`button`);e&&(0,c.merge)((0,c.fromEvent)(e,`click`).pipe((0,l.filter)(()=>!this.disabled)),(0,c.fromEvent)(e,`keydown`).pipe((0,l.filter)(()=>!this.disabled),(0,l.filter)(e=>e.key===`Enter`||e.key===` `),(0,l.tap)(e=>e.preventDefault()))).pipe((0,l.tap)(()=>{this.dispatchEvent(new CustomEvent(`bar-item-click`,{detail:{icon:this.icon,label:this.label,active:this.active},bubbles:!0,composed:!0}))}),(0,l.takeUntil)(this.disconnecting)).subscribe()}formatBadge(e){let t=Number(e);return isNaN(t)?e.slice(0,3):t>99?`99+`:String(t)}firstUpdated(){this.setupNavigationStream()}render(){let e=this.querySelector(`[slot]`)||this.textContent?.trim()&&!this.label,t=this.badge?this.formatBadge(this.badge):``,n=t&&t!==`0`,r=this.querySelector(`[slot="icon"]`),a={"relative flex flex-col items-center justify-center":!0,"flex-1 min-w-[48px] max-w-[168px]":!0,"py-2 px-1 cursor-pointer":!this.disabled,"transition-all duration-200":!0,"hover:bg-surface-containerHigh":!this.disabled&&!this.active,"cursor-not-allowed opacity-38":this.disabled,"outline-none":!0,"focus-visible:outline-2 focus-visible:outline-offset-2":!0},s={"w-16 h-8 rounded-2xl":!0,"flex items-center justify-center":!0,"transition-all duration-200":!0,"bg-secondary-container":this.active,"group-hover:bg-surface-containerHighest":!this.active&&!this.disabled,"relative overflow-hidden":!0},c={"absolute top-0 right-3":!0,"min-w-[6px] h-1.5":!n,"min-w-[16px] h-4":n,"rounded-full":!n,"rounded-lg":n,"flex items-center justify-center":n,"px-1":n,"transition-all duration-200":!0,"z-10":!0},l=this.active?{color:o.t.sys.color.secondary.onContainer}:{color:o.t.sys.color.surface.onVariant},u={"--focus-color":o.t.sys.color.primary.default};return f.html`
+`]}get active(){return this.active$.value}set active(e){this.active$.next(e)}setActive(e){this.active=e}connectedCallback(){super.connectedCallback(),this.active$.pipe((0,l.takeUntil)(this.disconnecting)).subscribe(()=>{this.requestUpdate()}),this.setupNavigationStream()}setupNavigationStream(){let e=this.shadowRoot?.querySelector(`button`);e&&(0,c.merge)((0,c.fromEvent)(e,`click`).pipe((0,l.filter)(()=>!this.disabled)),(0,c.fromEvent)(e,`keydown`).pipe((0,l.filter)(()=>!this.disabled),(0,l.filter)(e=>e.key===`Enter`||e.key===` `),(0,l.tap)(e=>e.preventDefault()))).pipe((0,l.tap)(()=>{this.dispatchEvent(new CustomEvent(`bar-item-click`,{detail:{icon:this.icon,label:this.label,active:this.active},bubbles:!0,composed:!0}))}),(0,l.takeUntil)(this.disconnecting)).subscribe()}formatBadge(e){let t=Number(e);return isNaN(t)?e.slice(0,3):t>99?`99+`:String(t)}firstUpdated(){this.setupNavigationStream()}render(){let e=this.querySelector(`[slot]`)||this.textContent?.trim()&&!this.label,t=this.badge?this.formatBadge(this.badge):``,n=t&&t!==`0`,i=this.querySelector(`[slot="icon"]`),a={"relative flex flex-col items-center justify-center":!0,"flex-1 min-w-[48px] max-w-[168px]":!0,"py-2 px-1 cursor-pointer":!this.disabled,"transition-all duration-200":!0,"hover:bg-surface-containerHigh":!this.disabled&&!this.active,"cursor-not-allowed opacity-38":this.disabled,"outline-none":!0,"focus-visible:outline-2 focus-visible:outline-offset-2":!0},s={"w-16 h-8 rounded-2xl":!0,"flex items-center justify-center":!0,"transition-all duration-200":!0,"bg-secondary-container":this.active,"group-hover:bg-surface-containerHighest":!this.active&&!this.disabled,"relative overflow-hidden":!0},c={"absolute top-0 right-3":!0,"min-w-[6px] h-1.5":!n,"min-w-[16px] h-4":n,"rounded-full":!n,"rounded-lg":n,"flex items-center justify-center":n,"px-1":n,"transition-all duration-200":!0,"z-10":!0},l=this.active?{color:o.t.sys.color.secondary.onContainer}:{color:o.t.sys.color.surface.onVariant},u={"--focus-color":o.t.sys.color.primary.default};return f.html`
 			<button
 				type="button"
 				class=${this.classMap(a)}
@@ -182,7 +182,7 @@ require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BPUR4Kc4.cjs`),t=requi
 				aria-pressed=${this.active}
 				aria-label=${this.label||`Navigation item`}
 				style=${this.styleMap({...u,"outline-color":`var(--focus-color)`})}
-				${i.color(l)}
+				${r.C(l)}
 			>
 				<!-- Icon with indicator background -->
 				<div class=${this.classMap(s)}>
@@ -194,7 +194,7 @@ require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BPUR4Kc4.cjs`),t=requi
 							></span>
 						`)}
 
-					${r?f.html`<slot name="icon"></slot>`:this.icon?f.html`
+					${i?f.html`<slot name="icon"></slot>`:this.icon?f.html`
 									<schmancy-icon
 										.fill=${+!!this.active}
 										class="relative z-10 flex items-center justify-center transition-all duration-200"
@@ -216,7 +216,7 @@ require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BPUR4Kc4.cjs`),t=requi
 					<span
 						class=${this.classMap(c)}
 						aria-label="${t} notifications"
-						${i.color({bgColor:o.t.sys.color.error.default,color:o.t.sys.color.error.on})}
+						${r.C({bgColor:o.t.sys.color.error.default,color:o.t.sys.color.error.on})}
 					>
 						<span class="text-[10px] font-medium leading-none">${t}</span>
 					</span>
@@ -224,7 +224,7 @@ require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BPUR4Kc4.cjs`),t=requi
 					<span
 						class=${this.classMap(c)}
 						aria-label="Has notifications"
-						${i.color({bgColor:o.t.sys.color.error.default})}
+						${r.C({bgColor:o.t.sys.color.error.default})}
 					></span>
 				`:``}
 			</button>
@@ -249,14 +249,14 @@ require(`./chunk-CncqDLb2.cjs`);const e=require(`./mixins-BPUR4Kc4.cjs`),t=requi
 		outline: 2px solid var(--schmancy-sys-color-primary);
 		outline-offset: -2px;
 	}
-`]}get activeIndex(){return this.activeIndex$.value}set activeIndex(e){this.activeIndex$.next(e)}getItems(){let e=this.shadowRoot?.querySelector(`slot`);return e?e.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase()===`schmancy-navigation-bar-item`):[]}isMobileViewport(){return this.mobileMediaQuery?.matches??!1}updateBottomOffset(){let e=!this.isFullscreen&&this.isMobileViewport();r.n.setBottomOffset(e?80:0)}connectedCallback(){super.connectedCallback(),this.mobileMediaQuery=window.matchMedia(`(max-width: 767px)`),(0,c.fromEvent)(this.mobileMediaQuery,`change`).pipe((0,l.tap)(()=>this.updateBottomOffset()),(0,l.takeUntil)(this.disconnecting)).subscribe(),r.n.fullscreen$.pipe((0,l.tap)(e=>{this.isFullscreen=e,this.visibility$.next(!this.isFullscreen&&!this.isHiddenByScroll),this.updateBottomOffset()}),(0,l.takeUntil)(this.disconnecting)).subscribe(),this.updateBottomOffset(),(0,c.fromEvent)(this,`bar-item-click`).pipe((0,l.tap)(e=>this.handleItemClick(e)),(0,l.takeUntil)(this.disconnecting)).subscribe(),(0,c.fromEvent)(this,`keydown`).pipe((0,l.tap)(e=>this.handleKeyDown(e)),(0,l.takeUntil)(this.disconnecting)).subscribe(),this.activeIndex$.pipe((0,l.takeUntil)(this.disconnecting)).subscribe(e=>{this.updateActiveStates(e)}),this.hideOnScroll&&this.setupScrollListener(),this.updateItems()}disconnectedCallback(){super.disconnectedCallback(),r.n.setBottomOffset(0),this.mobileMediaQuery=null}setupScrollListener(){(0,c.fromEvent)(window,`scroll`).pipe((0,l.throttleTime)(100),(0,l.map)(()=>window.scrollY),(0,l.pairwise)(),(0,l.filter)(([e,t])=>Math.abs(t-e)>this.SCROLL_THRESHOLD),(0,l.tap)(([e,t])=>{let n=t>e,r=t<e,i=this.isHiddenByScroll;n&&!this.isHiddenByScroll?this.isHiddenByScroll=!0:r&&this.isHiddenByScroll&&(this.isHiddenByScroll=!1),t<=this.SCROLL_THRESHOLD&&(this.isHiddenByScroll=!1),i!==this.isHiddenByScroll&&this.visibility$.next(!this.isHiddenByScroll&&!this.isFullscreen)}),(0,l.takeUntil)(this.disconnecting)).subscribe()}focusItem(e){let t=this.getItems();t[e]&&(this.focusedIndex=e,t[e].focus())}updateItems(){let e=this.shadowRoot?.querySelector(`slot`);if(e){let t=()=>{this.updateActiveStates(this.activeIndex)};e.addEventListener(`slotchange`,t),t()}}addBoatItem(e){let t=this.querySelector(`[value="${e.id}"]`);if(t)return t;let n=document.createElement(`schmancy-navigation-bar-item`);return n.setAttribute(`value`,e.id),n.innerHTML=`\n\t\t\t<schmancy-icon>${e.icon||`widgets`}</schmancy-icon>\n\t\t\t<span>${e.title}</span>\n\t\t`,this.appendChild(n),n}updateActiveStates(e){this.getItems().forEach((t,n)=>{t.setActive(n===e),t.hideLabels=this.hideLabels,t.tabIndex=n===e?0:-1})}updated(e){super.updated(e),e.has(`hideLabels`)&&this.updateActiveStates(this.activeIndex),e.has(`hideOnScroll`)&&(this.hideOnScroll&&!e.get(`hideOnScroll`)?this.setupScrollListener():this.hideOnScroll||(this.isHiddenByScroll=!1,this.visibility$.next(!this.isFullscreen)))}render(){let e=this.isFullscreen||this.isHiddenByScroll,t={"h-20":!0,"flex items-center justify-around":!0,"px-2 py-3 box-border":!0,"transition-all duration-300 ease-in-out":!0,"z-10":!0,"shadow-none":this.elevation===0,"shadow-sm":this.elevation===1,"shadow-md":this.elevation===2,"shadow-lg":this.elevation===3,"shadow-xl":this.elevation===4,"shadow-2xl":this.elevation===5},n=e?`translateY(100%)`:`translateY(0)`;return f.html`
+`]}get activeIndex(){return this.activeIndex$.value}set activeIndex(e){this.activeIndex$.next(e)}getItems(){let e=this.shadowRoot?.querySelector(`slot`);return e?e.assignedElements({flatten:!0}).filter(e=>e.tagName.toLowerCase()===`schmancy-navigation-bar-item`):[]}isMobileViewport(){return this.mobileMediaQuery?.matches??!1}updateBottomOffset(){let e=!this.isFullscreen&&this.isMobileViewport();i.n.setBottomOffset(e?80:0)}connectedCallback(){super.connectedCallback(),this.mobileMediaQuery=window.matchMedia(`(max-width: 767px)`),(0,c.fromEvent)(this.mobileMediaQuery,`change`).pipe((0,l.tap)(()=>this.updateBottomOffset()),(0,l.takeUntil)(this.disconnecting)).subscribe(),i.n.fullscreen$.pipe((0,l.tap)(e=>{this.isFullscreen=e,this.visibility$.next(!this.isFullscreen&&!this.isHiddenByScroll),this.updateBottomOffset()}),(0,l.takeUntil)(this.disconnecting)).subscribe(),this.updateBottomOffset(),(0,c.fromEvent)(this,`bar-item-click`).pipe((0,l.tap)(e=>this.handleItemClick(e)),(0,l.takeUntil)(this.disconnecting)).subscribe(),(0,c.fromEvent)(this,`keydown`).pipe((0,l.tap)(e=>this.handleKeyDown(e)),(0,l.takeUntil)(this.disconnecting)).subscribe(),this.activeIndex$.pipe((0,l.takeUntil)(this.disconnecting)).subscribe(e=>{this.updateActiveStates(e)}),this.hideOnScroll&&this.setupScrollListener(),this.updateItems()}disconnectedCallback(){super.disconnectedCallback(),i.n.setBottomOffset(0),this.mobileMediaQuery=null}setupScrollListener(){(0,c.fromEvent)(window,`scroll`).pipe((0,l.throttleTime)(100),(0,l.map)(()=>window.scrollY),(0,l.pairwise)(),(0,l.filter)(([e,t])=>Math.abs(t-e)>this.SCROLL_THRESHOLD),(0,l.tap)(([e,t])=>{let n=t>e,r=t<e,i=this.isHiddenByScroll;n&&!this.isHiddenByScroll?this.isHiddenByScroll=!0:r&&this.isHiddenByScroll&&(this.isHiddenByScroll=!1),t<=this.SCROLL_THRESHOLD&&(this.isHiddenByScroll=!1),i!==this.isHiddenByScroll&&this.visibility$.next(!this.isHiddenByScroll&&!this.isFullscreen)}),(0,l.takeUntil)(this.disconnecting)).subscribe()}focusItem(e){let t=this.getItems();t[e]&&(this.focusedIndex=e,t[e].focus())}updateItems(){let e=this.shadowRoot?.querySelector(`slot`);if(e){let t=()=>{this.updateActiveStates(this.activeIndex)};e.addEventListener(`slotchange`,t),t()}}addBoatItem(e){let t=this.querySelector(`[value="${e.id}"]`);if(t)return t;let n=document.createElement(`schmancy-navigation-bar-item`);return n.setAttribute(`value`,e.id),n.innerHTML=`\n\t\t\t<schmancy-icon>${e.icon||`widgets`}</schmancy-icon>\n\t\t\t<span>${e.title}</span>\n\t\t`,this.appendChild(n),n}updateActiveStates(e){this.getItems().forEach((t,n)=>{t.setActive(n===e),t.hideLabels=this.hideLabels,t.tabIndex=n===e?0:-1})}updated(e){super.updated(e),e.has(`hideLabels`)&&this.updateActiveStates(this.activeIndex),e.has(`hideOnScroll`)&&(this.hideOnScroll&&!e.get(`hideOnScroll`)?this.setupScrollListener():this.hideOnScroll||(this.isHiddenByScroll=!1,this.visibility$.next(!this.isFullscreen)))}render(){let e=this.isFullscreen||this.isHiddenByScroll,t={"h-20":!0,"flex items-center justify-around":!0,"px-2 py-3 box-border":!0,"transition-all duration-300 ease-in-out":!0,"z-10":!0,"shadow-none":this.elevation===0,"shadow-sm":this.elevation===1,"shadow-md":this.elevation===2,"shadow-lg":this.elevation===3,"shadow-xl":this.elevation===4,"shadow-2xl":this.elevation===5},n=e?`translateY(100%)`:`translateY(0)`;return f.html`
 			<nav
 				class=${this.classMap(t)}
 				role="navigation"
 				aria-label="Main navigation"
 				aria-hidden=${e}
 				style="transform: ${n};"
-				${i.color({bgColor:o.t.sys.color.surface.container,color:o.t.sys.color.surface.on})}
+				${r.C({bgColor:o.t.sys.color.surface.container,color:o.t.sys.color.surface.on})}
 			>
 				<slot></slot>
 			</nav>