@mhmo91/schmancy 0.10.41 → 0.10.43

package/dist/{src-CCVbLLgC.js → src-DAtcPmCb.js}

@@ -1,214 +1,126 @@
-import { t as e, u as t } from "./SchmancyElement-OWgz9ePG.js";
-import "./mixins-COeG4DiX.js";
-import { S as n, b as r, x as i } from "./area-BiM7V2ns.js";
-import "./state-QSwQ61sA.js";
-import "./audio-CxO_j__6.js";
-import "./autocomplete-DUBY9RtH.js";
-import { S as a } from "./directives-d1rEbW1A.js";
-import { n as o } from "./theme.service-5RjyR7Sy.js";
-import { o as s } from "./overlay.service-yqTOyLlr.js";
-import "./boat-ScvAima3.js";
-import "./busy-BjsO3y2A.js";
+import { t as e, u as t } from "./SchmancyElement-Ob9yGkiG.js";
+import "./mixins-q4KAL8Xr.js";
+import { S as n, b as r, x as i } from "./area-MxLAyWgV.js";
+import "./state-DBA_gzJO.js";
+import "./audio-B_0PGwYC.js";
+import "./autocomplete-DV9RxCun.js";
+import { S as a } from "./directives-Dj8jlv-Q.js";
+import { n as o } from "./theme.service-D94nm7Bf.js";
+import { o as s } from "./overlay.service-BuUeti6X.js";
+import "./boat-DoZGgQ0P.js";
+import "./busy-g4LoQmhB.js";
 import "./button.js";
-import "./card-DCdtJ5Dy.js";
-import "./checkbox-DVtyPk7l.js";
-import "./chips-C5bpgWyf.js";
+import "./calendar-kCe5LaBa.js";
+import "./card-CS_hYJbz.js";
+import "./checkbox-Bjp7kWuE.js";
+import "./chips-DACeW7YL.js";
 import "./connectivity.js";
-import "./date-range-IPlbrhwW.js";
-import "./date-range-inline-DPqY9YYf.js";
+import "./date-range-D2NZU5Yg.js";
+import "./date-range-inline-D6Ozerzw.js";
 import "./delay.js";
-import "./details-BnleHmYe.js";
+import "./details-Ct1_GwKr.js";
 import "./discovery.js";
-import "./divider-Cr-rx3vA.js";
+import "./divider-BJHW3q11.js";
 import "./dropdown.js";
-import "./expand-DNrWuG_-.js";
+import "./expand-BT8mOu8Q.js";
 import "./fab.js";
-import "./float-C_CMle0q.js";
+import "./float-BQcxj3i_.js";
 import "./window.js";
 import "./input.js";
-import "./radio-group-CXkq6qAF.js";
+import "./radio-group-Drpl6Pl8.js";
 import "./range.js";
-import { t as c } from "./theme.interface-odQEpZZH.js";
-import "./select-CU90i50_.js";
+import { t as c } from "./theme.interface-B7caS5cg.js";
+import "./select-CTXkrrVZ.js";
 import "./switch.js";
-import "./textarea-CcRsw08B.js";
+import "./textarea-BjDx1w2g.js";
 import "./form.js";
-import "./icons-mbpHO_73.js";
-import "./iframe-U3P1DnQv.js";
-import "./notification-CAJVpLne.js";
+import "./icons-DEJnIxml.js";
+import "./iframe-V3S-bwEY.js";
+import "./notification-COhUhUCr.js";
 import "./json.js";
 import "./layout.js";
-import "./lightbox-BSwWvDQc.js";
-import "./list-BwGtAAfi.js";
-import "./menu-DX8d96x-.js";
+import "./lightbox-DIG0VLOK.js";
+import "./list-NrOYDPBo.js";
+import "./menu-B1Ei9SVj.js";
 import "./navigation-rail.js";
-import "./option-JISY0wZJ.js";
-import "./overlay-CT-tMHDX.js";
+import "./option-BIzgTbXz.js";
+import "./overlay-LoRRemny.js";
 import "./progress.js";
-import "./rxjs-utils-d-ivVN84.js";
+import "./rxjs-utils-JMFdgQSl.js";
 import "./slider.js";
 import "./steps.js";
 import "./surface.js";
 import "./table.js";
-import "./tabs-Ib0Mh__1.js";
-import "./theme-CKYXG0le.js";
-import "./theme-button-iLqT56KA.js";
+import "./tabs-BYhFWnsx.js";
+import "./theme-Dvm5J8nh.js";
+import "./theme-button-Bko5ohFP.js";
 import "./tooltip.js";
 import "./tree.js";
 import { SchmancyEvents as l } from "./types.js";
 import "./typewriter.js";
 import "./typography.js";
-import "./utils-H8wNknWC.js";
+import "./utils-dSPH7Oh9.js";
 import "./avatar.js";
 import "./breadcrumb.js";
 import "./kbd.js";
 import "./skeleton.js";
-import "./splash-screen-Cs3dbPN3.js";
+import "./splash-screen-DANfqvlo.js";
 import "./visually-hidden.js";
 import { BehaviorSubject as u, Observable as ee, Subject as d, bufferTime as te, concatMap as ne, debounceTime as f, delay as re, distinctUntilChanged as ie, filter as ae, fromEvent as p, interval as oe, map as m, merge as h, of as g, startWith as se, take as ce, takeUntil as _, tap as v, throwIfEmpty as le, timeout as ue, timer as de, zip as fe } from "rxjs";
 import { distinctUntilChanged as pe, filter as y, map as me, pairwise as he, take as ge, takeUntil as b, tap as x, throttleTime as _e } from "rxjs/operators";
 import { consume as S, createContext as C, provide as w } from "@lit/context";
-import { customElement as T, property as E, query as ve, queryAssignedElements as ye, state as D } from "lit/decorators.js";
-import { css as O, html as k, nothing as be } from "lit";
-import { when as xe } from "lit/directives/when.js";
-var A = class extends e {
+import { customElement as T, property as E, query as D, queryAssignedElements as ve, state as O } from "lit/decorators.js";
+import { css as k, html as A, nothing as ye } from "lit";
+import { when as be } from "lit/directives/when.js";
+var j = class extends e {
 	constructor(...e) {
-		super(...e), this.color = "primary", this.size = "md", this.shape = "pill", this.outlined = !1, this.icon = "", this.pulse = !1;
+		super(...e), this.color = "primary", this.size = "md", this.shape = "pill", this.outlined = !1;
 	}
 	static {
-		this.styles = [O`
-	:host {
-		display: inline-flex;
-		flex-shrink: 0;
-		width: fit-content;
-	}
-
-	/* Enhanced pulse animation for better attention-getting */
-	@keyframes elegant-pulse {
-		0%, 100% {
-			opacity: 1;
-		}
-		50% {
-			opacity: 0.85;
-		}
-	}
-
-	.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;
+		this.styles = [k`
+			:host {
+				display: inline-flex;
+				flex-shrink: 0;
+				width: fit-content;
+			}
+		`];
 	}
-	getColorStyles() {
-		return {
-			primary: {
-				bg: this.outlined ? "transparent" : `color-mix(in srgb, ${c.sys.color.primary.container} 92%, ${c.sys.color.primary.default} 8%)`,
-				text: this.outlined ? c.sys.color.primary.default : c.sys.color.primary.onContainer,
-				border: this.outlined ? `color-mix(in srgb, ${c.sys.color.primary.default} 90%, ${c.sys.color.surface.highest} 10%)` : void 0
-			},
-			secondary: {
-				bg: this.outlined ? "transparent" : `color-mix(in srgb, ${c.sys.color.secondary.container} 95%, ${c.sys.color.secondary.default} 5%)`,
-				text: this.outlined ? c.sys.color.secondary.default : c.sys.color.secondary.onContainer,
-				border: this.outlined ? `color-mix(in srgb, ${c.sys.color.secondary.default} 85%, ${c.sys.color.surface.highest} 15%)` : void 0
-			},
-			tertiary: {
-				bg: this.outlined ? "transparent" : `color-mix(in srgb, ${c.sys.color.tertiary.container} 94%, ${c.sys.color.tertiary.default} 6%)`,
-				text: this.outlined ? c.sys.color.tertiary.default : c.sys.color.tertiary.onContainer,
-				border: this.outlined ? `color-mix(in srgb, ${c.sys.color.tertiary.default} 88%, ${c.sys.color.surface.highest} 12%)` : void 0
-			},
-			success: {
-				bg: this.outlined ? "transparent" : `color-mix(in srgb, ${c.sys.color.success.container} 90%, ${c.sys.color.success.default} 10%)`,
-				text: this.outlined ? c.sys.color.success.default : c.sys.color.success.onContainer,
-				border: this.outlined ? `color-mix(in srgb, ${c.sys.color.success.default} 85%, ${c.sys.color.surface.bright} 15%)` : void 0
-			},
-			warning: {
-				bg: this.outlined ? "transparent" : `color-mix(in srgb, ${c.sys.color.tertiary.container} 85%, ${c.sys.color.tertiary.default} 15%)`,
-				text: this.outlined ? c.sys.color.tertiary.default : c.sys.color.tertiary.onContainer,
-				border: this.outlined ? `color-mix(in srgb, ${c.sys.color.tertiary.default} 90%, ${c.sys.color.surface.highest} 10%)` : void 0
-			},
-			error: {
-				bg: this.outlined ? "transparent" : `color-mix(in srgb, ${c.sys.color.error.container} 92%, ${c.sys.color.error.default} 8%)`,
-				text: this.outlined ? c.sys.color.error.default : c.sys.color.error.onContainer,
-				border: this.outlined ? `color-mix(in srgb, ${c.sys.color.error.default} 88%, ${c.sys.color.surface.bright} 12%)` : void 0
-			},
+	render() {
+		let e = this.size === "xs" ? "text-xs px-1.5 py-0.5" : this.size === "sm" ? "text-xs px-2 py-0.5" : "text-sm px-2.5 py-0.5", t = this.shape === "rounded" ? "rounded-md" : "rounded-full", n = {
+			primary: c.sys.color.primary,
+			secondary: c.sys.color.secondary,
+			tertiary: c.sys.color.tertiary,
+			success: c.sys.color.success,
+			warning: c.sys.color.warning,
+			error: c.sys.color.error,
 			neutral: {
-				bg: this.outlined ? "transparent" : `color-mix(in srgb, ${c.sys.color.surface.high} 95%, ${c.sys.color.outline} 5%)`,
-				text: this.outlined ? `color-mix(in srgb, ${c.sys.color.surface.on} 95%, ${c.sys.color.surface.default} 5%)` : c.sys.color.surface.on,
-				border: this.outlined ? `color-mix(in srgb, ${c.sys.color.outline} 85%, ${c.sys.color.surface.highest} 15%)` : void 0
+				container: c.sys.color.surface.high,
+				onContainer: c.sys.color.surface.on,
+				default: c.sys.color.surface.on
 			},
 			surface: {
-				bg: this.outlined ? "transparent" : c.sys.color.surface.high,
-				text: c.sys.color.surface.on,
-				border: this.outlined ? c.sys.color.outline : void 0
+				container: c.sys.color.surface.container,
+				onContainer: c.sys.color.surface.on,
+				default: c.sys.color.surface.on
 			}
 		}[this.color];
-	}
-	render() {
-		let e = this.getSizeClasses(), t = this.getShapeClasses(), n = this.getColorStyles(), r = this.getIconSizeClass(), i = 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)",
-			...i
-		};
-		return k`
+		return A`
 			<div
 				part="badge"
-				class="${this.classMap(o)}"
-				style="${this.styleMap(s)}"
+				class="${this.classMap({
+			"inline-flex items-center justify-center font-medium leading-none": !0,
+			"transition-colors duration-150": !0,
+			"border border-solid": this.outlined,
+			[e]: !0,
+			[t]: !0
+		})}"
+				style="${this.styleMap({ borderColor: this.outlined ? n.default : void 0 })}"
 				${a({
-			bgColor: n.bg,
-			color: n.text
+			bgColor: this.outlined ? "transparent" : n.container,
+			color: this.outlined ? n.default : n.onContainer
 		})}
 			>
-				<!-- Icon slot or named icon -->
-				<slot name="icon">
-					${this.icon ? k`
-								<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>
-								</div>
-							` : ""}
-				</slot>
-
-				<!-- Content with proper spacing from icon -->
-				<div part="content" class="flex items-center leading-none tracking-[0.01em] ${this.icon ? "ml-[0.38em]" : ""}">
+				<div part="content" class="flex items-center leading-none tracking-[0.01em]">
 					<slot></slot>
 				</div>
 			</div>
@@ -218,22 +130,19 @@ var A = class extends e {
 t([E({
 	type: String,
 	reflect: !0
-})], A.prototype, "color", void 0), t([E({
+})], j.prototype, "color", void 0), t([E({
 	type: String,
 	reflect: !0
-})], A.prototype, "size", void 0), t([E({
+})], j.prototype, "size", void 0), t([E({
 	type: String,
 	reflect: !0
-})], A.prototype, "shape", void 0), t([E({
+})], j.prototype, "shape", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], A.prototype, "outlined", void 0), t([E({ type: String })], A.prototype, "icon", void 0), t([E({
-	type: Boolean,
-	reflect: !0
-})], A.prototype, "pulse", void 0), A = t([T("schmancy-badge")], A);
-var j = class extends A {};
-j = t([T("sch-badge")], j);
-var Se = new class {
+})], j.prototype, "outlined", void 0), j = t([T("schmancy-badge")], j);
+var M = class extends j {};
+M = t([T("sch-badge")], M);
+var xe = new class {
 	constructor() {
 		this.$drawer = new d(), this.pushCounter = 0, this.isDismissing$ = new u(!1), this.$drawer.pipe(ne((e) => {
 			switch (e.action) {
@@ -296,7 +205,7 @@ var Se = new class {
 			...e
 		});
 	}
-}(), M = C("push"), N = C("close"), P = C(Math.floor(Math.random() * Date.now()).toString()), F = C("100%"), I = C({}), Ce = "schmancy-content-drawer-overlay-dismiss", L = class extends e {
+}(), N = C("push"), P = C("close"), F = C(Math.floor(Math.random() * Date.now()).toString()), I = C("100%"), L = C({}), Se = "schmancy-content-drawer-overlay-dismiss", R = class extends e {
 	constructor(...e) {
 		super(...e), this.minWidth = {
 			main: 360,
@@ -304,14 +213,14 @@ var Se = new class {
 		}, this.schmancyContentDrawerID = Math.floor(Math.random() * Date.now()).toString(), this.maxHeight = "100%", this.overlaySubscription = null;
 	}
 	static {
-		this.styles = [O`
-	:host {
-		position: relative;
-		inset: 0;
-		display: block;
-		overflow: hidden;
-	}
-`];
+		this.styles = [k`
+			:host {
+				position: relative;
+				inset: 0;
+				display: block;
+				overflow: hidden;
+			}
+		`];
 	}
 	firstUpdated() {
 		this.setupResizeListener(), this.setupToggleListener(), this.setupRenderListener();
@@ -325,7 +234,7 @@ var Se = new class {
 		});
 	}
 	setupRenderListener() {
-		p(window, "schmancy-content-drawer-render").pipe(v((e) => e.stopPropagation()), m((e) => e.detail), _(this.disconnecting)).subscribe((e) => this.handleRender(e)), p(this, Ce).pipe(_(this.disconnecting)).subscribe(() => this.dismissOverlay());
+		p(window, "schmancy-content-drawer-render").pipe(v((e) => e.stopPropagation()), m((e) => e.detail), _(this.disconnecting)).subscribe((e) => this.handleRender(e)), p(this, Se).pipe(_(this.disconnecting)).subscribe(() => this.dismissOverlay());
 	}
 	updateMaxHeight() {
 		this.maxHeight = window.innerHeight - this.getOffsetTop(this) + "px", this.style.setProperty("max-height", this.maxHeight);
@@ -354,7 +263,7 @@ var Se = new class {
 		return t;
 	}
 	render() {
-		return this.mode && this.open ? k`
+		return this.mode && this.open ? A`
 			<div class=${[
 			"grid h-full",
 			"grid-flow-col auto-cols-max",
@@ -364,18 +273,18 @@ var Se = new class {
 		].join(" ")}>
 				<slot></slot>
 			</div>
-		` : be;
+		` : ye;
 	}
 };
-t([w({ context: I })], L.prototype, "minWidth", void 0), t([w({ context: N }), E()], L.prototype, "open", void 0), t([w({ context: M }), D()], L.prototype, "mode", void 0), t([w({ context: P })], L.prototype, "schmancyContentDrawerID", void 0), t([w({ context: F })], L.prototype, "maxHeight", void 0), t([ye({ flatten: !0 })], L.prototype, "assignedElements", void 0), L = t([T("schmancy-content-drawer")], L);
-var R = class extends e {
+t([w({ context: L })], R.prototype, "minWidth", void 0), t([w({ context: P }), E()], R.prototype, "open", void 0), t([w({ context: N }), O()], R.prototype, "mode", void 0), t([w({ context: F })], R.prototype, "schmancyContentDrawerID", void 0), t([w({ context: I })], R.prototype, "maxHeight", void 0), t([ve({ flatten: !0 })], R.prototype, "assignedElements", void 0), R = t([T("schmancy-content-drawer")], R);
+var z = class extends e {
 	static {
-		this.styles = [O`
-	:host {
-		display: block;
-		overflow: hidden;
-	}
-`];
+		this.styles = [k`
+			:host {
+				display: block;
+				overflow: hidden;
+			}
+		`];
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.minWidth ? this.drawerMinWidth.main = this.minWidth : this.minWidth = this.drawerMinWidth.main;
@@ -391,7 +300,7 @@ var R = class extends e {
 			minWidth: `${this.minWidth}px`,
 			maxHeight: this.maxHeight
 		};
-		return k`
+		return A`
 			<section class="relative inset-0 h-full">
 				<div class=${[
 			"grid h-full relative overflow-scroll",
@@ -404,28 +313,28 @@ var R = class extends e {
 						<slot></slot>
 					</section>
 				</div>
-				${xe(this.mode === "push", () => k` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
+				${be(this.mode === "push", () => A` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
 			</section>
 		`;
 	}
 };
-t([E({ type: Number })], R.prototype, "minWidth", void 0), t([S({
-	context: I,
+t([E({ type: Number })], z.prototype, "minWidth", void 0), t([S({
+	context: L,
 	subscribe: !0
-})], R.prototype, "drawerMinWidth", void 0), t([S({
-	context: M,
+})], z.prototype, "drawerMinWidth", void 0), t([S({
+	context: N,
 	subscribe: !0
-}), D()], R.prototype, "mode", void 0), t([S({
-	context: F,
+}), O()], z.prototype, "mode", void 0), t([S({
+	context: I,
 	subscribe: !0
-}), D()], R.prototype, "maxHeight", void 0), R = t([T("schmancy-content-drawer-main")], R);
-var z = class extends e {
+}), O()], z.prototype, "maxHeight", void 0), z = t([T("schmancy-content-drawer-main")], z);
+var B = class extends e {
 	static {
-		this.styles = [O`
-	:host {
-		overflow: scroll;
-	}
-`];
+		this.styles = [k`
+			:host {
+				overflow: scroll;
+			}
+		`];
 	}
 	connectedCallback() {
 		super.connectedCallback(), this.minWidth ? this.drawerMinWidth.sheet = this.minWidth : this.minWidth = this.drawerMinWidth.sheet;
@@ -449,7 +358,7 @@ var z = class extends e {
 		});
 	}
 	requestOverlayDismiss() {
-		this.dispatchEvent(new CustomEvent(Ce, {
+		this.dispatchEvent(new CustomEvent(Se, {
 			bubbles: !0,
 			composed: !0
 		}));
@@ -482,7 +391,7 @@ var z = class extends e {
 			minWidth: `${this.minWidth}px`,
 			maxHeight: this.maxHeight
 		};
-		return k`
+		return A`
 			<section id="sheet" class="${this.classMap(e)}" style=${this.styleMap(t)}>
 				<schmancy-area class="h-full w-full" name="${this.schmancyContentDrawerID}">
 					<slot name="placeholder"></slot>
@@ -491,23 +400,23 @@ var z = class extends e {
 		`;
 	}
 };
-t([E({ type: Number })], z.prototype, "minWidth", void 0), t([S({
-	context: M,
-	subscribe: !0
-}), D()], z.prototype, "mode", void 0), t([S({
+t([E({ type: Number })], B.prototype, "minWidth", void 0), t([S({
 	context: N,
 	subscribe: !0
-}), D()], z.prototype, "state", void 0), t([S({ context: P })], z.prototype, "schmancyContentDrawerID", void 0), t([ve("#sheet")], z.prototype, "sheet", void 0), t([ye({
+}), O()], B.prototype, "mode", void 0), t([S({
+	context: P,
+	subscribe: !0
+}), O()], B.prototype, "state", void 0), t([S({ context: F })], B.prototype, "schmancyContentDrawerID", void 0), t([D("#sheet")], B.prototype, "sheet", void 0), t([ve({
 	flatten: !0,
 	slot: void 0
-})], z.prototype, "defaultSlot", void 0), t([S({
-	context: I,
+})], B.prototype, "defaultSlot", void 0), t([S({
+	context: L,
 	subscribe: !0
-})], z.prototype, "drawerMinWidth", void 0), t([S({
-	context: F,
+})], B.prototype, "drawerMinWidth", void 0), t([S({
+	context: I,
 	subscribe: !0
-}), D()], z.prototype, "maxHeight", void 0), z = t([T("schmancy-content-drawer-sheet")], z);
-var we = new class {
+}), O()], B.prototype, "maxHeight", void 0), B = t([T("schmancy-content-drawer-sheet")], B);
+var Ce = new class {
 	constructor() {
 		this.$drawer = new d(), this.$drawer.pipe(f(10)).subscribe((e) => {
 			e.state ? window.dispatchEvent(new CustomEvent(l.NavDrawer_toggle, {
@@ -533,31 +442,31 @@ var we = new class {
 			state: !1
 		});
 	}
-}(), Te = we, B = class extends e {
+}(), we = Ce, V = class extends e {
 	static {
-		this.styles = [O`
-	:host {
-		display: block;
-		width: 100%;
-		min-width: 0;
-	}
-`];
+		this.styles = [k`
+			:host {
+				display: block;
+				width: 100%;
+				min-width: 0;
+			}
+		`];
 	}
 	render() {
-		return k`<slot></slot>`;
+		return A`<slot></slot>`;
 	}
 };
-B = t([T("schmancy-nav-drawer-appbar")], B);
-var V = class extends e {
+V = t([T("schmancy-nav-drawer-appbar")], V);
+var H = class extends e {
 	static {
-		this.styles = [O`
-	:host {
-		display: block;
-		position: relative;
-		inset: 0;
-		overflow-y: auto;
-	}
-`];
+		this.styles = [k`
+			:host {
+				display: block;
+				position: relative;
+				inset: 0;
+				overflow-y: auto;
+			}
+		`];
 	}
 	connectedCallback() {
 		super.connectedCallback(), p(this, "scroll").pipe(_(this.disconnecting)).subscribe((e) => {
@@ -569,38 +478,38 @@ var V = class extends e {
 		});
 	}
 	render() {
-		return k` <slot></slot> `;
+		return A` <slot></slot> `;
 	}
 };
-V = t([T("schmancy-nav-drawer-content")], V);
-var H, U = C("push"), W = C("close"), G = class extends e {
+H = t([T("schmancy-nav-drawer-content")], H);
+var U, W = C("push"), G = C("close"), K = class extends e {
 	static {
-		H = this;
+		U = this;
 	}
 	constructor(...e) {
 		super(...e), this.fullscreen = !1, this.breakpoint = "md";
 	}
 	static {
-		this.styles = [O`
-	:host {
-		display: grid;
-		grid-template-columns: auto 1fr;
-		grid-template-rows: 1fr;
-		flex-grow: 1;
-		height: 100%;
-		overflow: hidden;
-		/* Initially hide the component until it's ready */
-		visibility: hidden;
-	}
+		this.styles = [k`
+			:host {
+				display: grid;
+				grid-template-columns: auto 1fr;
+				grid-template-rows: 1fr;
+				flex-grow: 1;
+				height: 100%;
+				overflow: hidden;
+				/* Initially hide the component until it's ready */
+				visibility: hidden;
+			}
 
-	:host([data-ready]) {
-		visibility: visible;
-	}
+			:host([data-ready]) {
+				visibility: visible;
+			}
 
-	:host([fullscreen]) {
-		grid-template-columns: 1fr;
-	}
-`];
+			:host([fullscreen]) {
+				grid-template-columns: 1fr;
+			}
+		`];
 	}
 	static {
 		this.BREAKPOINTS = {
@@ -611,7 +520,7 @@ var H, U = C("push"), W = C("close"), G = class extends e {
 		};
 	}
 	firstUpdated() {
-		this.updateState(window.innerWidth), this.setAttribute("data-ready", ""), p(window, "resize").pipe(m((e) => e.target.innerWidth), m((e) => e >= H.BREAKPOINTS[this.breakpoint]), ie(), f(100), _(this.disconnecting)).subscribe((e) => {
+		this.updateState(window.innerWidth), this.setAttribute("data-ready", ""), p(window, "resize").pipe(m((e) => e.target.innerWidth), m((e) => e >= U.BREAKPOINTS[this.breakpoint]), ie(), f(100), _(this.disconnecting)).subscribe((e) => {
 			e ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
 		}), p(window, "fullscreen").pipe(v((e) => {
 			let t = e;
@@ -623,21 +532,21 @@ var H, U = C("push"), W = C("close"), G = class extends e {
 		});
 	}
 	updateState(e) {
-		let t = e >= H.BREAKPOINTS[this.breakpoint];
+		let t = e >= U.BREAKPOINTS[this.breakpoint];
 		this.mode = t ? "push" : "overlay", this.open = t ? "open" : "close";
 	}
 	render() {
-		return k`<slot></slot>`;
+		return A`<slot></slot>`;
 	}
 };
 t([E({
 	type: Boolean,
 	reflect: !0
-})], G.prototype, "fullscreen", void 0), t([E({
+})], K.prototype, "fullscreen", void 0), t([E({
 	type: String,
 	attribute: "breakpoint"
-})], G.prototype, "breakpoint", void 0), t([w({ context: U }), D()], G.prototype, "mode", void 0), t([w({ context: W }), E()], G.prototype, "open", void 0), G = H = t([T("schmancy-nav-drawer")], G);
-var K = "cubic-bezier(0.5, 0.01, 0.25, 1)", q = class extends e {
+})], K.prototype, "breakpoint", void 0), t([w({ context: W }), O()], K.prototype, "mode", void 0), t([w({ context: G }), E()], K.prototype, "open", void 0), K = U = t([T("schmancy-nav-drawer")], K);
+var q = "cubic-bezier(0.5, 0.01, 0.25, 1)", J = class extends e {
 	constructor(...e) {
 		super(...e), this.width = "220px", this.initialized = !1;
 	}
@@ -650,14 +559,14 @@ var K = "cubic-bezier(0.5, 0.01, 0.25, 1)", q = class extends e {
 	openOverlay() {
 		this.overlay.style.display = "block", this.overlay.animate([{ opacity: 0 }, { opacity: .4 }], {
 			duration: 200,
-			easing: K,
+			easing: q,
 			fill: "forwards"
 		});
 	}
 	closeOverlay() {
 		this.overlay.animate([{ opacity: .4 }, { opacity: 0 }], {
 			duration: 150,
-			easing: K,
+			easing: q,
 			fill: "forwards"
 		}).onfinish = () => {
 			this.overlay.style.display = "none";
@@ -666,7 +575,7 @@ var K = "cubic-bezier(0.5, 0.01, 0.25, 1)", q = class extends e {
 	showNavDrawer() {
 		this.nav.animate([{ transform: "translateX(-100%)" }, { transform: "translateX(0)" }], {
 			duration: 200,
-			easing: K,
+			easing: q,
 			fill: "forwards"
 		}).onfinish = () => {
 			this.nav.style.transform = "translateX(0)";
@@ -675,7 +584,7 @@ var K = "cubic-bezier(0.5, 0.01, 0.25, 1)", q = class extends e {
 	hideNavDrawer() {
 		this.nav.animate([{ transform: "translateX(0)" }, { transform: "translateX(-100%)" }], {
 			duration: 200,
-			easing: K,
+			easing: q,
 			fill: "forwards"
 		}).onfinish = () => {
 			this.nav.style.transform = "translateX(-100%)";
@@ -694,7 +603,7 @@ var K = "cubic-bezier(0.5, 0.01, 0.25, 1)", q = class extends e {
 			block: this.mode === "push",
 			"fixed inset-0 z-50": this.mode === "overlay"
 		}, t = { width: this.width };
-		return k`
+		return A`
 			<nav
 				style=${this.styleMap(t)}
 				class="${this.classMap({ ...e })}"
@@ -712,13 +621,13 @@ var K = "cubic-bezier(0.5, 0.01, 0.25, 1)", q = class extends e {
 	}
 };
 t([S({
-	context: U,
-	subscribe: !0
-}), D()], q.prototype, "mode", void 0), t([S({
 	context: W,
 	subscribe: !0
-}), D()], q.prototype, "drawerState", void 0), t([ve("#overlay")], q.prototype, "overlay", void 0), t([ve("nav")], q.prototype, "nav", void 0), t([E({ type: String })], q.prototype, "width", void 0), t([D()], q.prototype, "initialized", void 0), q = t([T("schmancy-nav-drawer-navbar")], q);
-var J = class extends e {
+}), O()], J.prototype, "mode", void 0), t([S({
+	context: G,
+	subscribe: !0
+}), O()], J.prototype, "drawerState", void 0), t([D("#overlay")], J.prototype, "overlay", void 0), t([D("nav")], J.prototype, "nav", void 0), t([E({ type: String })], J.prototype, "width", void 0), t([O()], J.prototype, "initialized", void 0), J = t([T("schmancy-nav-drawer-navbar")], J);
+var Y = class extends e {
 	constructor(...e) {
 		super(...e), this.icon = "", this.label = "", this.badge = "", this.active$ = new u(!1), this.disabled = !1, this.hideLabels = !1, this.ripples = [], this.addRippleEffect = (e) => {
 			if (this.disabled) return;
@@ -741,60 +650,60 @@ var J = class extends e {
 		};
 	}
 	static {
-		this.styles = [O`
-	:host {
-		display: flex;
-		flex: 1;
-		min-width: 48px;
-		max-width: 168px;
-		user-select: none;
-		-webkit-tap-highlight-color: transparent;
-	}
+		this.styles = [k`
+			:host {
+				display: flex;
+				flex: 1;
+				min-width: 48px;
+				max-width: 168px;
+				user-select: none;
+				-webkit-tap-highlight-color: transparent;
+			}
 
-	:host([disabled]) {
-		pointer-events: none;
-	}
+			:host([disabled]) {
+				pointer-events: none;
+			}
 
-	button {
-		font-family: inherit;
-		border: none;
-		background: none;
-		width: 100%;
-		padding: 0;
-		margin: 0;
-		text-align: center;
-		color: inherit;
-	}
+			button {
+				font-family: inherit;
+				border: none;
+				background: none;
+				width: 100%;
+				padding: 0;
+				margin: 0;
+				text-align: center;
+				color: inherit;
+			}
 
-	button:focus {
-		outline: none;
-	}
+			button:focus {
+				outline: none;
+			}
 
-	button:focus-visible {
-		outline: 2px solid var(--focus-color);
-		outline-offset: 2px;
-		border-radius: 8px;
-	}
+			button:focus-visible {
+				outline: 2px solid var(--focus-color);
+				outline-offset: 2px;
+				border-radius: 8px;
+			}
 
-	/* Ripple animation */
-	@keyframes ripple {
-		to {
-			transform: scale(4);
-			opacity: 0;
-		}
-	}
+			/* Ripple animation */
+			@keyframes ripple {
+				to {
+					transform: scale(4);
+					opacity: 0;
+				}
+			}
 
-	.ripple-effect {
-		position: absolute;
-		border-radius: 50%;
-		width: 20px;
-		height: 20px;
-		background-color: currentColor;
-		opacity: 0.25;
-		animation: ripple 0.6s ease-out;
-		pointer-events: none;
-	}
-`];
+			.ripple-effect {
+				position: absolute;
+				border-radius: 50%;
+				width: 20px;
+				height: 20px;
+				background-color: currentColor;
+				opacity: 0.25;
+				animation: ripple 0.6s ease-out;
+				pointer-events: none;
+			}
+		`];
 	}
 	get active() {
 		return this.active$.value;
@@ -859,7 +768,7 @@ var J = class extends e {
 			"transition-all duration-200": !0,
 			"z-10": !0
 		}, l = this.active ? { color: c.sys.color.secondary.onContainer } : { color: c.sys.color.surface.onVariant }, u = { "--focus-color": c.sys.color.primary.default };
-		return k`
+		return A`
 			<button
 				type="button"
 				class=${this.classMap(i)}
@@ -877,7 +786,7 @@ var J = class extends e {
 				<!-- Icon with indicator background -->
 				<div class=${this.classMap(o)}>
 					<!-- Ripple effects -->
-					${this.ripples.map((e) => k`
+					${this.ripples.map((e) => A`
 							<span
 								class="ripple-effect"
 								style=${this.styleMap({
@@ -887,8 +796,7 @@ var J = class extends e {
 		})}
 							></span>
 						`)}
-
-					${r ? k`<slot name="icon"></slot>` : this.icon ? k`
+					${r ? A`<slot name="icon"></slot>` : this.icon ? A`
 									<schmancy-icon
 										.fill=${+!!this.active}
 										class="relative z-10 flex items-center justify-center transition-all duration-200"
@@ -897,53 +805,51 @@ var J = class extends e {
 									>
 										${this.icon}
 									</schmancy-icon>
-							  ` : e ? k`<slot></slot>` : ""}
+								` : e ? A`<slot></slot>` : ""}
 				</div>
 
 				<!-- Label below icon -->
-				${!this.hideLabels && this.label ? k`
-					<span class=${this.classMap({
+				${!this.hideLabels && this.label ? A` <span class=${this.classMap({
 			"text-xs font-medium leading-4 mt-1": !0,
 			"text-center max-w-full": !0,
 			"overflow-hidden text-ellipsis whitespace-nowrap": !0,
 			"transition-all duration-200": !0
-		})}>${this.label}</span>
-				` : ""}
+		})}>${this.label}</span> ` : ""}
 
 				<!-- Badge -->
-				${n ? k`
-					<span
-						class=${this.classMap(s)}
-						aria-label="${t} notifications"
-						${a({
+				${n ? A`
+							<span
+								class=${this.classMap(s)}
+								aria-label="${t} notifications"
+								${a({
 			bgColor: c.sys.color.error.default,
 			color: c.sys.color.error.on
 		})}
-					>
-						<span class="text-[10px] font-medium leading-none">${t}</span>
-					</span>
-				` : this.badge ? k`
-					<span
-						class=${this.classMap(s)}
-						aria-label="Has notifications"
-						${a({ bgColor: c.sys.color.error.default })}
-					></span>
-				` : ""}
+							>
+								<span class="text-[10px] font-medium leading-none">${t}</span>
+							</span>
+						` : this.badge ? A`
+								<span
+									class=${this.classMap(s)}
+									aria-label="Has notifications"
+									${a({ bgColor: c.sys.color.error.default })}
+								></span>
+							` : ""}
 			</button>
 		`;
 	}
 };
-t([E({ type: String })], J.prototype, "icon", void 0), t([E({ type: String })], J.prototype, "label", void 0), t([E({ type: String })], J.prototype, "badge", void 0), t([E({
+t([E({ type: String })], Y.prototype, "icon", void 0), t([E({ type: String })], Y.prototype, "label", void 0), t([E({ type: String })], Y.prototype, "badge", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], J.prototype, "active", null), t([E({
+})], Y.prototype, "active", null), t([E({
 	type: Boolean,
 	reflect: !0
-})], J.prototype, "disabled", void 0), t([E({
+})], Y.prototype, "disabled", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], J.prototype, "hideLabels", void 0), t([D()], J.prototype, "ripples", void 0), J = t([T("schmancy-navigation-bar-item")], J);
-var Y = class extends e {
+})], Y.prototype, "hideLabels", void 0), t([O()], Y.prototype, "ripples", void 0), Y = t([T("schmancy-navigation-bar-item")], Y);
+var X = class extends e {
 	constructor(...e) {
 		super(...e), this.activeIndex$ = new u(-1), this.hideLabels = !1, this.elevation = 2, this.hideOnScroll = !1, this.focusedIndex = -1, this.isHiddenByScroll = !1, this.isFullscreen = !1, this.SCROLL_THRESHOLD = 10, this.mobileMediaQuery = null, this.visibility$ = new d(), this.handleItemClick = (e) => {
 			let t = this.getItems(), n = e.target, r = t.findIndex((e) => e === n);
@@ -984,28 +890,28 @@ var Y = class extends e {
 		};
 	}
 	static {
-		this.styles = [O`
-	:host {
-		display: block;
-		transition: transform 0.3s ease-in-out;
-	}
+		this.styles = [k`
+			:host {
+				display: block;
+				transition: transform 0.3s ease-in-out;
+			}
 
-	:host([hide-on-scroll]) {
-		transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-	}
+			:host([hide-on-scroll]) {
+				transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+			}
 
-	/* Support 3-7 items with equal distribution */
-	::slotted(schmancy-navigation-bar-item) {
-		flex: 1;
-		max-width: 168px; /* Prevent items from being too wide */
-	}
+			/* Support 3-7 items with equal distribution */
+			::slotted(schmancy-navigation-bar-item) {
+				flex: 1;
+				max-width: 168px; /* Prevent items from being too wide */
+			}
 
-	/* Accessibility focus indicators */
-	:host(:focus-within) {
-		outline: 2px solid var(--schmancy-sys-color-primary);
-		outline-offset: -2px;
-	}
-`];
+			/* Accessibility focus indicators */
+			:host(:focus-within) {
+				outline: 2px solid var(--schmancy-sys-color-primary);
+				outline-offset: -2px;
+			}
+		`];
 	}
 	get activeIndex() {
 		return this.activeIndex$.value;
@@ -1081,7 +987,7 @@ var Y = class extends e {
 			"shadow-xl": this.elevation === 4,
 			"shadow-2xl": this.elevation === 5
 		}, n = e ? "translateY(100%)" : "translateY(0)";
-		return k`
+		return A`
 			<nav
 				class=${this.classMap(t)}
 				role="navigation"
@@ -1098,20 +1004,20 @@ var Y = class extends e {
 		`;
 	}
 };
-t([E({ type: Number })], Y.prototype, "activeIndex", null), t([E({
+t([E({ type: Number })], X.prototype, "activeIndex", null), t([E({
 	type: Boolean,
 	reflect: !0
-})], Y.prototype, "hideLabels", void 0), t([E({
+})], X.prototype, "hideLabels", void 0), t([E({
 	type: Number,
 	reflect: !0
-})], Y.prototype, "elevation", void 0), t([E({
+})], X.prototype, "elevation", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], Y.prototype, "hideOnScroll", void 0), t([D()], Y.prototype, "focusedIndex", void 0), t([D()], Y.prototype, "isHiddenByScroll", void 0), t([D()], Y.prototype, "isFullscreen", void 0), Y = t([T("schmancy-navigation-bar")], Y);
-var X = "whereAreYouRicky", Z = "hereMorty", Q = new class {
+})], X.prototype, "hideOnScroll", void 0), t([O()], X.prototype, "focusedIndex", void 0), t([O()], X.prototype, "isHiddenByScroll", void 0), t([O()], X.prototype, "isFullscreen", void 0), X = t([T("schmancy-navigation-bar")], X);
+var Z = "whereAreYouRicky", Te = "hereMorty", Q = new class {
 	constructor() {
-		this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new d(), this.find = (e) => fe([p(window, Z).pipe(ae((t) => !!t.detail.component.uuid && !!e.id && t.detail.component.id === e.id && t.detail.component.uuid !== e.uuid), m((e) => e.detail.component), ce(1)), g(e).pipe(v(() => {
-			window.dispatchEvent(new CustomEvent(X, { detail: {
+		this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new d(), this.find = (e) => fe([p(window, Te).pipe(ae((t) => !!t.detail.component.uuid && !!e.id && t.detail.component.id === e.id && t.detail.component.uuid !== e.uuid), m((e) => e.detail.component), ce(1)), g(e).pipe(v(() => {
+			window.dispatchEvent(new CustomEvent(Z, { detail: {
 				id: e.id,
 				callerID: e.uuid
 			} }));
@@ -1142,7 +1048,7 @@ var $ = class extends e {
 		super(...e), this.uuid = Math.floor(Math.random() * Date.now()), this.delay = 0, this.debugging = !1;
 	}
 	static {
-		this.styles = [O``];
+		this.styles = [k``];
 	}
 	get slottedChildren() {
 		return this.shadowRoot.querySelector("slot").assignedElements({ flatten: !0 });
@@ -1155,8 +1061,8 @@ var $ = class extends e {
 				bubbles: !0,
 				composed: !0
 			}));
-		} })), p(window, X).pipe(v({ next: (e) => {
-			e.detail.id === this.id && this.uuid && e.detail.callerID !== this.uuid && this.dispatchEvent(new CustomEvent(Z, {
+		} })), p(window, Z).pipe(v({ next: (e) => {
+			e.detail.id === this.id && this.uuid && e.detail.callerID !== this.uuid && this.dispatchEvent(new CustomEvent(Te, {
 				detail: { component: this },
 				bubbles: !0,
 				composed: !0
@@ -1186,11 +1092,11 @@ var $ = class extends e {
 		});
 	}
 	render() {
-		return k`<slot></slot>`;
+		return A`<slot></slot>`;
 	}
 };
 t([E({
 	type: Number,
 	reflect: !0
 })], $.prototype, "uuid", void 0), t([E({ type: String })], $.prototype, "id", void 0), t([E({ type: Number })], $.prototype, "delay", void 0), $ = t([T("schmancy-teleport")], $);
-export { Se as C, N as S, A as T, L as _, Y as a, I as b, G as c, V as d, B as f, R as g, z as h, Q as i, U as l, we as m, Z as n, J as o, Te as p, X as r, q as s, $ as t, W as u, P as v, j as w, M as x, F as y };
+export { xe as C, P as S, j as T, R as _, X as a, L as b, K as c, H as d, V as f, z as g, B as h, Q as i, W as l, Ce as m, Te as n, Y as o, we as p, Z as r, J as s, $ as t, G as u, F as v, M as w, N as x, I as y };