@mhmo91/schmancy 0.10.24 → 0.10.25

package/dist/{src-D_NK-vMA.js → src-B1VkLX3l.js}

@@ -1,81 +1,81 @@
-import { c as e } from "./mixins-C42OILRS.js";
+import { c as e } from "./mixins-DySzfmal.js";
 import { a as t } from "./active-host-BP0zy_Y9.js";
-import { S as n, b as r, x as i } from "./area-A_oUP4P1.js";
+import { S as n, b as r, x as i } from "./area-1EG1LrkX.js";
 import "./state-CHbIt2Dw.js";
 import "./audio-CxO5a2HL.js";
-import "./autocomplete-BoCWO26L.js";
-import { n as a } from "./theme.service-CSzNkqBB.js";
-import { color as o } from "./directives.js";
-import "./boat-B0h5fuAA.js";
-import "./busy-DObY7lfu.js";
-import "./button-DEi3M2nV.js";
-import "./card-jzUQK0EQ.js";
-import "./checkbox-CfCm1vGN.js";
-import "./chips-Dfim_tQv.js";
+import "./autocomplete-nrIcCilw.js";
+import { C as a } from "./directives-BBMqe8x3.js";
+import { n as o } from "./theme.service-Bh08uOSJ.js";
+import "./boat--fLgbDAE.js";
+import "./busy-DshZcVZ4.js";
+import "./button-D9UJ7I6Z.js";
+import "./card-BvCFuX3J.js";
+import "./checkbox-GPsdCUbs.js";
+import "./chips-27umqnat.js";
 import "./connectivity.js";
-import { o as s } from "./overlay.service-XM1YHkTk.js";
-import "./date-range-B8zoj6Cj.js";
-import "./date-range-inline-BfUL8_vX.js";
+import { o as s } from "./overlay.service-BqhhxVJp.js";
+import "./date-range-wDVHcr0u.js";
+import "./date-range-inline-BNbbRfIA.js";
 import "./delay.js";
-import "./details-D246xN83.js";
+import "./details-Ckxpwacj.js";
 import "./discovery.js";
-import "./divider-CbIp1je9.js";
+import "./divider-BzcZGo4S.js";
 import "./dropdown.js";
-import "./expand-DRkiO4vw.js";
-import "./float-CZtu8FnO.js";
+import "./expand-DI144OzN.js";
+import "./float-DIyzy1c2.js";
 import "./window.js";
-import "./form-CE6Gwz4r.js";
-import "./input-CCOkeeVM.js";
-import "./radio-group-BUJgfQFi.js";
+import "./form-RtXH8UHQ.js";
+import "./input-CiGa8Dkl.js";
+import "./radio-group-GNHA7qJR.js";
 import "./range.js";
-import { t as c } from "./theme.interface-C2XNgsLB.js";
-import "./select-BWEh5nRM.js";
+import { t as c } from "./theme.interface-DVEw3s8m.js";
+import "./select-BnuXRHS4.js";
 import "./switch.js";
-import "./textarea-DeHFl80i.js";
-import "./icons-CGhozJ5v.js";
-import "./iframe-C3PMj1MD.js";
-import "./notification-CllYkvlR.js";
+import "./textarea-C1A5xuw9.js";
+import "./icons-DXanGDZ_.js";
+import "./iframe-BlHK0cjy.js";
+import "./notification-CHrEY4u8.js";
 import "./json.js";
 import "./layout.js";
-import "./lightbox-Dl--fEbP.js";
-import "./list-B3WI_Nfs.js";
-import "./menu-IDhVp6zm.js";
+import "./lightbox-D9oiu1Nv.js";
+import "./list-BOlRka4v.js";
+import "./menu-XyrLmCi_.js";
 import "./navigation-rail.js";
-import "./option-CPOL0nHL.js";
-import "./overlay-DJ-vlwtR.js";
+import "./option-Vpy4UQ-D.js";
+import "./overlay-jlkcrt8F.js";
 import "./progress.js";
-import "./rxjs-utils-BK8VMe3K.js";
+import "./rxjs-utils-BXpvHN4-.js";
 import "./slider.js";
 import "./steps.js";
 import "./surface.js";
 import "./table.js";
-import "./tabs-CrMx5z_y.js";
-import "./theme-C7Yo33nh.js";
-import "./theme-button-Cpc_hs2O.js";
+import "./tabs-CfwIHhHo.js";
+import "./theme-BniFOMEo.js";
+import "./theme-button--ruZIb0T.js";
 import "./tooltip.js";
 import "./tree.js";
 import { SchmancyEvents as l } from "./types.js";
 import "./typewriter.js";
 import "./typography.js";
-import "./utils-Cxg0Kfy5.js";
+import "./utils-578eFTx4.js";
 import "./avatar.js";
 import "./breadcrumb.js";
 import "./kbd.js";
 import "./skeleton.js";
-import "./splash-screen-B6w7X2z9.js";
+import "./splash-screen-CUP_elaT.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 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 {
+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 {
 	constructor(...e) {
 		super(...e), this.color = "primary", this.size = "md", this.shape = "pill", this.outlined = !1, this.icon = "", this.pulse = !1;
 	}
 	static {
-		this.styles = [k`
+		this.styles = [O`
 	:host {
 		display: inline-flex;
 		width: fit-content;
@@ -168,7 +168,7 @@ var j = class extends e {
 		}[this.color];
 	}
 	render() {
-		let e = this.getSizeClasses(), t = this.getShapeClasses(), n = this.getColorStyles(), r = this.getIconSizeClass(), i = this.getExoticStyles(), a = {
+		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,
@@ -186,19 +186,19 @@ var j = class extends e {
 			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 A`
+		return k`
 			<div
 				part="badge"
-				class="${this.classMap(a)}"
+				class="${this.classMap(o)}"
 				style="${this.styleMap(s)}"
-				${o({
+				${a({
 			bgColor: n.bg,
 			color: n.text
 		})}
 			>
 				<!-- Icon slot or named icon -->
 				<slot name="icon">
-					${this.icon ? A`
+					${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>
@@ -216,22 +216,22 @@ var j = class extends e {
 t([E({
 	type: String,
 	reflect: !0
-})], j.prototype, "color", void 0), t([E({
+})], A.prototype, "color", void 0), t([E({
 	type: String,
 	reflect: !0
-})], j.prototype, "size", void 0), t([E({
+})], A.prototype, "size", void 0), t([E({
 	type: String,
 	reflect: !0
-})], j.prototype, "shape", void 0), t([E({
+})], A.prototype, "shape", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], j.prototype, "outlined", void 0), t([E({ type: String })], j.prototype, "icon", void 0), t([E({
+})], A.prototype, "outlined", void 0), t([E({ type: String })], A.prototype, "icon", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], j.prototype, "pulse", void 0), j = t([T("schmancy-badge")], j);
-var M = class extends j {};
-M = t([T("sch-badge")], M);
-var xe = new class {
+})], 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 {
 	constructor() {
 		this.$drawer = new d(), this.pushCounter = 0, this.isDismissing$ = new u(!1), this.$drawer.pipe(ne((e) => {
 			switch (e.action) {
@@ -294,7 +294,7 @@ var xe = new class {
 			...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 {
+}(), 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 {
 	constructor(...e) {
 		super(...e), this.minWidth = {
 			main: 360,
@@ -302,7 +302,7 @@ var xe = new class {
 		}, this.schmancyContentDrawerID = Math.floor(Math.random() * Date.now()).toString(), this.maxHeight = "100%", this._overlaySubscription = null;
 	}
 	static {
-		this.styles = [k`
+		this.styles = [O`
 	:host {
 		position: relative;
 		inset: 0;
@@ -323,7 +323,7 @@ var xe = 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, Se).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, Ce).pipe(_(this.disconnecting)).subscribe(() => this.dismissOverlay());
 	}
 	updateMaxHeight() {
 		this.maxHeight = window.innerHeight - this.getOffsetTop(this) + "px", this.style.setProperty("max-height", this.maxHeight);
@@ -352,7 +352,7 @@ var xe = new class {
 		return t;
 	}
 	render() {
-		return this.mode && this.open ? A`
+		return this.mode && this.open ? k`
 			<div class=${[
 			"grid h-full",
 			"grid-flow-col auto-cols-max",
@@ -362,13 +362,13 @@ var xe = new class {
 		].join(" ")}>
 				<slot></slot>
 			</div>
-		` : ye;
+		` : be;
 	}
 };
-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 {
+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 {
 	static {
-		this.styles = [k`
+		this.styles = [O`
 	:host {
 		display: block;
 		overflow: hidden;
@@ -389,7 +389,7 @@ var z = class extends e {
 			minWidth: `${this.minWidth}px`,
 			maxHeight: this.maxHeight
 		};
-		return A`
+		return k`
 			<section class="relative inset-0 h-full">
 				<div class=${[
 			"grid h-full relative overflow-scroll",
@@ -402,24 +402,24 @@ var z = class extends e {
 						<slot></slot>
 					</section>
 				</div>
-				${be(this.mode === "push", () => A` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
+				${xe(this.mode === "push", () => k` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
 			</section>
 		`;
 	}
 };
-t([E({ type: Number })], z.prototype, "minWidth", void 0), t([S({
-	context: L,
+t([E({ type: Number })], R.prototype, "minWidth", void 0), t([S({
+	context: I,
 	subscribe: !0
-})], z.prototype, "drawerMinWidth", void 0), t([S({
-	context: N,
+})], R.prototype, "drawerMinWidth", void 0), t([S({
+	context: M,
 	subscribe: !0
-}), O()], z.prototype, "mode", void 0), t([S({
-	context: I,
+}), D()], R.prototype, "mode", void 0), t([S({
+	context: F,
 	subscribe: !0
-}), O()], z.prototype, "maxHeight", void 0), z = t([T("schmancy-content-drawer-main")], z);
-var B = class extends e {
+}), D()], R.prototype, "maxHeight", void 0), R = t([T("schmancy-content-drawer-main")], R);
+var z = class extends e {
 	static {
-		this.styles = [k`
+		this.styles = [O`
 	:host {
 		overflow: scroll;
 	}
@@ -447,7 +447,7 @@ var B = class extends e {
 		});
 	}
 	requestOverlayDismiss() {
-		this.dispatchEvent(new CustomEvent(Se, {
+		this.dispatchEvent(new CustomEvent(Ce, {
 			bubbles: !0,
 			composed: !0
 		}));
@@ -480,7 +480,7 @@ var B = class extends e {
 			minWidth: `${this.minWidth}px`,
 			maxHeight: this.maxHeight
 		};
-		return A`
+		return k`
 			<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>
@@ -489,23 +489,23 @@ var B = class extends e {
 		`;
 	}
 };
-t([E({ type: Number })], B.prototype, "minWidth", void 0), t([S({
-	context: N,
+t([E({ type: Number })], z.prototype, "minWidth", void 0), t([S({
+	context: M,
 	subscribe: !0
-}), O()], B.prototype, "mode", void 0), t([S({
-	context: P,
+}), D()], z.prototype, "mode", void 0), t([S({
+	context: N,
 	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({
+}), 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({
 	flatten: !0,
 	slot: void 0
-})], B.prototype, "defaultSlot", void 0), t([S({
-	context: L,
-	subscribe: !0
-})], B.prototype, "drawerMinWidth", void 0), t([S({
+})], z.prototype, "defaultSlot", void 0), t([S({
 	context: I,
 	subscribe: !0
-}), O()], B.prototype, "maxHeight", void 0), B = t([T("schmancy-content-drawer-sheet")], B);
-var Ce = new class {
+})], z.prototype, "drawerMinWidth", void 0), t([S({
+	context: F,
+	subscribe: !0
+}), D()], z.prototype, "maxHeight", void 0), z = t([T("schmancy-content-drawer-sheet")], z);
+var we = new class {
 	constructor() {
 		this.$drawer = new d(), this.$drawer.pipe(f(10)).subscribe((e) => {
 			e.state ? window.dispatchEvent(new CustomEvent(l.NavDrawer_toggle, {
@@ -531,9 +531,9 @@ var Ce = new class {
 			state: !1
 		});
 	}
-}(), we = Ce, V = class extends e {
+}(), Te = we, B = class extends e {
 	static {
-		this.styles = [k`
+		this.styles = [O`
 	:host {
 		display: block;
 		width: 100%;
@@ -542,13 +542,13 @@ var Ce = new class {
 `];
 	}
 	render() {
-		return A`<slot></slot>`;
+		return k`<slot></slot>`;
 	}
 };
-V = t([T("schmancy-nav-drawer-appbar")], V);
-var H = class extends e {
+B = t([T("schmancy-nav-drawer-appbar")], B);
+var V = class extends e {
 	static {
-		this.styles = [k`
+		this.styles = [O`
 	:host {
 		display: block;
 		position: relative;
@@ -567,19 +567,19 @@ var H = class extends e {
 		});
 	}
 	render() {
-		return A` <slot></slot> `;
+		return k` <slot></slot> `;
 	}
 };
-H = t([T("schmancy-nav-drawer-content")], H);
-var U, W = C("push"), G = C("close"), K = class extends e {
+V = t([T("schmancy-nav-drawer-content")], V);
+var H, U = C("push"), W = C("close"), G = class extends e {
 	static {
-		U = this;
+		H = this;
 	}
 	constructor(...e) {
 		super(...e), this.fullscreen = !1, this.breakpoint = "md";
 	}
 	static {
-		this.styles = [k`
+		this.styles = [O`
 	:host {
 		display: grid;
 		grid-template-columns: auto 1fr;
@@ -609,7 +609,7 @@ var U, W = C("push"), G = C("close"), K = class extends e {
 		};
 	}
 	firstUpdated() {
-		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) => {
+		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) => {
 			e ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
 		}), p(window, "fullscreen").pipe(v((e) => {
 			let t = e;
@@ -621,21 +621,21 @@ var U, W = C("push"), G = C("close"), K = class extends e {
 		});
 	}
 	updateState(e) {
-		let t = e >= U.BREAKPOINTS[this.breakpoint];
+		let t = e >= H.BREAKPOINTS[this.breakpoint];
 		this.mode = t ? "push" : "overlay", this.open = t ? "open" : "close";
 	}
 	render() {
-		return A`<slot></slot>`;
+		return k`<slot></slot>`;
 	}
 };
 t([E({
 	type: Boolean,
 	reflect: !0
-})], K.prototype, "fullscreen", void 0), t([E({
+})], G.prototype, "fullscreen", void 0), t([E({
 	type: String,
 	attribute: "breakpoint"
-})], 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 {
+})], 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 {
 	constructor(...e) {
 		super(...e), this.width = "220px", this._initialized = !1;
 	}
@@ -648,14 +648,14 @@ var q = "cubic-bezier(0.5, 0.01, 0.25, 1)", J = class extends e {
 	openOverlay() {
 		this.overlay.style.display = "block", this.overlay.animate([{ opacity: 0 }, { opacity: .4 }], {
 			duration: 200,
-			easing: q,
+			easing: K,
 			fill: "forwards"
 		});
 	}
 	closeOverlay() {
 		this.overlay.animate([{ opacity: .4 }, { opacity: 0 }], {
 			duration: 150,
-			easing: q,
+			easing: K,
 			fill: "forwards"
 		}).onfinish = () => {
 			this.overlay.style.display = "none";
@@ -664,7 +664,7 @@ var q = "cubic-bezier(0.5, 0.01, 0.25, 1)", J = class extends e {
 	showNavDrawer() {
 		this.nav.animate([{ transform: "translateX(-100%)" }, { transform: "translateX(0)" }], {
 			duration: 200,
-			easing: q,
+			easing: K,
 			fill: "forwards"
 		}).onfinish = () => {
 			this.nav.style.transform = "translateX(0)";
@@ -673,7 +673,7 @@ var q = "cubic-bezier(0.5, 0.01, 0.25, 1)", J = class extends e {
 	hideNavDrawer() {
 		this.nav.animate([{ transform: "translateX(0)" }, { transform: "translateX(-100%)" }], {
 			duration: 200,
-			easing: q,
+			easing: K,
 			fill: "forwards"
 		}).onfinish = () => {
 			this.nav.style.transform = "translateX(-100%)";
@@ -692,17 +692,17 @@ var q = "cubic-bezier(0.5, 0.01, 0.25, 1)", J = class extends e {
 			block: this.mode === "push",
 			"fixed inset-0 z-50": this.mode === "overlay"
 		}, t = { width: this.width };
-		return A`
+		return k`
 			<nav
 				style=${this.styleMap(t)}
 				class="${this.classMap({ ...e })}"
-				${o({ bgColor: c.sys.color.surface.containerLowest })}
+				${a({ bgColor: c.sys.color.surface.containerLowest })}
 			>
 				<slot></slot>
 			</nav>
 			<div
 				id="overlay"
-				${o({ bgColor: c.sys.color.scrim })}
+				${a({ bgColor: c.sys.color.scrim })}
 				@click=${this.handleOverlayClick}
 				class="${this.classMap({ "fixed inset-0 z-49 hidden": !0 })}"
 			></div>
@@ -710,13 +710,13 @@ var q = "cubic-bezier(0.5, 0.01, 0.25, 1)", J = class extends e {
 	}
 };
 t([S({
-	context: W,
+	context: U,
 	subscribe: !0
-}), O()], J.prototype, "mode", void 0), t([S({
-	context: G,
+}), D()], q.prototype, "mode", void 0), t([S({
+	context: W,
 	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 {
+}), 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 {
 	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;
@@ -739,7 +739,7 @@ var Y = class extends e {
 		};
 	}
 	static {
-		this.styles = [k`
+		this.styles = [O`
 	:host {
 		display: flex;
 		flex: 1;
@@ -839,7 +839,7 @@ var Y = class extends e {
 			"cursor-not-allowed opacity-38": this.disabled,
 			"outline-none": !0,
 			"focus-visible:outline-2 focus-visible:outline-offset-2": !0
-		}, a = {
+		}, o = {
 			"w-16 h-8 rounded-2xl": !0,
 			"flex items-center justify-center": !0,
 			"transition-all duration-200": !0,
@@ -857,7 +857,7 @@ var Y = 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 A`
+		return k`
 			<button
 				type="button"
 				class=${this.classMap(i)}
@@ -870,12 +870,12 @@ var Y = class extends e {
 			...u,
 			"outline-color": "var(--focus-color)"
 		})}
-				${o(l)}
+				${a(l)}
 			>
 				<!-- Icon with indicator background -->
-				<div class=${this.classMap(a)}>
+				<div class=${this.classMap(o)}>
 					<!-- Ripple effects -->
-					${this.ripples.map((e) => A`
+					${this.ripples.map((e) => k`
 							<span
 								class="ripple-effect"
 								style=${this.styleMap({
@@ -886,7 +886,7 @@ var Y = class extends e {
 							></span>
 						`)}
 
-					${r ? A`<slot name="icon"></slot>` : this.icon ? A`
+					${r ? k`<slot name="icon"></slot>` : this.icon ? k`
 									<schmancy-icon
 										.fill=${+!!this.active}
 										class="relative z-10 flex items-center justify-center transition-all duration-200"
@@ -895,11 +895,11 @@ var Y = class extends e {
 									>
 										${this.icon}
 									</schmancy-icon>
-							  ` : e ? A`<slot></slot>` : ""}
+							  ` : e ? k`<slot></slot>` : ""}
 				</div>
 
 				<!-- Label below icon -->
-				${!this.hideLabels && this.label ? A`
+				${!this.hideLabels && this.label ? k`
 					<span class=${this.classMap({
 			"text-xs font-medium leading-4 mt-1": !0,
 			"text-center max-w-full": !0,
@@ -909,39 +909,39 @@ var Y = class extends e {
 				` : ""}
 
 				<!-- Badge -->
-				${n ? A`
+				${n ? k`
 					<span
 						class=${this.classMap(s)}
 						aria-label="${t} notifications"
-						${o({
+						${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 ? A`
+				` : this.badge ? k`
 					<span
 						class=${this.classMap(s)}
 						aria-label="Has notifications"
-						${o({ bgColor: c.sys.color.error.default })}
+						${a({ bgColor: c.sys.color.error.default })}
 					></span>
 				` : ""}
 			</button>
 		`;
 	}
 };
-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({
+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({
 	type: Boolean,
 	reflect: !0
-})], Y.prototype, "active", null), t([E({
+})], J.prototype, "active", null), t([E({
 	type: Boolean,
 	reflect: !0
-})], Y.prototype, "disabled", void 0), t([E({
+})], J.prototype, "disabled", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], 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 {
+})], 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 {
 	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);
@@ -982,7 +982,7 @@ var X = class extends e {
 		};
 	}
 	static {
-		this.styles = [k`
+		this.styles = [O`
 	:host {
 		display: block;
 		transition: transform 0.3s ease-in-out;
@@ -1020,17 +1020,17 @@ var X = class extends e {
 	}
 	updateBottomOffset() {
 		let e = !this.isFullscreen && this.isMobileViewport();
-		a.setBottomOffset(e ? 80 : 0);
+		o.setBottomOffset(e ? 80 : 0);
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.mobileMediaQuery = window.matchMedia("(max-width: 767px)"), p(this.mobileMediaQuery, "change").pipe(x(() => this.updateBottomOffset()), b(this.disconnecting)).subscribe(), a.fullscreen$.pipe(x((e) => {
+		super.connectedCallback(), this.mobileMediaQuery = window.matchMedia("(max-width: 767px)"), p(this.mobileMediaQuery, "change").pipe(x(() => this.updateBottomOffset()), b(this.disconnecting)).subscribe(), o.fullscreen$.pipe(x((e) => {
 			this.isFullscreen = e, this.visibility$.next(!this.isFullscreen && !this.isHiddenByScroll), this.updateBottomOffset();
 		}), b(this.disconnecting)).subscribe(), this.updateBottomOffset(), p(this, "bar-item-click").pipe(x((e) => this.handleItemClick(e)), b(this.disconnecting)).subscribe(), p(this, "keydown").pipe(x((e) => this.handleKeyDown(e)), b(this.disconnecting)).subscribe(), this.activeIndex$.pipe(b(this.disconnecting)).subscribe((e) => {
 			this.updateActiveStates(e);
 		}), this.hideOnScroll && this.setupScrollListener(), this.updateItems();
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), a.setBottomOffset(0), this.mobileMediaQuery = null;
+		super.disconnectedCallback(), o.setBottomOffset(0), this.mobileMediaQuery = null;
 	}
 	setupScrollListener() {
 		p(window, "scroll").pipe(_e(100), me(() => window.scrollY), he(), y(([e, t]) => Math.abs(t - e) > this.SCROLL_THRESHOLD), x(([e, t]) => {
@@ -1079,14 +1079,14 @@ var X = class extends e {
 			"shadow-xl": this.elevation === 4,
 			"shadow-2xl": this.elevation === 5
 		}, n = e ? "translateY(100%)" : "translateY(0)";
-		return A`
+		return k`
 			<nav
 				class=${this.classMap(t)}
 				role="navigation"
 				aria-label="Main navigation"
 				aria-hidden=${e}
 				style="transform: ${n};"
-				${o({
+				${a({
 			bgColor: c.sys.color.surface.container,
 			color: c.sys.color.surface.on
 		})}
@@ -1096,20 +1096,20 @@ var X = class extends e {
 		`;
 	}
 };
-t([E({ type: Number })], X.prototype, "activeIndex", null), t([E({
+t([E({ type: Number })], Y.prototype, "activeIndex", null), t([E({
 	type: Boolean,
 	reflect: !0
-})], X.prototype, "hideLabels", void 0), t([E({
+})], Y.prototype, "hideLabels", void 0), t([E({
 	type: Number,
 	reflect: !0
-})], X.prototype, "elevation", void 0), t([E({
+})], Y.prototype, "elevation", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], 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 {
+})], 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 {
 	constructor() {
-		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: {
+		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: {
 				id: e.id,
 				callerID: e.uuid
 			} }));
@@ -1140,7 +1140,7 @@ var $ = class extends e {
 		super(...e), this.uuid = Math.floor(Math.random() * Date.now()), this.delay = 0, this.debugging = !1;
 	}
 	static {
-		this.styles = [k``];
+		this.styles = [O``];
 	}
 	get _slottedChildren() {
 		return this.shadowRoot.querySelector("slot").assignedElements({ flatten: !0 });
@@ -1153,8 +1153,8 @@ var $ = class extends e {
 				bubbles: !0,
 				composed: !0
 			}));
-		} })), p(window, Z).pipe(v({ next: (e) => {
-			e.detail.id === this.id && this.uuid && e.detail.callerID !== this.uuid && this.dispatchEvent(new CustomEvent(Te, {
+		} })), p(window, X).pipe(v({ next: (e) => {
+			e.detail.id === this.id && this.uuid && e.detail.callerID !== this.uuid && this.dispatchEvent(new CustomEvent(Z, {
 				detail: { component: this },
 				bubbles: !0,
 				composed: !0
@@ -1184,11 +1184,11 @@ var $ = class extends e {
 		});
 	}
 	render() {
-		return A`<slot></slot>`;
+		return k`<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 { 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 };
+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 };