@mhmo91/schmancy 0.10.40 → 0.10.42

package/dist/{src-Dmqjtcmp.js → src-DGDTkOvC.js}

@@ -1,58 +1,58 @@
-import { t as e, u as t } from "./SchmancyElement-BNnyBOwk.js";
-import "./mixins-DGBI7YPO.js";
-import { S as n, b as r, x as i } from "./area-KVDzhT4s.js";
-import "./state-CnZCDMT0.js";
-import "./audio-D3gnp15Y.js";
-import "./autocomplete-DWiEqlQf.js";
-import { S as a } from "./directives-BvRTjCFa.js";
-import { n as o } from "./theme.service-7VkM-hVf.js";
-import { o as s } from "./overlay.service-BDLi0p5M.js";
-import "./boat-BeqA9_ms.js";
-import "./busy-enYCTssB.js";
+import { t as e, u as t } from "./SchmancyElement-OG71FtNv.js";
+import "./mixins-bCEXbwJV.js";
+import { S as n, b as r, x as i } from "./area-DtCNCb8w.js";
+import "./state-DMd_FUeA.js";
+import "./audio-DdN76ikW.js";
+import "./autocomplete-UNOknYUz.js";
+import { S as a } from "./directives-BL7mzVsA.js";
+import { n as o } from "./theme.service-Dv_55nfE.js";
+import { o as s } from "./overlay.service-BXPgS7ay.js";
+import "./boat-BZah1Sf9.js";
+import "./busy-DzXyO0z6.js";
 import "./button.js";
-import "./card-BHTz1GwB.js";
-import "./checkbox-Ce0DlAdW.js";
-import "./chips-BoZSpSh_.js";
+import "./card-C6ijJZpF.js";
+import "./checkbox-7vEPZuGC.js";
+import "./chips-DF7akwz7.js";
 import "./connectivity.js";
-import "./date-range-DJrdpzev.js";
-import "./date-range-inline-DjRdMZ1z.js";
+import "./date-range-C13_R3OA.js";
+import "./date-range-inline-BnOD-ddB.js";
 import "./delay.js";
-import "./details-CY49XVfp.js";
+import "./details-ByF66CyY.js";
 import "./discovery.js";
-import "./divider-BeyX_C0A.js";
+import "./divider-gYuz0zDU.js";
 import "./dropdown.js";
-import "./expand-BYsSEtp6.js";
+import "./expand-cZ8rfCWP.js";
 import "./fab.js";
-import "./float-Cgllk_H9.js";
+import "./float-zn3DgXBT.js";
 import "./window.js";
 import "./input.js";
-import "./radio-group-AHLvrN8O.js";
+import "./radio-group-bZtZHOj_.js";
 import "./range.js";
 import { t as c } from "./theme.interface-odQEpZZH.js";
-import "./select-CGBsblDA.js";
+import "./select-CU3X-PIa.js";
 import "./switch.js";
-import "./textarea-MPyrMi-S.js";
+import "./textarea-kkYNk1ET.js";
 import "./form.js";
-import "./icons-CJ2mXcBi.js";
-import "./iframe-DWvN5nGB.js";
-import "./notification-BB9OBRCr.js";
+import "./icons-Dup5skuk.js";
+import "./iframe-Xc3EPMZT.js";
+import "./notification-DFKRMmSq.js";
 import "./json.js";
 import "./layout.js";
-import "./lightbox-B7Y4Nij_.js";
-import "./list-C5WVoIfJ.js";
-import "./menu-Dvi_tQgH.js";
+import "./lightbox-CH-y3rYB.js";
+import "./list-DrsawQ5R.js";
+import "./menu-CsY5lMqY.js";
 import "./navigation-rail.js";
-import "./option-B21ImL0k.js";
-import "./overlay-DwJWVyk2.js";
+import "./option-Ct0lGdH3.js";
+import "./overlay-Bh8Q_R01.js";
 import "./progress.js";
 import "./rxjs-utils-d-ivVN84.js";
 import "./slider.js";
 import "./steps.js";
 import "./surface.js";
 import "./table.js";
-import "./tabs-CDQYDc6v.js";
-import "./theme-DZu-xmVp.js";
-import "./theme-button-D_qGvEYs.js";
+import "./tabs-4T_4kCf-.js";
+import "./theme-DwQBl6sr.js";
+import "./theme-button-BD8anzsZ.js";
 import "./tooltip.js";
 import "./tree.js";
 import { SchmancyEvents as l } from "./types.js";
@@ -63,152 +63,63 @@ import "./avatar.js";
 import "./breadcrumb.js";
 import "./kbd.js";
 import "./skeleton.js";
-import "./splash-screen-BUEtjHXC.js";
+import "./splash-screen-emCLYoVl.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`
+		this.styles = [k`
 	: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;
-	}
-	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 +129,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({
-	type: Boolean,
-	reflect: !0
-})], A.prototype, "outlined", void 0), t([E({ type: String })], A.prototype, "icon", void 0), t([E({
+})], j.prototype, "shape", 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 +204,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,7 +212,7 @@ var Se = new class {
 		}, this.schmancyContentDrawerID = Math.floor(Math.random() * Date.now()).toString(), this.maxHeight = "100%", this.overlaySubscription = null;
 	}
 	static {
-		this.styles = [O`
+		this.styles = [k`
 	:host {
 		position: relative;
 		inset: 0;
@@ -325,7 +233,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 +262,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,13 +272,13 @@ 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`
+		this.styles = [k`
 	:host {
 		display: block;
 		overflow: hidden;
@@ -391,7 +299,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,24 +312,24 @@ 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`
+		this.styles = [k`
 	:host {
 		overflow: scroll;
 	}
@@ -449,7 +357,7 @@ var z = class extends e {
 		});
 	}
 	requestOverlayDismiss() {
-		this.dispatchEvent(new CustomEvent(Ce, {
+		this.dispatchEvent(new CustomEvent(Se, {
 			bubbles: !0,
 			composed: !0
 		}));
@@ -482,7 +390,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 +399,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,9 +441,9 @@ var we = new class {
 			state: !1
 		});
 	}
-}(), Te = we, B = class extends e {
+}(), we = Ce, V = class extends e {
 	static {
-		this.styles = [O`
+		this.styles = [k`
 	:host {
 		display: block;
 		width: 100%;
@@ -544,13 +452,13 @@ var we = new class {
 `];
 	}
 	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`
+		this.styles = [k`
 	:host {
 		display: block;
 		position: relative;
@@ -569,19 +477,19 @@ 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`
+		this.styles = [k`
 	:host {
 		display: grid;
 		grid-template-columns: auto 1fr;
@@ -611,7 +519,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 +531,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 +558,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 +574,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 +583,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 +602,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 +620,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,7 +649,7 @@ var J = class extends e {
 		};
 	}
 	static {
-		this.styles = [O`
+		this.styles = [k`
 	:host {
 		display: flex;
 		flex: 1;
@@ -859,7 +767,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 +785,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({
@@ -888,7 +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,11 +805,11 @@ 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`
+				${!this.hideLabels && this.label ? A`
 					<span class=${this.classMap({
 			"text-xs font-medium leading-4 mt-1": !0,
 			"text-center max-w-full": !0,
@@ -911,7 +819,7 @@ var J = class extends e {
 				` : ""}
 
 				<!-- Badge -->
-				${n ? k`
+				${n ? A`
 					<span
 						class=${this.classMap(s)}
 						aria-label="${t} notifications"
@@ -922,7 +830,7 @@ var J = class extends e {
 					>
 						<span class="text-[10px] font-medium leading-none">${t}</span>
 					</span>
-				` : this.badge ? k`
+				` : this.badge ? A`
 					<span
 						class=${this.classMap(s)}
 						aria-label="Has notifications"
@@ -933,17 +841,17 @@ var J = class extends 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({
+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,7 +892,7 @@ var Y = class extends e {
 		};
 	}
 	static {
-		this.styles = [O`
+		this.styles = [k`
 	:host {
 		display: block;
 		transition: transform 0.3s ease-in-out;
@@ -1081,7 +989,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 +1006,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 +1050,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 +1063,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 +1094,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 };