@mhmo91/schmancy 0.9.27 → 0.10.1

package/dist/{src-00DfxCJq.js → src-CHM4hrEr.js}

@@ -1,87 +1,91 @@
-import { a as e, o as t, t as n } from "./tailwind.mixin-mdQR3BEO.js";
-import { t as r } from "./provide-ydIskwf2.js";
-import { t as i } from "./decorate-D_utPUsC.js";
-import { t as a } from "./litElement.mixin-CszkJuNl.js";
-import "./mixins.js";
-import { S as o, b as ee, x as te } from "./area-BGBCMC79.js";
-import "./store-CjzZDQt8.js";
-import "./audio-ql6nvY0y.js";
-import "./autocomplete-C2P0Soht.js";
-import { n as s } from "./theme.service-cOfPrtfe.js";
-import { color as c } from "./directives.js";
-import "./boat-DXZ0k7oa.js";
-import "./busy-iRjq6Nvd.js";
+import { s as e } from "./mixins-CL1krSOE.js";
+import { t } from "./decorate-23nYs4Le.js";
+import { S as n, b as r, x as i } from "./area-C_J4qxKO.js";
+import "./state-ClRXrqDA.js";
+import "./audio-Tmre4WyL.js";
+import "./autocomplete-CM8VqW9S.js";
+import { n as a } from "./theme.service-9clsqyee.js";
+import { color as o } from "./directives.js";
+import "./boat-DxYNK4xT.js";
+import "./busy-CP-gRfAP.js";
 import "./button.js";
-import "./card-wUTjx0EC.js";
+import "./card-Bv--HeGO.js";
 import "./charts.js";
-import "./checkbox-VBSenxgb.js";
-import "./chips-BDS9lkPa.js";
-import "./code-highlight-Bi91XHJN.js";
-import "./components-DZgJWHdZ.js";
+import "./checkbox-1gQOOcja.js";
+import "./chips-wkfKzf_e.js";
+import "./code-highlight-CcdCFMrn.js";
 import "./connectivity.js";
-import "./date-range-ClTMg1AB.js";
-import { n as l } from "./sheet.service-Dlv20Zfc.js";
-import "./date-range-inline-CpKG6qt2.js";
-import "./delay-Dlk0A3he.js";
-import "./details-CPjlqQD4.js";
+import "./date-range-BDHz_Olm.js";
+import { n as s } from "./sheet.service-B7h_-e-q.js";
+import "./date-range-inline-1NmZE_Xr.js";
+import "./delay.js";
+import "./details-BEp2s2ca.js";
 import "./dialog.js";
 import "./discovery.js";
-import "./divider-ghgyw5CU.js";
+import "./divider-VxpjZ8hk.js";
 import "./dropdown.js";
-import "./expand-CbjBr_Ds.js";
-import "./float-BfCvGeY9.js";
+import "./expand-CRUl3-mN.js";
+import "./float-N3qhNET_.js";
 import "./window.js";
-import "./extra-DK9MQtPJ.js";
-import "./form-rCZqoAoK.js";
-import "./icons-Drq4kKy2.js";
-import "./iframe-BmyHW8km.js";
-import "./input-Bc3bVISm.js";
-import "./notification-CC-TFN5v.js";
+import "./extra-aNV1fO6W.js";
+import "./form-BtwOBMZ9.js";
+import "./icons-BBJqwT_B.js";
+import "./iframe-DoN_toqE.js";
+import "./input-ClnkMJgh.js";
+import "./notification-Dzm6zWxX.js";
 import "./json.js";
-import "./layout-Ox6nJkzC.js";
-import "./lightbox-CY52Z_ig.js";
-import "./list-D7wUxu1C.js";
-import "./mailbox--EN-JhjV.js";
-import "./map-B0S_q3ma.js";
-import "./menu-COeFpb6n.js";
-import "./metric.js";
+import "./layout.js";
+import "./lightbox-IleIcq19.js";
+import "./list-BlXJlm16.js";
+import "./mailbox-DAmejcKa.js";
+import "./map-BoIu47qU.js";
+import "./menu-BV9_8ys8.js";
 import "./navigation-rail.js";
-import "./option-BwAF4nAw.js";
+import "./option-Dyb0Q45u.js";
 import "./page.js";
+import "./payment-card-form-D9N2Q0wM.js";
 import "./progress.js";
 import "./qr-scanner.js";
-import "./radio-group-BcdcjLNC.js";
+import "./radio-group-DqP886F-.js";
 import "./range.js";
-import "./rxjs-utils-CKTnEKUH.js";
-import { t as u } from "./theme.interface-Buged9Cg.js";
-import "./select-DKyGWDsG.js";
-import "./sheet-C3TLKItO.js";
+import "./rxjs-utils-d-ivVN84.js";
+import { t as c } from "./theme.interface-DnVNre4O.js";
+import "./select-GONAphZI.js";
+import "./sheet-C4sAGqTf.js";
 import "./slider.js";
 import "./steps.js";
 import "./surface.js";
-import "./table-CTrhV9-k.js";
-import "./tabs-Ce55RbwF.js";
-import "./textarea-DjN1D9u0.js";
-import "./theme-pbxlt72h.js";
-import "./theme-button-CEMeAUOL.js";
+import "./table.js";
+import "./tabs-BCRVyQU1.js";
+import "./textarea-DApOhSAL.js";
+import "./theme-BCUjQH6-.js";
+import "./theme-button-DdSbcivT.js";
+import "./timeline.js";
 import "./tooltip.js";
 import "./tree.js";
-import { SchmancyEvents as d } from "./types.js";
+import { SchmancyEvents as l } from "./types.js";
 import "./typewriter.js";
 import "./typography.js";
-import "./utils-Bp2jhyZc.js";
+import "./utils-hp-DnFf5.js";
+import "./avatar.js";
 import "./breadcrumb.js";
 import "./kbd.js";
 import "./skeleton.js";
-import "./splash-screen-DbI5RgBf.js";
+import "./splash-screen-BGMZmQRT.js";
 import "./switch.js";
 import "./visually-hidden.js";
-import { BehaviorSubject as f, Observable as ne, Subject as p, bufferTime as re, concatMap as ie, debounceTime as m, delay as ae, distinctUntilChanged as oe, filter as se, from as ce, fromEvent as h, interval as le, map as g, merge as _, of as v, startWith as ue, take as de, takeUntil as y, tap as b, throwIfEmpty as fe, timeout as pe, timer as me, zip as he } from "rxjs";
-import { distinctUntilChanged as ge, filter as x, map as _e, pairwise as ve, take as ye, takeUntil as S, tap as C, throttleTime as be } from "rxjs/operators";
-import { customElement as w, property as T, query as E, queryAssignedElements as xe, state as D } from "lit/decorators.js";
-import { css as O, html as k, nothing as Se } from "lit";
-import { when as Ce } from "lit/directives/when.js";
-var A = class extends n(O`
+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, from as oe, fromEvent as p, interval as se, map as m, merge as h, of as g, startWith as ce, take as le, takeUntil as _, tap as v, throwIfEmpty as ue, timeout as de, timer as fe, zip as pe } from "rxjs";
+import { distinctUntilChanged as me, filter as y, map as he, pairwise as ge, take as _e, takeUntil as b, tap as x, throttleTime as ve } 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 ye, queryAssignedElements as be, state as D } from "lit/decorators.js";
+import { css as O, html as k, nothing as xe } from "lit";
+import { when as Se } 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 = [O`
 	:host {
 		display: inline-flex;
 		width: fit-content;
@@ -100,9 +104,7 @@ var A = class extends n(O`
 	.animate-pulse {
 		animation: elegant-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
 	}
-`) {
-	constructor(...e) {
-		super(...e), this.color = "primary", this.size = "md", this.shape = "pill", this.outlined = !1, this.icon = "", this.pulse = !1;
+`];
 	}
 	getSizeClasses() {
 		switch (this.size) {
@@ -134,44 +136,44 @@ var A = class extends n(O`
 	getColorStyles() {
 		return {
 			primary: {
-				bg: this.outlined ? "transparent" : `color-mix(in srgb, ${u.sys.color.primary.container} 92%, ${u.sys.color.primary.default} 8%)`,
-				text: this.outlined ? u.sys.color.primary.default : u.sys.color.primary.onContainer,
-				border: this.outlined ? `color-mix(in srgb, ${u.sys.color.primary.default} 90%, ${u.sys.color.surface.highest} 10%)` : void 0
+				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, ${u.sys.color.secondary.container} 95%, ${u.sys.color.secondary.default} 5%)`,
-				text: this.outlined ? u.sys.color.secondary.default : u.sys.color.secondary.onContainer,
-				border: this.outlined ? `color-mix(in srgb, ${u.sys.color.secondary.default} 85%, ${u.sys.color.surface.highest} 15%)` : void 0
+				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, ${u.sys.color.tertiary.container} 94%, ${u.sys.color.tertiary.default} 6%)`,
-				text: this.outlined ? u.sys.color.tertiary.default : u.sys.color.tertiary.onContainer,
-				border: this.outlined ? `color-mix(in srgb, ${u.sys.color.tertiary.default} 88%, ${u.sys.color.surface.highest} 12%)` : void 0
+				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, ${u.sys.color.success.container} 90%, ${u.sys.color.success.default} 10%)`,
-				text: this.outlined ? u.sys.color.success.default : u.sys.color.success.onContainer,
-				border: this.outlined ? `color-mix(in srgb, ${u.sys.color.success.default} 85%, ${u.sys.color.surface.bright} 15%)` : void 0
+				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, ${u.sys.color.tertiary.container} 85%, ${u.sys.color.tertiary.default} 15%)`,
-				text: this.outlined ? u.sys.color.tertiary.default : u.sys.color.tertiary.onContainer,
-				border: this.outlined ? `color-mix(in srgb, ${u.sys.color.tertiary.default} 90%, ${u.sys.color.surface.highest} 10%)` : void 0
+				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, ${u.sys.color.error.container} 92%, ${u.sys.color.error.default} 8%)`,
-				text: this.outlined ? u.sys.color.error.default : u.sys.color.error.onContainer,
-				border: this.outlined ? `color-mix(in srgb, ${u.sys.color.error.default} 88%, ${u.sys.color.surface.bright} 12%)` : void 0
+				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
 			},
 			neutral: {
-				bg: this.outlined ? "transparent" : `color-mix(in srgb, ${u.sys.color.surface.high} 95%, ${u.sys.color.outline} 5%)`,
-				text: this.outlined ? `color-mix(in srgb, ${u.sys.color.surface.on} 95%, ${u.sys.color.surface.default} 5%)` : u.sys.color.surface.on,
-				border: this.outlined ? `color-mix(in srgb, ${u.sys.color.outline} 85%, ${u.sys.color.surface.highest} 15%)` : void 0
+				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
 			},
 			surface: {
-				bg: this.outlined ? "transparent" : u.sys.color.surface.high,
-				text: u.sys.color.surface.on,
-				border: this.outlined ? u.sys.color.outline : void 0
+				bg: this.outlined ? "transparent" : c.sys.color.surface.high,
+				text: c.sys.color.surface.on,
+				border: this.outlined ? c.sys.color.outline : void 0
 			}
 		}[this.color];
 	}
@@ -188,7 +190,7 @@ var A = class extends n(O`
 			"shadow-md": !this.outlined && this.size === "lg",
 			"hover:brightness-95 hover:-translate-y-px": this.outlined,
 			"hover:brightness-[0.98]": !this.outlined
-		}, o = {
+		}, 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)",
@@ -198,8 +200,8 @@ var A = class extends n(O`
 			<div
 				part="badge"
 				class="${this.classMap(a)}"
-				style="${this.styleMap(o)}"
-				${c({
+				style="${this.styleMap(s)}"
+				${o({
 			bgColor: n.bg,
 			color: n.text
 		})}
@@ -221,41 +223,41 @@ var A = class extends n(O`
 		`;
 	}
 };
-i([T({
+t([E({
 	type: String,
 	reflect: !0
-})], A.prototype, "color", void 0), i([T({
+})], A.prototype, "color", void 0), t([E({
 	type: String,
 	reflect: !0
-})], A.prototype, "size", void 0), i([T({
+})], A.prototype, "size", void 0), t([E({
 	type: String,
 	reflect: !0
-})], A.prototype, "shape", void 0), i([T({
+})], A.prototype, "shape", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], A.prototype, "outlined", void 0), i([T({ type: String })], A.prototype, "icon", void 0), i([T({
+})], 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 = i([w("schmancy-badge")], A);
+})], A.prototype, "pulse", void 0), A = t([T("schmancy-badge")], A);
 var j = class extends A {};
-j = i([w("sch-badge")], j);
-var we = new class {
+j = t([T("sch-badge")], j);
+var Ce = new class {
 	constructor() {
-		this.$drawer = new p(), this.pushCounter = 0, this.isDismissing$ = new f(!1), this.$drawer.pipe(ie((e) => {
+		this.$drawer = new d(), this.pushCounter = 0, this.isDismissing$ = new u(!1), this.$drawer.pipe(ne((e) => {
 			switch (e.action) {
-				case "dismiss": return v(e).pipe(b(() => {
+				case "dismiss": return g(e).pipe(v(() => {
 					this.isDismissing$.next(!0), this.dispatchToggleEvent(e.ref, "close");
-				}), ae(300), b(() => this.isDismissing$.next(!1)));
-				case "render": return v(e).pipe(b(() => {
+				}), re(300), v(() => this.isDismissing$.next(!1)));
+				case "render": return g(e).pipe(v(() => {
 					this.dispatchToggleEvent(e.ref, "open"), this.dispatchRenderEvent(e.ref, e.component, e.title);
 				}));
-				case "push": return v(e).pipe(b(() => this.handlePush(e.ref, e.component, e.state, e.params, e.props)));
-				default: return v(null);
+				case "push": return g(e).pipe(v(() => this.handlePush(e.ref, e.component, e.state, e.params, e.props)));
+				default: return g(null);
 			}
 		})).subscribe();
 	}
 	dispatchToggleEvent(e, t) {
-		e.dispatchEvent(new CustomEvent(d.ContentDrawerToggle, {
+		e.dispatchEvent(new CustomEvent(l.ContentDrawerToggle, {
 			detail: { state: t },
 			bubbles: !0,
 			composed: !0
@@ -302,33 +304,36 @@ var we = new class {
 			...e
 		});
 	}
-}(), M = t("push"), N = t("close"), P = t(Math.floor(Math.random() * Date.now()).toString()), F = t("100%"), I = t({}), L = class extends a(O`
+}(), M = C("push"), N = C("close"), P = C(Math.floor(Math.random() * Date.now()).toString()), F = C("100%"), I = C({}), L = class extends e {
+	constructor(...e) {
+		super(...e), this.minWidth = {
+			main: 360,
+			sheet: 576
+		}, this.schmancyContentDrawerID = Math.floor(Math.random() * Date.now()).toString(), this.maxHeight = "100%";
+	}
+	static {
+		this.styles = [O`
 	:host {
 		position: relative;
 		inset: 0;
 		display: block;
 		overflow: hidden;
 	}
-`) {
-	constructor(...e) {
-		super(...e), this.minWidth = {
-			main: 360,
-			sheet: 576
-		}, this.schmancyContentDrawerID = Math.floor(Math.random() * Date.now()).toString(), this.maxHeight = "100%";
+`];
 	}
 	firstUpdated() {
 		this.setupResizeListener(), this.setupToggleListener(), this.setupRenderListener();
 	}
 	setupResizeListener() {
-		_(h(window, "resize"), h(window, d.ContentDrawerResize)).pipe(ue(!0), m(100), g(() => this.clientWidth || window.innerWidth), g((e) => e >= this.minWidth.main + this.minWidth.sheet), oe(), b(() => this.updateMaxHeight()), y(this.disconnecting)).subscribe((e) => this.updateMode(e));
+		h(p(window, "resize"), p(window, l.ContentDrawerResize)).pipe(ce(!0), f(100), m(() => this.clientWidth || window.innerWidth), m((e) => e >= this.minWidth.main + this.minWidth.sheet), ie(), v(() => this.updateMaxHeight()), _(this.disconnecting)).subscribe((e) => this.updateMode(e));
 	}
 	setupToggleListener() {
-		h(window, d.ContentDrawerToggle).pipe(b((e) => e.stopPropagation()), g((e) => e.detail.state), y(this.disconnecting)).subscribe((e) => {
+		p(window, l.ContentDrawerToggle).pipe(v((e) => e.stopPropagation()), m((e) => e.detail.state), _(this.disconnecting)).subscribe((e) => {
 			this.open = e;
 		});
 	}
 	setupRenderListener() {
-		h(window, "schmancy-content-drawer-render").pipe(b((e) => e.stopPropagation()), g((e) => e.detail), y(this.disconnecting)).subscribe((e) => this.handleRender(e));
+		p(window, "schmancy-content-drawer-render").pipe(v((e) => e.stopPropagation()), m((e) => e.detail), _(this.disconnecting)).subscribe((e) => this.handleRender(e));
 	}
 	updateMaxHeight() {
 		this.maxHeight = window.innerHeight - this.getOffsetTop(this) + "px", this.style.setProperty("max-height", this.maxHeight);
@@ -337,14 +342,14 @@ var we = new class {
 		e ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
 	}
 	handleRender(e) {
-		this.mode === "push" ? o.push({
+		this.mode === "push" ? n.push({
 			area: this.schmancyContentDrawerID,
 			component: e.component,
 			historyStrategy: "silent",
 			state: e.state,
 			params: e.params,
 			props: e.props
-		}) : this.mode === "overlay" && l.open({
+		}) : this.mode === "overlay" && s.open({
 			component: e.component,
 			uid: this.schmancyContentDrawerID,
 			props: e.props
@@ -366,21 +371,24 @@ var we = new class {
 		].join(" ")}>
 				<slot></slot>
 			</div>
-		` : Se;
+		` : xe;
 	}
 };
-i([r({ context: I })], L.prototype, "minWidth", void 0), i([r({ context: N }), T()], L.prototype, "open", void 0), i([r({ context: M }), D()], L.prototype, "mode", void 0), i([r({ context: P })], L.prototype, "schmancyContentDrawerID", void 0), i([r({ context: F })], L.prototype, "maxHeight", void 0), i([xe({ flatten: !0 })], L.prototype, "assignedElements", void 0), L = i([w("schmancy-content-drawer")], L);
-var R = class extends a(O`
+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([be({ flatten: !0 })], L.prototype, "assignedElements", void 0), L = t([T("schmancy-content-drawer")], L);
+var R = class extends e {
+	static {
+		this.styles = [O`
 	:host {
 		display: block;
 		overflow: hidden;
 	}
-`) {
+`];
+	}
 	connectedCallback() {
 		super.connectedCallback(), this.minWidth ? this.drawerMinWidth.main = this.minWidth : this.minWidth = this.drawerMinWidth.main;
 	}
 	update(e) {
-		super.update(e), e.has("minWidth") && this.minWidth && (this.drawerMinWidth.main = this.minWidth, this.dispatchEvent(new CustomEvent(d.ContentDrawerResize, {
+		super.update(e), e.has("minWidth") && this.minWidth && (this.drawerMinWidth.main = this.minWidth, this.dispatchEvent(new CustomEvent(l.ContentDrawerResize, {
 			bubbles: !0,
 			composed: !0
 		})));
@@ -403,34 +411,37 @@ var R = class extends a(O`
 						<slot></slot>
 					</section>
 				</div>
-				${Ce(this.mode === "push", () => k` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
+				${Se(this.mode === "push", () => k` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
 			</section>
 		`;
 	}
 };
-i([T({ type: Number })], R.prototype, "minWidth", void 0), i([e({
+t([E({ type: Number })], R.prototype, "minWidth", void 0), t([S({
 	context: I,
 	subscribe: !0
-})], R.prototype, "drawerMinWidth", void 0), i([e({
+})], R.prototype, "drawerMinWidth", void 0), t([S({
 	context: M,
 	subscribe: !0
-}), D()], R.prototype, "mode", void 0), i([e({
+}), D()], R.prototype, "mode", void 0), t([S({
 	context: F,
 	subscribe: !0
-}), D()], R.prototype, "maxHeight", void 0), R = i([w("schmancy-content-drawer-main")], R);
-var z = class extends a(O`
+}), D()], R.prototype, "maxHeight", void 0), R = t([T("schmancy-content-drawer-main")], R);
+var z = class extends e {
+	static {
+		this.styles = [O`
 	:host {
 		overflow: scroll;
 	}
-`) {
+`];
+	}
 	connectedCallback() {
 		super.connectedCallback(), this.minWidth ? this.drawerMinWidth.sheet = this.minWidth : this.minWidth = this.drawerMinWidth.sheet;
 	}
 	updated(e) {
-		super.updated(e), e.has("minWidth") && this.minWidth ? (this.drawerMinWidth.sheet = this.minWidth, this.dispatchEvent(new CustomEvent(d.ContentDrawerResize, {
+		super.updated(e), e.has("minWidth") && this.minWidth ? (this.drawerMinWidth.sheet = this.minWidth, this.dispatchEvent(new CustomEvent(l.ContentDrawerResize, {
 			bubbles: !0,
 			composed: !0
-		}))) : (e.has("state") || e.has("mode")) && (this.mode === "overlay" ? this.state === "close" ? this.closeAll() : this.state : this.mode === "push" && (l.dismiss(this.schmancyContentDrawerID), this.state === "close" ? this.closeAll() : this.state === "open" && this.open()));
+		}))) : (e.has("state") || e.has("mode")) && (this.mode === "overlay" ? this.state === "close" ? this.closeAll() : this.state : this.mode === "push" && (s.dismiss(this.schmancyContentDrawerID), this.state === "close" ? this.closeAll() : this.state === "open" && this.open()));
 	}
 	open() {
 		this.mode === "overlay" ? this.sheet.style.position = "fixed" : this.sheet.style.position = "relative", this.sheet.style.display = "block", this.sheet.animate([{
@@ -445,13 +456,13 @@ var z = class extends a(O`
 		});
 	}
 	closeAll() {
-		_(ce(this.closeModalSheet()), ce(this.closeSheet())).pipe(y(this.disconnecting)).subscribe();
+		h(oe(this.closeModalSheet()), oe(this.closeSheet())).pipe(_(this.disconnecting)).subscribe();
 	}
 	closeModalSheet() {
-		return v(!0).pipe(b(() => l.dismiss(this.schmancyContentDrawerID)));
+		return g(!0).pipe(v(() => s.dismiss(this.schmancyContentDrawerID)));
 	}
 	closeSheet() {
-		return new ne((e) => {
+		return new ee((e) => {
 			this.sheet.animate([{
 				opacity: 1,
 				transform: "translateX(0%)"
@@ -484,30 +495,30 @@ var z = class extends a(O`
 		`;
 	}
 };
-i([T({ type: Number })], z.prototype, "minWidth", void 0), i([e({
+t([E({ type: Number })], z.prototype, "minWidth", void 0), t([S({
 	context: M,
 	subscribe: !0
-}), D()], z.prototype, "mode", void 0), i([e({
+}), D()], z.prototype, "mode", void 0), t([S({
 	context: N,
 	subscribe: !0
-}), D()], z.prototype, "state", void 0), i([e({ context: P })], z.prototype, "schmancyContentDrawerID", void 0), i([E("#sheet")], z.prototype, "sheet", void 0), i([xe({
+}), D()], z.prototype, "state", void 0), t([S({ context: P })], z.prototype, "schmancyContentDrawerID", void 0), t([ye("#sheet")], z.prototype, "sheet", void 0), t([be({
 	flatten: !0,
 	slot: void 0
-})], z.prototype, "defaultSlot", void 0), i([e({
+})], z.prototype, "defaultSlot", void 0), t([S({
 	context: I,
 	subscribe: !0
-})], z.prototype, "drawerMinWidth", void 0), i([e({
+})], z.prototype, "drawerMinWidth", void 0), t([S({
 	context: F,
 	subscribe: !0
-}), D()], z.prototype, "maxHeight", void 0), z = i([w("schmancy-content-drawer-sheet")], z);
-var Te = new class {
+}), D()], z.prototype, "maxHeight", void 0), z = t([T("schmancy-content-drawer-sheet")], z);
+var we = new class {
 	constructor() {
-		this.$drawer = new p(), this.$drawer.pipe(m(10)).subscribe((e) => {
-			e.state ? window.dispatchEvent(new CustomEvent(d.NavDrawer_toggle, {
+		this.$drawer = new d(), this.$drawer.pipe(f(10)).subscribe((e) => {
+			e.state ? window.dispatchEvent(new CustomEvent(l.NavDrawer_toggle, {
 				detail: { state: "open" },
 				bubbles: !0,
 				composed: !0
-			})) : window.dispatchEvent(new CustomEvent(d.NavDrawer_toggle, {
+			})) : window.dispatchEvent(new CustomEvent(l.NavDrawer_toggle, {
 				detail: { state: "close" },
 				bubbles: !0,
 				composed: !0
@@ -526,28 +537,34 @@ var Te = new class {
 			state: !1
 		});
 	}
-}(), Ee = Te, B = class extends n(O`
+}(), Te = we, B = class extends e {
+	static {
+		this.styles = [O`
 	:host {
 		display: block;
 		width: 100%;
 		min-width: 0;
 	}
-`) {
+`];
+	}
 	render() {
 		return k`<slot></slot>`;
 	}
 };
-B = i([w("schmancy-nav-drawer-appbar")], B);
-var V = class extends a(O`
+B = t([T("schmancy-nav-drawer-appbar")], B);
+var V = class extends e {
+	static {
+		this.styles = [O`
 	:host {
 		display: block;
 		position: relative;
 		inset: 0;
 		overflow-y: auto;
 	}
-`) {
+`];
+	}
 	connectedCallback() {
-		super.connectedCallback(), h(this, "scroll").pipe(y(this.disconnecting)).subscribe((e) => {
+		super.connectedCallback(), p(this, "scroll").pipe(_(this.disconnecting)).subscribe((e) => {
 			this.parentElement.dispatchEvent(new CustomEvent("scroll", {
 				detail: e,
 				bubbles: !0,
@@ -559,8 +576,16 @@ var V = class extends a(O`
 		return k` <slot></slot> `;
 	}
 };
-V = i([w("schmancy-nav-drawer-content")], V);
-var H, U = t("push"), W = t("close"), G = class extends a(O`
+V = t([T("schmancy-nav-drawer-content")], V);
+var H, U = C("push"), W = C("close"), G = class extends e {
+	static {
+		H = this;
+	}
+	constructor(...e) {
+		super(...e), this.fullscreen = !1, this.breakpoint = "md";
+	}
+	static {
+		this.styles = [O`
 	:host {
 		display: grid;
 		grid-template-columns: auto 1fr;
@@ -579,12 +604,7 @@ var H, U = t("push"), W = t("close"), G = class extends a(O`
 	:host([fullscreen]) {
 		grid-template-columns: 1fr;
 	}
-`) {
-	static {
-		H = this;
-	}
-	constructor(...e) {
-		super(...e), this.fullscreen = !1, this.breakpoint = "md";
+`];
 	}
 	static {
 		this.BREAKPOINTS = {
@@ -595,14 +615,14 @@ var H, U = t("push"), W = t("close"), G = class extends a(O`
 		};
 	}
 	firstUpdated() {
-		this.updateState(window.innerWidth), this.setAttribute("data-ready", ""), h(window, "resize").pipe(g((e) => e.target.innerWidth), g((e) => e >= H.BREAKPOINTS[this.breakpoint]), oe(), m(100), y(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");
-		}), h(window, "fullscreen").pipe(b((e) => {
+		}), p(window, "fullscreen").pipe(v((e) => {
 			let t = e;
 			this.fullscreen = t.detail;
-		}), y(this.disconnecting)).subscribe(), h(window, d.NavDrawer_toggle).pipe(b((e) => {
+		}), _(this.disconnecting)).subscribe(), p(window, l.NavDrawer_toggle).pipe(v((e) => {
 			e.stopPropagation();
-		}), g((e) => e.detail.state), y(this.disconnecting), m(10)).subscribe((e) => {
+		}), m((e) => e.detail.state), _(this.disconnecting), f(10)).subscribe((e) => {
 			e === "toggle" && (e = this.open === "open" ? "close" : "open"), this.mode === "push" && e === "close" || (this.open = e);
 		});
 	}
@@ -614,14 +634,14 @@ var H, U = t("push"), W = t("close"), G = class extends a(O`
 		return k`<slot></slot>`;
 	}
 };
-i([T({
+t([E({
 	type: Boolean,
 	reflect: !0
-})], G.prototype, "fullscreen", void 0), i([T({
+})], G.prototype, "fullscreen", void 0), t([E({
 	type: String,
 	attribute: "breakpoint"
-})], G.prototype, "breakpoint", void 0), i([r({ context: U }), D()], G.prototype, "mode", void 0), i([r({ context: W }), T()], G.prototype, "open", void 0), G = H = i([w("schmancy-nav-drawer")], G);
-var K = "cubic-bezier(0.5, 0.01, 0.25, 1)", q = class extends a() {
+})], 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;
 	}
@@ -666,7 +686,7 @@ var K = "cubic-bezier(0.5, 0.01, 0.25, 1)", q = class extends a() {
 		};
 	}
 	handleOverlayClick() {
-		window.dispatchEvent(new CustomEvent(d.NavDrawer_toggle, {
+		window.dispatchEvent(new CustomEvent(l.NavDrawer_toggle, {
 			detail: { state: "close" },
 			bubbles: !0,
 			composed: !0
@@ -682,27 +702,50 @@ var K = "cubic-bezier(0.5, 0.01, 0.25, 1)", q = class extends a() {
 			<nav
 				style=${this.styleMap(t)}
 				class="${this.classMap({ ...e })}"
-				${c({ bgColor: u.sys.color.surface.containerLowest })}
+				${o({ bgColor: c.sys.color.surface.containerLowest })}
 			>
 				<slot></slot>
 			</nav>
 			<div
 				id="overlay"
-				${c({ bgColor: u.sys.color.scrim })}
+				${o({ bgColor: c.sys.color.scrim })}
 				@click=${this.handleOverlayClick}
 				class="${this.classMap({ "fixed inset-0 z-49 hidden": !0 })}"
 			></div>
 		`;
 	}
 };
-i([e({
+t([S({
 	context: U,
 	subscribe: !0
-}), D()], q.prototype, "mode", void 0), i([e({
+}), D()], q.prototype, "mode", void 0), t([S({
 	context: W,
 	subscribe: !0
-}), D()], q.prototype, "drawerState", void 0), i([E("#overlay")], q.prototype, "overlay", void 0), i([E("nav")], q.prototype, "nav", void 0), i([T({ type: String })], q.prototype, "width", void 0), i([D()], q.prototype, "_initialized", void 0), q = i([w("schmancy-nav-drawer-navbar")], q);
-var J = class extends n(O`
+}), D()], q.prototype, "drawerState", void 0), t([ye("#overlay")], q.prototype, "overlay", void 0), t([ye("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;
+			let t = this.shadowRoot?.querySelector(".w-16.h-8");
+			if (t) {
+				let n = t.getBoundingClientRect(), r = {
+					x: e.clientX - n.left,
+					y: e.clientY - n.top,
+					id: Date.now()
+				};
+				this.ripples = [...this.ripples, r], fe(600).pipe(x(() => {
+					this.ripples = this.ripples.filter((e) => e.id !== r.id);
+				}), b(this.disconnecting)).subscribe();
+			}
+		}, this.handleClick = (e) => {
+			if (this.disabled) return e.preventDefault(), void e.stopPropagation();
+			this.addRippleEffect(e);
+		}, this.handleKeyDown = (e) => {
+			this.disabled || e.key !== "Enter" && e.key !== " " || e.preventDefault();
+		};
+	}
+	static {
+		this.styles = [O`
 	:host {
 		display: flex;
 		flex: 1;
@@ -755,27 +798,7 @@ var J = class extends n(O`
 		animation: ripple 0.6s ease-out;
 		pointer-events: none;
 	}
-`) {
-	constructor(...e) {
-		super(...e), this.icon = "", this.label = "", this.badge = "", this.active$ = new f(!1), this.disabled = !1, this.hideLabels = !1, this.ripples = [], this.addRippleEffect = (e) => {
-			if (this.disabled) return;
-			let t = this.shadowRoot?.querySelector(".w-16.h-8");
-			if (t) {
-				let n = t.getBoundingClientRect(), r = {
-					x: e.clientX - n.left,
-					y: e.clientY - n.top,
-					id: Date.now()
-				};
-				this.ripples = [...this.ripples, r], me(600).pipe(C(() => {
-					this.ripples = this.ripples.filter((e) => e.id !== r.id);
-				}), S(this.disconnecting)).subscribe();
-			}
-		}, this.handleClick = (e) => {
-			if (this.disabled) return e.preventDefault(), void e.stopPropagation();
-			this.addRippleEffect(e);
-		}, this.handleKeyDown = (e) => {
-			this.disabled || e.key !== "Enter" && e.key !== " " || e.preventDefault();
-		};
+`];
 	}
 	get active() {
 		return this.active$.value;
@@ -787,13 +810,13 @@ var J = class extends n(O`
 		this.active = e;
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.active$.pipe(S(this.disconnecting)).subscribe(() => {
+		super.connectedCallback(), this.active$.pipe(b(this.disconnecting)).subscribe(() => {
 			this.requestUpdate();
 		}), this.setupNavigationStream();
 	}
 	setupNavigationStream() {
 		let e = this.shadowRoot?.querySelector("button");
-		e && _(h(e, "click").pipe(x(() => !this.disabled)), h(e, "keydown").pipe(x(() => !this.disabled), x((e) => e.key === "Enter" || e.key === " "), C((e) => e.preventDefault()))).pipe(C(() => {
+		e && h(p(e, "click").pipe(y(() => !this.disabled)), p(e, "keydown").pipe(y(() => !this.disabled), y((e) => e.key === "Enter" || e.key === " "), x((e) => e.preventDefault()))).pipe(x(() => {
 			this.dispatchEvent(new CustomEvent("bar-item-click", {
 				detail: {
 					icon: this.icon,
@@ -803,7 +826,7 @@ var J = class extends n(O`
 				bubbles: !0,
 				composed: !0
 			}));
-		}), S(this.disconnecting)).subscribe();
+		}), b(this.disconnecting)).subscribe();
 	}
 	formatBadge(e) {
 		let t = Number(e);
@@ -829,7 +852,7 @@ var J = class extends n(O`
 			"bg-secondary-container": this.active,
 			"group-hover:bg-surface-containerHighest": !this.active && !this.disabled,
 			"relative overflow-hidden": !0
-		}, o = {
+		}, s = {
 			"absolute top-0 right-3": !0,
 			"min-w-[6px] h-1.5": !n,
 			"min-w-[16px] h-4": n,
@@ -839,7 +862,7 @@ var J = class extends n(O`
 			"px-1": n,
 			"transition-all duration-200": !0,
 			"z-10": !0
-		}, ee = this.active ? { color: u.sys.color.secondary.onContainer } : { color: u.sys.color.surface.onVariant }, te = { "--focus-color": u.sys.color.primary.default };
+		}, 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`
 			<button
 				type="button"
@@ -850,10 +873,10 @@ var J = class extends n(O`
 				aria-pressed=${this.active}
 				aria-label=${this.label || "Navigation item"}
 				style=${this.styleMap({
-			...te,
+			...u,
 			"outline-color": "var(--focus-color)"
 		})}
-				${c(ee)}
+				${o(l)}
 			>
 				<!-- Icon with indicator background -->
 				<div class=${this.classMap(a)}>
@@ -894,63 +917,42 @@ var J = class extends n(O`
 				<!-- Badge -->
 				${n ? k`
 					<span
-						class=${this.classMap(o)}
+						class=${this.classMap(s)}
 						aria-label="${t} notifications"
-						${c({
-			bgColor: u.sys.color.error.default,
-			color: u.sys.color.error.on
+						${o({
+			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(o)}
+						class=${this.classMap(s)}
 						aria-label="Has notifications"
-						${c({ bgColor: u.sys.color.error.default })}
+						${o({ bgColor: c.sys.color.error.default })}
 					></span>
 				` : ""}
 			</button>
 		`;
 	}
 };
-i([T({ type: String })], J.prototype, "icon", void 0), i([T({ type: String })], J.prototype, "label", void 0), i([T({ type: String })], J.prototype, "badge", void 0), i([T({
+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
-})], J.prototype, "active", null), i([T({
+})], J.prototype, "active", null), t([E({
 	type: Boolean,
 	reflect: !0
-})], J.prototype, "disabled", void 0), i([T({
+})], J.prototype, "disabled", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], J.prototype, "hideLabels", void 0), i([D()], J.prototype, "ripples", void 0), J = i([w("schmancy-navigation-bar-item")], J);
-var Y = class extends n(O`
-	: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);
-	}
-
-	/* 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;
-	}
-`) {
+})], 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 f(-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 p(), this.handleItemClick = (e) => {
-			let t = this.getItems(), n = e.target, r = t.indexOf(n);
+		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);
 			if (r === -1) return;
-			if (this.activeIndex === r) return void this.dispatchEvent(new CustomEvent(d.NavDrawer_toggle, {
+			if (this.activeIndex === r) return void this.dispatchEvent(new CustomEvent(l.NavDrawer_toggle, {
 				detail: { state: "toggle" },
 				bubbles: !0,
 				composed: !0
@@ -985,6 +987,30 @@ var Y = class extends n(O`
 			}
 		};
 	}
+	static {
+		this.styles = [O`
+	: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);
+	}
+
+	/* 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;
+	}
+`];
+	}
 	get activeIndex() {
 		return this.activeIndex$.value;
 	}
@@ -1000,23 +1026,23 @@ var Y = class extends n(O`
 	}
 	updateBottomOffset() {
 		let e = !this.isFullscreen && this.isMobileViewport();
-		s.setBottomOffset(e ? 80 : 0);
+		a.setBottomOffset(e ? 80 : 0);
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.mobileMediaQuery = window.matchMedia("(max-width: 767px)"), h(this.mobileMediaQuery, "change").pipe(C(() => this.updateBottomOffset()), S(this.disconnecting)).subscribe(), s.fullscreen$.pipe(C((e) => {
+		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) => {
 			this.isFullscreen = e, this.visibility$.next(!this.isFullscreen && !this.isHiddenByScroll), this.updateBottomOffset();
-		}), S(this.disconnecting)).subscribe(), this.updateBottomOffset(), h(this, "bar-item-click").pipe(C((e) => this.handleItemClick(e)), S(this.disconnecting)).subscribe(), h(this, "keydown").pipe(C((e) => this.handleKeyDown(e)), S(this.disconnecting)).subscribe(), this.activeIndex$.pipe(S(this.disconnecting)).subscribe((e) => {
+		}), 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(), s.setBottomOffset(0), this.mobileMediaQuery = null;
+		super.disconnectedCallback(), a.setBottomOffset(0), this.mobileMediaQuery = null;
 	}
 	setupScrollListener() {
-		h(window, "scroll").pipe(be(100), _e(() => window.scrollY), ve(), x(([e, t]) => Math.abs(t - e) > this.SCROLL_THRESHOLD), C(([e, t]) => {
+		p(window, "scroll").pipe(ve(100), he(() => window.scrollY), ge(), y(([e, t]) => Math.abs(t - e) > this.SCROLL_THRESHOLD), x(([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);
-		}), S(this.disconnecting)).subscribe();
+		}), b(this.disconnecting)).subscribe();
 	}
 	focusItem(e) {
 		let t = this.getItems();
@@ -1039,8 +1065,7 @@ var Y = class extends n(O`
 	}
 	updateActiveStates(e) {
 		this.getItems().forEach((t, n) => {
-			let r = t;
-			r.setActive ? r.setActive(n === e) : r.active = n === e, r.hideLabels = this.hideLabels, t.tabIndex = n === e ? 0 : -1;
+			t.setActive(n === e), t.hideLabels = this.hideLabels, t.tabIndex = n === e ? 0 : -1;
 		});
 	}
 	updated(e) {
@@ -1067,9 +1092,9 @@ var Y = class extends n(O`
 				aria-label="Main navigation"
 				aria-hidden=${e}
 				style="transform: ${n};"
-				${c({
-			bgColor: u.sys.color.surface.container,
-			color: u.sys.color.surface.on
+				${o({
+			bgColor: c.sys.color.surface.container,
+			color: c.sys.color.surface.on
 		})}
 			>
 				<slot></slot>
@@ -1077,24 +1102,24 @@ var Y = class extends n(O`
 		`;
 	}
 };
-i([T({ type: Number })], Y.prototype, "activeIndex", null), i([T({
+t([E({ type: Number })], Y.prototype, "activeIndex", null), t([E({
 	type: Boolean,
 	reflect: !0
-})], Y.prototype, "hideLabels", void 0), i([T({
+})], Y.prototype, "hideLabels", void 0), t([E({
 	type: Number,
 	reflect: !0
-})], Y.prototype, "elevation", void 0), i([T({
+})], Y.prototype, "elevation", void 0), t([E({
 	type: Boolean,
 	reflect: !0
-})], Y.prototype, "hideOnScroll", void 0), i([D()], Y.prototype, "focusedIndex", void 0), i([D()], Y.prototype, "isHiddenByScroll", void 0), i([D()], Y.prototype, "isFullscreen", void 0), Y = i([w("schmancy-navigation-bar")], Y);
-var X = "whereAreYouRicky", De = "hereMorty", Z = 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 p(), this.find = (e) => he([h(window, De).pipe(se((t) => !!t.detail.component.uuid && !!e.id && t.detail.component.id === e.id && t.detail.component.uuid !== e.uuid), g((e) => e.detail.component), de(1)), v(e).pipe(b(() => {
+		this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new d(), this.find = (e) => pe([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), le(1)), g(e).pipe(v(() => {
 			window.dispatchEvent(new CustomEvent(X, { detail: {
 				id: e.id,
 				callerID: e.uuid
 			} }));
-		}))]).pipe(g(([e]) => e), pe(0)), this.flip = (e) => {
+		}))]).pipe(m(([e]) => e), de(0)), this.flip = (e) => {
 			let { from: t, to: n } = e, r = n.element.style.zIndex;
 			n.element.style.transformOrigin = "top left", n.element.style.setProperty("visibility", "visible"), n.element.style.zIndex = "1000";
 			let i = [{ transform: `translate(${t.rect.left - n.rect.left}px, ${t.rect.top - n.rect.top}px) scale(${t.rect.width / n.rect.width}, ${t.rect.height / n.rect.height})` }, { transform: "translate(0, 0) scale(1, 1)" }];
@@ -1105,45 +1130,48 @@ var X = "whereAreYouRicky", De = "hereMorty", Z = new class {
 			}).onfinish = () => {
 				n.element.style.zIndex = r, n.element.style.transformOrigin = "";
 			};
-		}, this.flipRequests.pipe(re(1), g((e) => e.map(({ from: e, to: t, host: n }, r) => ({
+		}, this.flipRequests.pipe(te(1), m((e) => e.map(({ from: e, to: t, host: n }, r) => ({
 			from: e,
 			to: t,
 			host: n,
 			i: r
-		}))), ie((e) => he(e.map((e) => v(this.flip(e)))))).subscribe();
+		}))), ne((e) => pe(e.map((e) => g(this.flip(e)))))).subscribe();
 	}
 }();
-function Oe(e) {
-	return le(50).pipe(_e(() => e.getBoundingClientRect()), ge((e, t) => e.width === t.width && e.height === t.height && e.top === t.top && e.right === t.right && e.bottom === t.bottom && e.left === t.left), ye(1));
+function Ee(e) {
+	return se(50).pipe(he(() => e.getBoundingClientRect()), me((e, t) => e.width === t.width && e.height === t.height && e.top === t.top && e.right === t.right && e.bottom === t.bottom && e.left === t.left), _e(1));
 }
-var Q = class extends a(O``) {
+var $ = class extends e {
 	constructor(...e) {
 		super(...e), this.uuid = Math.floor(Math.random() * Date.now()), this.delay = 0, this.debugging = !1;
 	}
+	static {
+		this.styles = [O``];
+	}
 	get _slottedChildren() {
 		return this.shadowRoot.querySelector("slot").assignedElements({ flatten: !0 });
 	}
 	connectedCallback() {
 		if (this.id === void 0) throw Error("id is required");
-		super.connectedCallback(), _(h(window, ee).pipe(b({ next: () => {
-			this.dispatchEvent(new CustomEvent(te, {
+		super.connectedCallback(), h(p(window, r).pipe(v({ next: () => {
+			this.dispatchEvent(new CustomEvent(i, {
 				detail: { component: this },
 				bubbles: !0,
 				composed: !0
 			}));
-		} })), h(window, X).pipe(b({ next: (e) => {
-			e.detail.id === this.id && this.uuid && e.detail.callerID !== this.uuid && this.dispatchEvent(new CustomEvent(De, {
+		} })), 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
 			}));
-		} }))).pipe(y(this.disconnecting)).subscribe();
+		} }))).pipe(_(this.disconnecting)).subscribe();
 	}
 	async firstUpdated() {
-		v(Z.activeTeleportations.get(this.id)).pipe(se((e) => !!e), y(this.disconnecting), fe()).subscribe({
+		g(Q.activeTeleportations.get(this.id)).pipe(ae((e) => !!e), _(this.disconnecting), ue()).subscribe({
 			next: (e) => {
-				this.style.setProperty("visibility", "hidden"), Oe(this).pipe(y(this.disconnecting)).subscribe({ next: (t) => {
-					Z.activeTeleportations.set(this.id, t), Z.flipRequests.next({
+				this.style.setProperty("visibility", "hidden"), Ee(this).pipe(_(this.disconnecting)).subscribe({ next: (t) => {
+					Q.activeTeleportations.set(this.id, t), Q.flipRequests.next({
 						from: { rect: e },
 						to: {
 							rect: t,
@@ -1154,8 +1182,8 @@ var Q = class extends a(O``) {
 				} });
 			},
 			error: () => {
-				this.style.setProperty("visibility", "visible"), Oe(this).pipe(y(this.disconnecting)).subscribe({ next: (e) => {
-					Z.activeTeleportations.set(this.id, e);
+				this.style.setProperty("visibility", "visible"), Ee(this).pipe(_(this.disconnecting)).subscribe({ next: (e) => {
+					Q.activeTeleportations.set(this.id, e);
 				} });
 			},
 			complete: () => {}
@@ -1165,88 +1193,8 @@ var Q = class extends a(O``) {
 		return k`<slot></slot>`;
 	}
 };
-i([T({
+t([E({
 	type: Number,
 	reflect: !0
-})], Q.prototype, "uuid", void 0), i([T({ type: String })], Q.prototype, "id", void 0), i([T({ type: Number })], Q.prototype, "delay", void 0), Q = i([w("schmancy-teleport")], Q);
-var $ = class extends a() {
-	constructor(...e) {
-		super(...e), this.initials = "", this.src = "", this.icon = "", this.size = "md", this.color = "primary", this.shape = "circle", this.bordered = !1, this.status = "none";
-	}
-	render() {
-		let e;
-		e = this.src ? k`<img class="w-full h-full object-cover" src="${this.src}" alt="Avatar" />` : this.initials ? k`<span class="text-center font-medium">${this.initials.substring(0, 2).toUpperCase()}</span>` : this.icon ? k`<schmancy-icon>${this.icon}</schmancy-icon>` : k`<schmancy-icon>person</schmancy-icon>`;
-		let t = {
-			"relative flex items-center justify-center overflow-hidden": !0,
-			[{
-				xxs: "w-5 h-5 text-[8px]",
-				xs: "w-6 h-6 text-xs",
-				sm: "w-8 h-8 text-sm",
-				md: "w-10 h-10 text-base",
-				lg: "w-12 h-12 text-lg",
-				xl: "w-16 h-16 text-xl"
-			}[this.size]]: !0,
-			[{
-				circle: "rounded-full",
-				square: "rounded-md"
-			}[this.shape]]: !0,
-			"border-2 border-surface-container": this.bordered
-		}, n = this.getColorAttributes();
-		return k`
-			<div class="${this.classMap(t)}" ${n}>
-				${e} ${this.status === "none" ? "" : this.renderStatusIndicator()}
-			</div>
-		`;
-	}
-	getColorAttributes() {
-		return c({
-			primary: {
-				bgColor: u.sys.color.primary.container,
-				color: u.sys.color.primary.onContainer
-			},
-			secondary: {
-				bgColor: u.sys.color.secondary.container,
-				color: u.sys.color.secondary.onContainer
-			},
-			tertiary: {
-				bgColor: u.sys.color.tertiary.container,
-				color: u.sys.color.tertiary.onContainer
-			},
-			success: {
-				bgColor: u.sys.color.success.container,
-				color: u.sys.color.success.onContainer
-			},
-			error: {
-				bgColor: u.sys.color.error.container,
-				color: u.sys.color.error.onContainer
-			},
-			neutral: {
-				bgColor: u.sys.color.surface.container,
-				color: u.sys.color.surface.on
-			}
-		}[this.color]);
-	}
-	renderStatusIndicator() {
-		let e = {
-			online: u.sys.color.success.default,
-			offline: u.sys.color.surface.onVariant,
-			busy: u.sys.color.error.default,
-			away: u.sys.color.tertiary.default
-		}, t = {
-			"absolute bottom-0 right-0 rounded-full border-2 border-surface-default": !0,
-			[{
-				xxs: "w-1 h-1",
-				xs: "w-1.5 h-1.5",
-				sm: "w-2 h-2",
-				md: "w-2.5 h-2.5",
-				lg: "w-3 h-3",
-				xl: "w-4 h-4"
-			}[this.size]]: !0
-		};
-		return k`
-			<div class="${this.classMap(t)}" style="background-color: ${e[this.status]};"></div>
-		`;
-	}
-};
-i([T({ type: String })], $.prototype, "initials", void 0), i([T({ type: String })], $.prototype, "src", void 0), i([T({ type: String })], $.prototype, "icon", void 0), i([T({ type: String })], $.prototype, "size", void 0), i([T({ type: String })], $.prototype, "color", void 0), i([T({ type: String })], $.prototype, "shape", void 0), i([T({ type: Boolean })], $.prototype, "bordered", void 0), i([T({ type: String })], $.prototype, "status", void 0), $ = i([w("schmancy-avatar")], $);
-export { N as C, A as E, M as S, j as T, R as _, Z as a, F as b, q as c, W as d, V as f, z as g, Te as h, X as i, G as l, Ee as m, Q as n, Y as o, B as p, De as r, J as s, $ as t, U as u, L as v, we as w, I as x, P as y };
+})], $.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 { Ce 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 };