@mhmo91/schmancy 0.7.7 → 0.8.4

package/dist/{avatar-C8P4lVfa.js → avatar-rLCF6MSI.js}

@@ -1,76 +1,86 @@
-import { css as w, html as c, nothing as bt } from "lit";
-import { property as l, customElement as p, state as h, queryAssignedElements as ft, query as tt } from "lit/decorators.js";
-import { Subject as ot, merge as Q, fromEvent as d, startWith as Et, debounceTime as G, map as g, distinctUntilChanged as et, tap as O, takeUntil as m, from as ht, of as J, Observable as Dt, BehaviorSubject as gt, timer as It, zip as pt, filter as vt, take as zt, timeout as Mt, bufferTime as jt, concatMap as Pt, interval as Rt, throwIfEmpty as Wt } from "rxjs";
-import "./animated-text-DuLrWJ6O.js";
-import { a as Ht, F as Lt, H as Bt } from "./area.component-BzjJiNTJ.js";
-import "./autocomplete-FLkd9ju8.js";
-import { tap as B, takeUntil as j, filter as V, throttleTime as Nt, map as wt, pairwise as Tt, distinctUntilChanged as At, take as _t } from "rxjs/operators";
+import { css as v, html as c, nothing as Ct } from "lit";
+import { property as l, customElement as p, state as d, queryAssignedElements as dt, query as Q } from "lit/decorators.js";
+import { Subject as tt, merge as G, fromEvent as h, startWith as kt, debounceTime as Y, map as f, distinctUntilChanged as pt, tap as E, takeUntil as u, from as rt, of as V, Observable as Et, BehaviorSubject as ut, timer as Dt, zip as nt, filter as mt, take as Ot, timeout as It, bufferTime as zt, concatMap as Mt, interval as jt, throwIfEmpty as Pt } from "rxjs";
+import "./animated-text-BAj4-6hE.js";
+import { a as Rt, F as Wt, H as Ht } from "./area.component-CP4DZ0d8.js";
+import "./sound.service-Nza4c6wv.js";
+import "./autocomplete-CGbACUYd.js";
+import { tap as B, takeUntil as j, filter as F, throttleTime as Lt, map as yt, pairwise as Bt, distinctUntilChanged as Nt, take as Tt } from "rxjs/operators";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as Z } from "./tailwind.mixin-wLaKUxf1.js";
-import { c as P, f as qt } from "./ripple-QoNZUUw_.js";
+import { T as J } from "./tailwind.mixin-Bp_PR6yc.js";
+import { c as P } from "./ripple-BgJXbNSP.js";
 import "lit/directives/guard.js";
-import "./boat-Ma6LW-ny.js";
-import "./spinner-DAF-hCvQ.js";
-import "./icon-button-CJ6AVTv9.js";
-import "./media-CNMZbEJe.js";
-import "./checkbox-x46L-XTG.js";
-import "./suggestion-chip-CYu-4xrL.js";
-import "./input-chip-DVE4_1wn.js";
-import "./code-preview-C3DLglSl.js";
-import "./payment-card-form-EVQEb5OX.js";
-import { SchmancyEvents as v } from "./types.js";
+import "./height-CfECBO2j.js";
+import "./boat-Ckt9v__d.js";
+import "./spinner-DiMbWXp9.js";
+import "./icon-button-CmZBLHWC.js";
+import "./media-DtWbcRxL.js";
+import "./pills-BS5rZ6C3.js";
+import "./checkbox-D22yfGe3.js";
+import "./suggestion-chip-CEDqUNoS.js";
+import "./input-chip-B5ErXgCB.js";
+import "./code-preview-DPlQayFd.js";
+import "./payment-card-form-BJa4RgF2.js";
+import { SchmancyEvents as g } from "./types.js";
 import { n as N, e as L } from "./provide-tcktw8xB.js";
-import { $ as R } from "./litElement.mixin-CVje6z-M.js";
-import { c as u } from "./consume-5D1qfVWM.js";
-import "./date-range-Cm0TCfwu.js";
-import "./date-range-inline-CfDu-lIo.js";
-import "./delay-BINGOQ7f.js";
-import "./details-bgq2X_hO.js";
-import "./dialog-content-Cu7fqN8Y.js";
-import "./dialog-service-Bege4HF4.js";
-import "./divider-Bu6tzwGl.js";
-import "./dropdown-content-fVhnEKdY.js";
-import "./timezone-RBV74f85.js";
-import "./form-tpyd1nsT.js";
-import "./icon-Y2qLOFqe.js";
-import "./input-DDCFZ3cr.js";
-import "./flex-CYQU6Pf8.js";
-import "./list-BO1gnjmc.js";
-import "./email-recipients-OG52RGiH.js";
-import "./map-C1jVMhlF.js";
-import "./menu-CUKV4pVJ.js";
-import { when as st } from "lit/directives/when.js";
-import "./navigation-rail-CYKfvZs9.js";
-import "./notification-service-CZ56fXew.js";
-import "./option-DnRdbsTb.js";
-import "./progress-D5kgn2Fg.js";
-import "./radio-button-QCukBJLy.js";
+import { $ as R } from "./litElement.mixin-DHZXtvYq.js";
+import { c as b } from "./consume-5D1qfVWM.js";
+import "./date-range-GFm5NG33.js";
+import "./date-range-inline-DTQLESAZ.js";
+import "./delay-DEe1CmHc.js";
+import "./details-D-LXW23W.js";
+import "./dialog-service-D9E3jLAR.js";
+import "./dialog.component-a7FlKhGD.js";
+import "@floating-ui/dom";
+import "./divider-CzTpxOqt.js";
+import "./dropdown-content-DCn-g0-f.js";
+import "./timezone-4vwX0BgA.js";
+import "./form-BxVM6JTn.js";
+import "./icon-DYpLoegR.js";
+import "./input-D0cQ9DOY.js";
+import "./json-PKewOWuJ.js";
+import "./flex-5dR48zie.js";
+import "./scroll-C_gfUgjn.js";
+import "./lightbox-service-DZMnb1eU.js";
+import "./list-CW56LV-v.js";
+import "./email-recipients-BzjAKNJ0.js";
+import "./map-2Hl60a0A.js";
+import "./menu-Caju5-zd.js";
+import "./navigation-rail-Ctketq5a.js";
+import "./notification-service-CUlfXqmj.js";
+import "./option-Bng41-rY.js";
+import "./page-D-ROcQDd.js";
+import "./progress-yTIX6EqC.js";
+import "./qr-scanner-DjZ8mgHV.js";
+import "./radio-button-me3SRHGu.js";
 import "./index-CW6PhEkx.js";
-import "./select-DSTQ-Zau.js";
-import { s as it } from "./sheet.service-DuVcXyOB.js";
-import "./sheet-DY-z5_tm.js";
-import "./slider-CFtbSQ9Y.js";
-import "./schmancy-steps-container-NZOamraF.js";
-import "./context-create-BvxbWTgj.js";
-import "./surface-DTOK-0E4.js";
-import "./table-CkXbXqi9.js";
-import "./tabs-compatibility-D_BBW655.js";
-import "./textarea-TeVnUeIJ.js";
-import "./theme-controller-boat-CVS77gnH.js";
-import "./theme-button-BXXqAu2Y.js";
-import "./tooltip-DssL6Qfx.js";
-import "./tree-C33t9-0j.js";
-import "./typewriter-Dt1Js2lP.js";
-import "./typography-DdG9aEAg.js";
+import "./select-BBA0gBHf.js";
+import { s as Z } from "./sheet.service-2MobB-9z.js";
+import "./sheet-CNcDT3VP.js";
+import "./slider-CkE-iFUy.js";
+import "./schmancy-steps-container-J6P-NNNj.js";
+import "./context-create-B_S-sD5B.js";
+import "./surface-eBfnSwQS.js";
+import "./table-Dmo4TvTx.js";
+import "./tabs-compatibility-Bit6y6en.js";
+import "./textarea-B1d1QCqT.js";
+import "./theme-controller-boat-CzSmjyKq.js";
+import "./theme-button-CrLuMQNe.js";
+import "./tooltip-CjdvBf4X.js";
+import "./tree-CBEjV7jP.js";
+import "./typewriter-Eo5qXoGC.js";
+import "./typography-C_1gdM2I.js";
 import { S as r } from "./theme.interface-BLfE5J_1.js";
-var Xt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, M = (t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? Ut(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
-  return o && i && Xt(e, s, i), i;
+import { when as At } from "lit/directives/when.js";
+var qt = Object.defineProperty, Xt = Object.getOwnPropertyDescriptor, M = (t, e, s, o) => {
+  for (var n, i = o > 1 ? void 0 : o ? Xt(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
+  return o && i && qt(e, s, i), i;
 };
-let k = class extends Z(w`
+let C = class extends J(v`
 	:host {
 		display: inline-flex;
+		width: fit-content;
 	}
 
 	/* Enhanced pulse animation for better attention-getting */
@@ -157,13 +167,13 @@ let k = class extends Z(w`
 		`;
   }
 };
-M([l({ type: String, reflect: !0 })], k.prototype, "color", 2), M([l({ type: String, reflect: !0 })], k.prototype, "size", 2), M([l({ type: String, reflect: !0 })], k.prototype, "shape", 2), M([l({ type: Boolean, reflect: !0 })], k.prototype, "outlined", 2), M([l({ type: String })], k.prototype, "icon", 2), M([l({ type: Boolean, reflect: !0 })], k.prototype, "pulse", 2), k = M([p("schmancy-badge")], k);
-let ut = class extends k {
+M([l({ type: String, reflect: !0 })], C.prototype, "color", 2), M([l({ type: String, reflect: !0 })], C.prototype, "size", 2), M([l({ type: String, reflect: !0 })], C.prototype, "shape", 2), M([l({ type: Boolean, reflect: !0 })], C.prototype, "outlined", 2), M([l({ type: String })], C.prototype, "icon", 2), M([l({ type: Boolean, reflect: !0 })], C.prototype, "pulse", 2), C = M([p("schmancy-badge")], C);
+let at = class extends C {
 };
-ut = M([p("sch-badge")], ut);
-const Os = new class {
+at = M([p("sch-badge")], at);
+const js = new class {
   constructor() {
-    this.$drawer = new ot(), this.$drawer.pipe().subscribe((t) => {
+    this.$drawer = new tt(), this.$drawer.pipe().subscribe((t) => {
       switch (t.action) {
         case "dismiss":
           this.dispatchToggleEvent(t.ref, "close");
@@ -177,7 +187,7 @@ const Os = new class {
     });
   }
   dispatchToggleEvent(t, e) {
-    t.dispatchEvent(new CustomEvent(v.ContentDrawerToggle, { detail: { state: e }, bubbles: !0, composed: !0 }));
+    t.dispatchEvent(new CustomEvent(g.ContentDrawerToggle, { detail: { state: e }, bubbles: !0, composed: !0 }));
   }
   dispatchRenderEvent(t, e, s, o, n, i) {
     t.dispatchEvent(new CustomEvent("schmancy-content-drawer-render", { detail: { component: e, title: s, state: o, params: n, props: i }, bubbles: !0, composed: !0 }));
@@ -192,18 +202,14 @@ const Os = new class {
     this.dispatchToggleEvent(t, "open"), this.dispatchRenderEvent(t, e, void 0, s, o, n);
   }
   push(t) {
-    const e = this.normalizeOptions(t);
-    this.$drawer.next({ action: "push", ref: window, ...e });
-  }
-  normalizeOptions(t) {
-    return typeof t == "object" && t !== null && "component" in t ? t : { component: t };
+    this.$drawer.next({ action: "push", ref: window, ...t });
   }
-}(), rt = N("push"), xt = N("close"), $t = N(Math.floor(Math.random() * Date.now()).toString()), nt = N("100%"), at = N({});
-var Kt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, W = (t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? Ft(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
-  return o && i && Kt(e, s, i), i;
+}(), et = N("push"), bt = N("close"), ft = N(Math.floor(Math.random() * Date.now()).toString()), st = N("100%"), it = N({});
+var _t = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, W = (t, e, s, o) => {
+  for (var n, i = o > 1 ? void 0 : o ? Ut(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
+  return o && i && _t(e, s, i), i;
 };
-let E = class extends R(w`
+let D = class extends R(v`
 	:host {
 		position: relative;
 		inset: 0;
@@ -218,15 +224,15 @@ let E = class extends R(w`
     this.setupResizeListener(), this.setupToggleListener(), this.setupRenderListener();
   }
   setupResizeListener() {
-    Q(d(window, "resize"), d(window, v.ContentDrawerResize)).pipe(Et(!0), G(100), g(() => this.clientWidth || window.innerWidth), g((t) => t >= this.minWidth.main + this.minWidth.sheet), et(), O(() => this.updateMaxHeight()), m(this.disconnecting)).subscribe((t) => this.updateMode(t));
+    G(h(window, "resize"), h(window, g.ContentDrawerResize)).pipe(kt(!0), Y(100), f(() => this.clientWidth || window.innerWidth), f((t) => t >= this.minWidth.main + this.minWidth.sheet), pt(), E(() => this.updateMaxHeight()), u(this.disconnecting)).subscribe((t) => this.updateMode(t));
   }
   setupToggleListener() {
-    d(window, v.ContentDrawerToggle).pipe(O((t) => t.stopPropagation()), g((t) => t.detail.state), m(this.disconnecting)).subscribe((t) => {
+    h(window, g.ContentDrawerToggle).pipe(E((t) => t.stopPropagation()), f((t) => t.detail.state), u(this.disconnecting)).subscribe((t) => {
       this.open = t;
     });
   }
   setupRenderListener() {
-    d(window, "schmancy-content-drawer-render").pipe(O((t) => t.stopPropagation()), g((t) => t.detail), m(this.disconnecting)).subscribe((t) => this.handleRender(t));
+    h(window, "schmancy-content-drawer-render").pipe(E((t) => t.stopPropagation()), f((t) => t.detail), u(this.disconnecting)).subscribe((t) => this.handleRender(t));
   }
   updateMaxHeight() {
     this.maxHeight = window.innerHeight - this.getOffsetTop(this) + "px", this.style.setProperty("max-height", this.maxHeight);
@@ -235,7 +241,7 @@ let E = class extends R(w`
     t ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
   }
   handleRender(t) {
-    this.mode === "push" ? Ht.push({ area: this.schmancyContentDrawerID, component: t.component, historyStrategy: "silent", state: t.state, params: t.params, props: t.props }) : this.mode === "overlay" && it.open({ component: t.component, uid: this.schmancyContentDrawerID });
+    this.mode === "push" ? Rt.push({ area: this.schmancyContentDrawerID, component: t.component, historyStrategy: "silent", state: t.state, params: t.params, props: t.props }) : this.mode === "overlay" && Z.open({ component: t.component, uid: this.schmancyContentDrawerID, props: t.props });
   }
   getOffsetTop(t) {
     let e = 0;
@@ -243,7 +249,7 @@ let E = class extends R(w`
     return e;
   }
   render() {
-    if (!this.mode || !this.open) return bt;
+    if (!this.mode || !this.open) return Ct;
     const t = ["grid h-full", "grid-flow-col auto-cols-max", "grid-rows-[1fr]", "justify-items-stretch items-stretch", this.mode === "overlay" ? "grid-cols-[1fr]" : "grid-cols-[auto_1fr]"].join(" ");
     return c`
 			<div class=${t}>
@@ -252,12 +258,12 @@ let E = class extends R(w`
 		`;
   }
 };
-W([L({ context: at })], E.prototype, "minWidth", 2), W([L({ context: xt }), l()], E.prototype, "open", 2), W([L({ context: rt }), h()], E.prototype, "mode", 2), W([L({ context: $t })], E.prototype, "schmancyContentDrawerID", 2), W([L({ context: nt })], E.prototype, "maxHeight", 2), W([ft({ flatten: !0 })], E.prototype, "assignedElements", 2), E = W([p("schmancy-content-drawer")], E);
-var Yt = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, _ = (t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? Vt(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
-  return o && i && Yt(e, s, i), i;
+W([L({ context: it })], D.prototype, "minWidth", 2), W([L({ context: bt }), l()], D.prototype, "open", 2), W([L({ context: et }), d()], D.prototype, "mode", 2), W([L({ context: ft })], D.prototype, "schmancyContentDrawerID", 2), W([L({ context: st })], D.prototype, "maxHeight", 2), W([dt({ flatten: !0 })], D.prototype, "assignedElements", 2), D = W([p("schmancy-content-drawer")], D);
+var Kt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, A = (t, e, s, o) => {
+  for (var n, i = o > 1 ? void 0 : o ? Ft(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
+  return o && i && Kt(e, s, i), i;
 };
-let T = class extends R(w`
+let T = class extends R(v`
 	:host {
 		display: block;
 		overflow: hidden;
@@ -267,7 +273,7 @@ let T = class extends R(w`
     super.connectedCallback(), this.minWidth ? this.drawerMinWidth.main = this.minWidth : this.minWidth = this.drawerMinWidth.main;
   }
   update(t) {
-    super.update(t), t.has("minWidth") && this.minWidth && (this.drawerMinWidth.main = this.minWidth, this.dispatchEvent(new CustomEvent(v.ContentDrawerResize, { bubbles: !0, composed: !0 })));
+    super.update(t), t.has("minWidth") && this.minWidth && (this.drawerMinWidth.main = this.minWidth, this.dispatchEvent(new CustomEvent(g.ContentDrawerResize, { bubbles: !0, composed: !0 })));
   }
   render() {
     const t = { minWidth: `${this.minWidth}px`, maxHeight: this.maxHeight }, e = ["grid h-full relative overflow-scroll", "grid-flow-col auto-cols-max", "grid-rows-[1fr]", "items-stretch justify-items-stretch", this.mode === "push" ? "grid-cols-[auto_1fr]" : "grid-cols-[1fr]"].join(" ");
@@ -278,17 +284,17 @@ let T = class extends R(w`
 						<slot></slot>
 					</section>
 				</div>
-				${st(this.mode === "push", () => c` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
+				${At(this.mode === "push", () => c` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
 			</section>
 		`;
   }
 };
-_([l({ type: Number })], T.prototype, "minWidth", 2), _([u({ context: at, subscribe: !0 })], T.prototype, "drawerMinWidth", 2), _([u({ context: rt, subscribe: !0 }), h()], T.prototype, "mode", 2), _([u({ context: nt, subscribe: !0 }), h()], T.prototype, "maxHeight", 2), T = _([p("schmancy-content-drawer-main")], T);
-var Gt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, x = (t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? Jt(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
-  return o && i && Gt(e, s, i), i;
+A([l({ type: Number })], T.prototype, "minWidth", 2), A([b({ context: it, subscribe: !0 })], T.prototype, "drawerMinWidth", 2), A([b({ context: et, subscribe: !0 }), d()], T.prototype, "mode", 2), A([b({ context: st, subscribe: !0 }), d()], T.prototype, "maxHeight", 2), T = A([p("schmancy-content-drawer-main")], T);
+var Yt = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, w = (t, e, s, o) => {
+  for (var n, i = o > 1 ? void 0 : o ? Vt(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
+  return o && i && Yt(e, s, i), i;
 };
-let y = class extends R(w`
+let m = class extends R(v`
 	:host {
 		overflow: scroll;
 	}
@@ -297,19 +303,19 @@ let y = class extends R(w`
     super.connectedCallback(), this.minWidth ? this.drawerMinWidth.sheet = this.minWidth : this.minWidth = this.drawerMinWidth.sheet;
   }
   updated(t) {
-    super.updated(t), t.has("minWidth") && this.minWidth ? (this.drawerMinWidth.sheet = this.minWidth, this.dispatchEvent(new CustomEvent(v.ContentDrawerResize, { bubbles: !0, composed: !0 }))) : (t.has("state") || t.has("mode")) && (this.mode === "overlay" ? this.state === "close" ? this.closeAll() : this.state : this.mode === "push" && (it.dismiss(this.schmancyContentDrawerID), this.state === "close" ? this.closeAll() : this.state === "open" && this.open()));
+    super.updated(t), t.has("minWidth") && this.minWidth ? (this.drawerMinWidth.sheet = this.minWidth, this.dispatchEvent(new CustomEvent(g.ContentDrawerResize, { bubbles: !0, composed: !0 }))) : (t.has("state") || t.has("mode")) && (this.mode === "overlay" ? this.state === "close" ? this.closeAll() : this.state : this.mode === "push" && (Z.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([{ opacity: 0, transform: "translateX(100%)" }, { opacity: 1, transform: "translateX(0%)" }], { duration: 500, easing: "cubic-bezier(0.5, 0.01, 0.25, 1)" });
   }
   closeAll() {
-    Q(ht(this.closeModalSheet()), ht(this.closeSheet())).pipe(m(this.disconnecting)).subscribe();
+    G(rt(this.closeModalSheet()), rt(this.closeSheet())).pipe(u(this.disconnecting)).subscribe();
   }
   closeModalSheet() {
-    return J(!0).pipe(O(() => it.dismiss(this.schmancyContentDrawerID)));
+    return V(!0).pipe(E(() => Z.dismiss(this.schmancyContentDrawerID)));
   }
   closeSheet() {
-    return new Dt((t) => {
+    return new Et((t) => {
       this.sheet.animate([{ opacity: 1, transform: "translateX(0%)" }, { opacity: 1, transform: "translateX(100%)" }], { duration: 500, easing: "cubic-bezier(0.5, 0.01, 0.25, 1)" }).onfinish = () => {
         this.sheet.style.display = "none", t.next(), t.complete();
       };
@@ -326,11 +332,11 @@ let y = class extends R(w`
 		`;
   }
 };
-x([l({ type: Number })], y.prototype, "minWidth", 2), x([u({ context: rt, subscribe: !0 }), h()], y.prototype, "mode", 2), x([u({ context: xt, subscribe: !0 }), h()], y.prototype, "state", 2), x([u({ context: $t })], y.prototype, "schmancyContentDrawerID", 2), x([tt("#sheet")], y.prototype, "sheet", 2), x([ft({ flatten: !0, slot: void 0 })], y.prototype, "defaultSlot", 2), x([u({ context: at, subscribe: !0 })], y.prototype, "drawerMinWidth", 2), x([u({ context: nt, subscribe: !0 }), h()], y.prototype, "maxHeight", 2), y = x([p("schmancy-content-drawer-sheet")], y);
-const Qt = new class {
+w([l({ type: Number })], m.prototype, "minWidth", 2), w([b({ context: et, subscribe: !0 }), d()], m.prototype, "mode", 2), w([b({ context: bt, subscribe: !0 }), d()], m.prototype, "state", 2), w([b({ context: ft })], m.prototype, "schmancyContentDrawerID", 2), w([Q("#sheet")], m.prototype, "sheet", 2), w([dt({ flatten: !0, slot: void 0 })], m.prototype, "defaultSlot", 2), w([b({ context: it, subscribe: !0 })], m.prototype, "drawerMinWidth", 2), w([b({ context: st, subscribe: !0 }), d()], m.prototype, "maxHeight", 2), m = w([p("schmancy-content-drawer-sheet")], m);
+const Gt = new class {
   constructor() {
-    this.$drawer = new ot(), this.$drawer.pipe(G(10)).subscribe((t) => {
-      t.state ? window.dispatchEvent(new CustomEvent(v.NavDrawer_toggle, { detail: { state: "open" }, bubbles: !0, composed: !0 })) : window.dispatchEvent(new CustomEvent(v.NavDrawer_toggle, { detail: { state: "close" }, bubbles: !0, composed: !0 }));
+    this.$drawer = new tt(), this.$drawer.pipe(Y(10)).subscribe((t) => {
+      t.state ? window.dispatchEvent(new CustomEvent(g.NavDrawer_toggle, { detail: { state: "open" }, bubbles: !0, composed: !0 })) : window.dispatchEvent(new CustomEvent(g.NavDrawer_toggle, { detail: { state: "close" }, bubbles: !0, composed: !0 }));
     });
   }
   open(t) {
@@ -339,43 +345,25 @@ const Qt = new class {
   close(t) {
     this.$drawer.next({ self: t, state: !1 });
   }
-}(), Es = Qt, lt = N("push"), ct = N("close");
-var Zt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, U = (t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? te(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
-  return o && i && Zt(e, s, i), i;
-};
-let q = class extends Z(w`
+}(), Ps = Gt;
+var Jt = Object.getOwnPropertyDescriptor;
+let lt = class extends J(v`
 	:host {
 		display: block;
+		width: 100%;
+		min-width: 0;
 	}
 `) {
-  constructor() {
-    super(...arguments), this.toggler = !0;
-  }
   render() {
-    const t = { "block left-3  z-50": this.sidebarMode === "overlay", hidden: this.sidebarMode === "push" }, e = { "block z-50": !0, "grid gap-2 items-center": !0, "grid-cols-[auto_1fr]": this.sidebarMode === "overlay" && this.toggler, "grid-cols-1": !(this.sidebarMode === "overlay" && this.toggler) };
-    return c`
-			<div class=${this.classMap(e)}>
-				${st(this.sidebarMode === "overlay" && this.toggler, () => c`<slot name="toggler">
-							<div class="${this.classMap(t)}">
-								<schmancy-icon-button
-									@click=${() => {
-      this.dispatchEvent(new CustomEvent(v.NavDrawer_toggle, { detail: { state: this.sidebarOpen === "open" ? "close" : "open" }, bubbles: !0, composed: !0 }));
-    }}
-								>
-									${st(this.sidebarOpen === "close", () => c`menu`, () => c`menu_open`)}
-								</schmancy-icon-button>
-							</div>
-						</slot>`)}
-
-				<slot> </slot>
-			</div>
-		`;
+    return c`<slot></slot>`;
   }
 };
-U([u({ context: lt, subscribe: !0 }), h()], q.prototype, "sidebarMode", 2), U([u({ context: ct, subscribe: !0 }), h()], q.prototype, "sidebarOpen", 2), U([l({ type: Boolean })], q.prototype, "toggler", 2), q = U([p("schmancy-nav-drawer-appbar")], q);
-var ee = Object.getOwnPropertyDescriptor;
-let mt = class extends R(w`
+lt = ((t, e, s, o) => {
+  for (var n, i = o > 1 ? void 0 : o ? Jt(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = n(i) || i);
+  return i;
+})([p("schmancy-nav-drawer-appbar")], lt);
+var Qt = Object.getOwnPropertyDescriptor;
+let ct = class extends R(v`
 	:host {
 		display: block;
 		position: relative;
@@ -384,7 +372,7 @@ let mt = class extends R(w`
 	}
 `) {
   connectedCallback() {
-    super.connectedCallback(), d(this, "scroll").pipe(m(this.disconnecting)).subscribe((t) => {
+    super.connectedCallback(), h(this, "scroll").pipe(u(this.disconnecting)).subscribe((t) => {
       this.parentElement.dispatchEvent(new CustomEvent("scroll", { detail: t, bubbles: !0, composed: !0 }));
     });
   }
@@ -392,68 +380,65 @@ let mt = class extends R(w`
     return c` <slot></slot> `;
   }
 };
-mt = ((t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? ee(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = n(i) || i);
+ct = ((t, e, s, o) => {
+  for (var n, i = o > 1 ? void 0 : o ? Qt(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = n(i) || i);
   return i;
-})([p("schmancy-nav-drawer-content")], mt);
-var se = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, A = (t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? ie(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
-  return o && i && se(e, s, i), i;
+})([p("schmancy-nav-drawer-content")], ct);
+const gt = N("push"), vt = N("close");
+var Zt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, q = (t, e, s, o) => {
+  for (var n, i = o > 1 ? void 0 : o ? te(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
+  return o && i && Zt(e, s, i), i;
 };
-let f = class extends R(w`
+let k = class extends R(v`
 	:host {
-		display: flex;
+		display: grid;
+		grid-template-columns: auto 1fr;
+		grid-template-rows: 1fr;
 		flex-grow: 1;
+		height: 100%;
 		overflow: hidden;
-		/* Initially hide the component until it’s ready */
+		/* Initially hide the component until it's ready */
 		visibility: hidden;
 	}
-	/* Once the component is ready, remove the hidden style */
+
 	:host([data-ready]) {
 		visibility: visible;
 	}
+
+	:host([fullscreen]) {
+		grid-template-columns: 1fr;
+	}
 `) {
   constructor() {
-    super(...arguments), this.fullscreen = !1, this.breakpoint = "md", this._initialized = !1;
+    super(...arguments), this.fullscreen = !1, this.breakpoint = "md";
   }
   firstUpdated() {
-    this.updateState(window.innerWidth), this._initialized = !0, this.setAttribute("data-ready", ""), d(window, "resize").pipe(g((t) => t.target.innerWidth), g((t) => t >= f.BREAKPOINTS[this.breakpoint]), et(), G(100), m(this.disconnecting)).subscribe((t) => {
+    this.updateState(window.innerWidth), this.setAttribute("data-ready", ""), h(window, "resize").pipe(f((t) => t.target.innerWidth), f((t) => t >= k.BREAKPOINTS[this.breakpoint]), pt(), Y(100), u(this.disconnecting)).subscribe((t) => {
       t ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
-    }), d(window, "fullscreen").pipe(O((t) => {
+    }), h(window, "fullscreen").pipe(E((t) => {
       const e = t;
       this.fullscreen = e.detail;
-    }), m(this.disconnecting)).subscribe(), d(window, v.NavDrawer_toggle).pipe(O((t) => {
+    }), u(this.disconnecting)).subscribe(), h(window, g.NavDrawer_toggle).pipe(E((t) => {
       t.stopPropagation();
-    }), g((t) => t.detail.state), et(), m(this.disconnecting), G(10)).subscribe((t) => {
-      this.mode === "push" && t === "close" || (this.open = t);
+    }), f((t) => t.detail.state), u(this.disconnecting), Y(10)).subscribe((t) => {
+      t === "toggle" && (t = this.open === "open" ? "close" : "open"), this.mode === "push" && t === "close" || (this.open = t);
     });
   }
   updateState(t) {
-    const e = t >= f.BREAKPOINTS[this.breakpoint];
+    const e = t >= k.BREAKPOINTS[this.breakpoint];
     this.mode = e ? "push" : "overlay", this.open = e ? "open" : "close";
   }
   render() {
-    return this._initialized ? c`
-			<schmancy-grid
-				cols=${this.fullscreen ? "1fr" : "auto 1fr"}
-				rows="1fr"
-				flow="col"
-				justify="stretch"
-				align="stretch"
-				${qt()}
-			>
-				<slot></slot>
-			</schmancy-grid>
-		` : bt;
+    return c`<slot></slot>`;
   }
 };
-f.BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 }, A([l({ type: Boolean })], f.prototype, "fullscreen", 2), A([l({ type: String, attribute: "breakpoint" })], f.prototype, "breakpoint", 2), A([L({ context: lt }), h()], f.prototype, "mode", 2), A([L({ context: ct }), l()], f.prototype, "open", 2), A([h()], f.prototype, "_initialized", 2), f = A([p("schmancy-nav-drawer")], f);
-var oe = Object.defineProperty, re = Object.getOwnPropertyDescriptor, H = (t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? re(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
-  return o && i && oe(e, s, i), i;
+k.BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 }, q([l({ type: Boolean, reflect: !0 })], k.prototype, "fullscreen", 2), q([l({ type: String, attribute: "breakpoint" })], k.prototype, "breakpoint", 2), q([L({ context: gt }), d()], k.prototype, "mode", 2), q([L({ context: vt }), l()], k.prototype, "open", 2), k = q([p("schmancy-nav-drawer")], k);
+var ee = Object.defineProperty, se = Object.getOwnPropertyDescriptor, H = (t, e, s, o) => {
+  for (var n, i = o > 1 ? void 0 : o ? se(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
+  return o && i && ee(e, s, i), i;
 };
-const K = "cubic-bezier(0.5, 0.01, 0.25, 1)";
-let D = class extends R() {
+const _ = "cubic-bezier(0.5, 0.01, 0.25, 1)";
+let O = class extends R() {
   constructor() {
     super(...arguments), this.width = "220px", this._initialized = !1;
   }
@@ -464,28 +449,28 @@ let D = class extends R() {
     this._initialized && (t.has("drawerState") || t.has("mode")) && (this.mode === "overlay" ? this.drawerState === "open" ? this.nav.style.transform !== "translateX(0)" && (this.openOverlay(), this.showNavDrawer()) : this.drawerState === "close" && this.nav.style.transform !== "translateX(-100%)" && (this.hideNavDrawer(), this.closeOverlay()) : this.mode === "push" && (this.nav.style.transform !== "translateX(0)" && this.showNavDrawer(), this.overlay.style.display !== "none" && this.closeOverlay()));
   }
   openOverlay() {
-    this.overlay.style.display = "block", this.overlay.animate([{ opacity: 0 }, { opacity: 0.4 }], { duration: 200, easing: K, fill: "forwards" });
+    this.overlay.style.display = "block", this.overlay.animate([{ opacity: 0 }, { opacity: 0.4 }], { duration: 200, easing: _, fill: "forwards" });
   }
   closeOverlay() {
-    this.overlay.animate([{ opacity: 0.4 }, { opacity: 0 }], { duration: 150, easing: K, fill: "forwards" }).onfinish = () => {
+    this.overlay.animate([{ opacity: 0.4 }, { opacity: 0 }], { duration: 150, easing: _, fill: "forwards" }).onfinish = () => {
       this.overlay.style.display = "none";
     };
   }
   showNavDrawer() {
-    this.nav.animate([{ transform: "translateX(-100%)" }, { transform: "translateX(0)" }], { duration: 200, easing: K, fill: "forwards" }).onfinish = () => {
+    this.nav.animate([{ transform: "translateX(-100%)" }, { transform: "translateX(0)" }], { duration: 200, easing: _, fill: "forwards" }).onfinish = () => {
       this.nav.style.transform = "translateX(0)";
     };
   }
   hideNavDrawer() {
-    this.nav.animate([{ transform: "translateX(0)" }, { transform: "translateX(-100%)" }], { duration: 200, easing: K, fill: "forwards" }).onfinish = () => {
+    this.nav.animate([{ transform: "translateX(0)" }, { transform: "translateX(-100%)" }], { duration: 200, easing: _, fill: "forwards" }).onfinish = () => {
       this.nav.style.transform = "translateX(-100%)";
     };
   }
   handleOverlayClick() {
-    window.dispatchEvent(new CustomEvent(v.NavDrawer_toggle, { detail: { state: "close" }, bubbles: !0, composed: !0 }));
+    window.dispatchEvent(new CustomEvent(g.NavDrawer_toggle, { detail: { state: "close" }, bubbles: !0, composed: !0 }));
   }
   render() {
-    const t = { "p-2 max-w-[360px] w-fit h-full overflow-auto": !0, block: this.mode === "push", "fixed inset-0 z-50": this.mode === "overlay" }, e = { width: this.width };
+    const t = { "max-w-[360px] w-fit h-full overflow-auto": !0, block: this.mode === "push", "fixed inset-0 z-50": this.mode === "overlay" }, e = { width: this.width };
     return c`
 			<nav
 				style=${this.styleMap(e)}
@@ -503,12 +488,12 @@ let D = class extends R() {
 		`;
   }
 };
-H([u({ context: lt, subscribe: !0 }), h()], D.prototype, "mode", 2), H([u({ context: ct, subscribe: !0 }), h()], D.prototype, "drawerState", 2), H([tt("#overlay")], D.prototype, "overlay", 2), H([tt("nav")], D.prototype, "nav", 2), H([l({ type: String })], D.prototype, "width", 2), H([h()], D.prototype, "_initialized", 2), D = H([p("schmancy-nav-drawer-navbar")], D);
-var ne = Object.defineProperty, ae = Object.getOwnPropertyDescriptor, I = (t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? ae(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
-  return o && i && ne(e, s, i), i;
+H([b({ context: gt, subscribe: !0 }), d()], O.prototype, "mode", 2), H([b({ context: vt, subscribe: !0 }), d()], O.prototype, "drawerState", 2), H([Q("#overlay")], O.prototype, "overlay", 2), H([Q("nav")], O.prototype, "nav", 2), H([l({ type: String })], O.prototype, "width", 2), H([d()], O.prototype, "_initialized", 2), O = H([p("schmancy-nav-drawer-navbar")], O);
+var ie = Object.defineProperty, oe = Object.getOwnPropertyDescriptor, I = (t, e, s, o) => {
+  for (var n, i = o > 1 ? void 0 : o ? oe(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
+  return o && i && ie(e, s, i), i;
 };
-let $ = class extends Z(w`
+let x = class extends J(v`
 	:host {
 		display: flex;
 		flex: 1;
@@ -563,12 +548,12 @@ let $ = class extends Z(w`
 	}
 `) {
   constructor() {
-    super(...arguments), this.icon = "", this.label = "", this.badge = "", this.active$ = new gt(!1), this.disabled = !1, this.hideLabels = !1, this.ripples = [], this.addRippleEffect = (t) => {
+    super(...arguments), this.icon = "", this.label = "", this.badge = "", this.active$ = new ut(!1), this.disabled = !1, this.hideLabels = !1, this.ripples = [], this.addRippleEffect = (t) => {
       if (this.disabled) return;
       const e = this.shadowRoot?.querySelector(".w-16.h-8");
       if (e) {
         const s = e.getBoundingClientRect(), o = { x: t.clientX - s.left, y: t.clientY - s.top, id: Date.now() };
-        this.ripples = [...this.ripples, o], It(600).pipe(B(() => {
+        this.ripples = [...this.ripples, o], Dt(600).pipe(B(() => {
           this.ripples = this.ripples.filter((n) => n.id !== o.id);
         }), j(this.disconnecting)).subscribe();
       }
@@ -596,8 +581,8 @@ let $ = class extends Z(w`
   setupNavigationStream() {
     const t = this.shadowRoot?.querySelector("button");
     if (!t) return;
-    const e = d(t, "click").pipe(V(() => !this.disabled)), s = d(t, "keydown").pipe(V(() => !this.disabled), V((o) => o.key === "Enter" || o.key === " "), B((o) => o.preventDefault()));
-    Q(e, s).pipe(B(() => {
+    const e = h(t, "click").pipe(F(() => !this.disabled)), s = h(t, "keydown").pipe(F(() => !this.disabled), F((o) => o.key === "Enter" || o.key === " "), B((o) => o.preventDefault()));
+    G(e, s).pipe(B(() => {
       this.dispatchEvent(new CustomEvent("bar-item-click", { detail: { icon: this.icon, label: this.label, active: this.active }, bubbles: !0, composed: !0 }));
     }), j(this.disconnecting)).subscribe();
   }
@@ -609,7 +594,7 @@ let $ = class extends Z(w`
     this.setupNavigationStream();
   }
   render() {
-    const t = this.querySelector("[slot]") || this.textContent?.trim() && !this.label, e = this.badge ? this.formatBadge(this.badge) : "", s = e && e !== "0", o = this.querySelector('[slot="icon"]'), n = { "relative flex flex-col items-center justify-center": !0, "flex-1 min-w-[48px] max-w-[168px]": !0, "py-2 px-1 cursor-pointer": !this.disabled, "transition-all duration-200": !0, "hover:bg-surface-container-high": !this.disabled && !this.active, "cursor-not-allowed opacity-38": this.disabled, "outline-none": !0, "focus-visible:outline-2 focus-visible:outline-offset-2": !0 }, i = { "w-16 h-8 rounded-2xl": !0, "flex items-center justify-center": !0, "transition-all duration-200": !0, "bg-secondary-container": this.active, "group-hover:bg-surface-container-highest": !this.active && !this.disabled, "relative overflow-hidden": !0 }, a = { "absolute top-0 right-3": !0, "min-w-[6px] h-1.5": !s, "min-w-[16px] h-4": s, "rounded-full": !s, "rounded-lg": s, "flex items-center justify-center": s, "px-1": s, "transition-all duration-200": !0, "z-10": !0 }, kt = this.active ? { color: r.sys.color.secondary.onContainer } : { color: r.sys.color.surface.onVariant }, Ot = { "--focus-color": r.sys.color.primary.default };
+    const t = this.querySelector("[slot]") || this.textContent?.trim() && !this.label, e = this.badge ? this.formatBadge(this.badge) : "", s = e && e !== "0", o = this.querySelector('[slot="icon"]'), n = { "relative flex flex-col items-center justify-center": !0, "flex-1 min-w-[48px] max-w-[168px]": !0, "py-2 px-1 cursor-pointer": !this.disabled, "transition-all duration-200": !0, "hover:bg-surface-container-high": !this.disabled && !this.active, "cursor-not-allowed opacity-38": this.disabled, "outline-none": !0, "focus-visible:outline-2 focus-visible:outline-offset-2": !0 }, i = { "w-16 h-8 rounded-2xl": !0, "flex items-center justify-center": !0, "transition-all duration-200": !0, "bg-secondary-container": this.active, "group-hover:bg-surface-container-highest": !this.active && !this.disabled, "relative overflow-hidden": !0 }, a = { "absolute top-0 right-3": !0, "min-w-[6px] h-1.5": !s, "min-w-[16px] h-4": s, "rounded-full": !s, "rounded-lg": s, "flex items-center justify-center": s, "px-1": s, "transition-all duration-200": !0, "z-10": !0 }, $t = this.active ? { color: r.sys.color.secondary.onContainer } : { color: r.sys.color.surface.onVariant }, St = { "--focus-color": r.sys.color.primary.default };
     return c`
 			<button
 				type="button"
@@ -619,16 +604,16 @@ let $ = class extends Z(w`
 				?disabled=${this.disabled}
 				aria-pressed=${this.active}
 				aria-label=${this.label || "Navigation item"}
-				style=${this.styleMap({ ...Ot, "outline-color": "var(--focus-color)" })}
-				${P(kt)}
+				style=${this.styleMap({ ...St, "outline-color": "var(--focus-color)" })}
+				${P($t)}
 			>
 				<!-- Icon with indicator background -->
 				<div class=${this.classMap(i)}>
 					<!-- Ripple effects -->
-					${this.ripples.map((dt) => c`
+					${this.ripples.map((ot) => c`
 							<span
 								class="ripple-effect"
-								style=${this.styleMap({ left: `${dt.x}px`, top: `${dt.y}px`, transform: "translate(-50%, -50%)" })}
+								style=${this.styleMap({ left: `${ot.x}px`, top: `${ot.y}px`, transform: "translate(-50%, -50%)" })}
 							></span>
 						`)}
 
@@ -669,12 +654,12 @@ let $ = class extends Z(w`
 		`;
   }
 };
-I([l({ type: String })], $.prototype, "icon", 2), I([l({ type: String })], $.prototype, "label", 2), I([l({ type: String })], $.prototype, "badge", 2), I([l({ type: Boolean, reflect: !0 })], $.prototype, "active", 1), I([l({ type: Boolean, reflect: !0 })], $.prototype, "disabled", 2), I([l({ type: Boolean, reflect: !0 })], $.prototype, "hideLabels", 2), I([h()], $.prototype, "ripples", 2), $ = I([p("schmancy-navigation-bar-item")], $);
-var le = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, z = (t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? ce(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
-  return o && i && le(e, s, i), i;
+I([l({ type: String })], x.prototype, "icon", 2), I([l({ type: String })], x.prototype, "label", 2), I([l({ type: String })], x.prototype, "badge", 2), I([l({ type: Boolean, reflect: !0 })], x.prototype, "active", 1), I([l({ type: Boolean, reflect: !0 })], x.prototype, "disabled", 2), I([l({ type: Boolean, reflect: !0 })], x.prototype, "hideLabels", 2), I([d()], x.prototype, "ripples", 2), x = I([p("schmancy-navigation-bar-item")], x);
+var re = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, z = (t, e, s, o) => {
+  for (var n, i = o > 1 ? void 0 : o ? ne(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
+  return o && i && re(e, s, i), i;
 };
-let S = class extends Z(w`
+let $ = class extends J(v`
 	:host {
 		display: block;
 		transition: transform 0.3s ease-in-out;
@@ -697,12 +682,12 @@ let S = class extends Z(w`
 	}
 `) {
   constructor() {
-    super(...arguments), this.activeIndex$ = new gt(-1), this.hideLabels = !1, this.elevation = 2, this.hideOnScroll = !1, this.focusedIndex = -1, this.isHiddenByScroll = !1, this.isFullscreen = !1, this.SCROLL_THRESHOLD = 10, this.handleItemClick = (t) => {
+    super(...arguments), this.activeIndex$ = new ut(-1), this.hideLabels = !1, this.elevation = 2, this.hideOnScroll = !1, this.focusedIndex = -1, this.isHiddenByScroll = !1, this.isFullscreen = !1, this.SCROLL_THRESHOLD = 10, this.handleItemClick = (t) => {
       const e = this.getItems(), s = t.target, o = e.indexOf(s);
-      if (o !== -1 && this.activeIndex !== o) {
-        const n = this.activeIndex;
-        this.activeIndex = o, this.dispatchEvent(new CustomEvent("navigation-change", { detail: { oldIndex: n, newIndex: o, item: s }, bubbles: !0, composed: !0 }));
-      }
+      if (o === -1) return;
+      if (this.activeIndex === o) return void this.dispatchEvent(new CustomEvent(g.NavDrawer_toggle, { detail: { state: "toggle" }, bubbles: !0, composed: !0 }));
+      const n = this.activeIndex;
+      this.activeIndex = o, this.dispatchEvent(new CustomEvent("navigation-change", { detail: { oldIndex: n, newIndex: o, item: s }, bubbles: !0, composed: !0 }));
     }, this.handleKeyDown = (t) => {
       const e = this.getItems(), s = this.focusedIndex === -1 ? this.activeIndex : this.focusedIndex;
       switch (t.key) {
@@ -735,15 +720,15 @@ let S = class extends Z(w`
     return t ? t.assignedElements({ flatten: !0 }).filter((e) => e.tagName.toLowerCase() === "schmancy-navigation-bar-item") : [];
   }
   connectedCallback() {
-    super.connectedCallback(), d(this, "bar-item-click").pipe(B((t) => this.handleItemClick(t)), j(this.disconnecting)).subscribe(), d(this, "keydown").pipe(B((t) => this.handleKeyDown(t)), j(this.disconnecting)).subscribe(), this.activeIndex$.pipe(j(this.disconnecting)).subscribe((t) => {
+    super.connectedCallback(), h(this, "bar-item-click").pipe(B((t) => this.handleItemClick(t)), j(this.disconnecting)).subscribe(), h(this, "keydown").pipe(B((t) => this.handleKeyDown(t)), j(this.disconnecting)).subscribe(), this.activeIndex$.pipe(j(this.disconnecting)).subscribe((t) => {
       this.updateActiveStates(t);
-    }), d(window, "fullscreen").pipe(B((t) => {
+    }), h(window, "fullscreen").pipe(B((t) => {
       const e = t;
       this.isFullscreen = e.detail;
     }), j(this.disconnecting)).subscribe(), this.hideOnScroll && this.setupScrollListener(), this.updateItems();
   }
   setupScrollListener() {
-    d(window, "scroll").pipe(Nt(100), wt(() => window.scrollY), Tt(), V(([t, e]) => Math.abs(e - t) > this.SCROLL_THRESHOLD), B(([t, e]) => {
+    h(window, "scroll").pipe(Lt(100), yt(() => window.scrollY), Bt(), F(([t, e]) => Math.abs(e - t) > this.SCROLL_THRESHOLD), B(([t, e]) => {
       const s = e < t;
       e > t && !this.isHiddenByScroll ? this.isHiddenByScroll = !0 : s && this.isHiddenByScroll && (this.isHiddenByScroll = !1), e <= this.SCROLL_THRESHOLD && (this.isHiddenByScroll = !1);
     }), j(this.disconnecting)).subscribe();
@@ -795,29 +780,29 @@ let S = class extends Z(w`
 		`;
   }
 };
-z([l({ type: Number })], S.prototype, "activeIndex", 1), z([l({ type: Boolean, reflect: !0 })], S.prototype, "hideLabels", 2), z([l({ type: Number, reflect: !0 })], S.prototype, "elevation", 2), z([l({ type: Boolean, reflect: !0 })], S.prototype, "hideOnScroll", 2), z([h()], S.prototype, "focusedIndex", 2), z([h()], S.prototype, "isHiddenByScroll", 2), z([h()], S.prototype, "isFullscreen", 2), S = z([p("schmancy-navigation-bar")], S);
-const St = "whereAreYouRicky", Ct = "hereMorty", F = new class {
+z([l({ type: Number })], $.prototype, "activeIndex", 1), z([l({ type: Boolean, reflect: !0 })], $.prototype, "hideLabels", 2), z([l({ type: Number, reflect: !0 })], $.prototype, "elevation", 2), z([l({ type: Boolean, reflect: !0 })], $.prototype, "hideOnScroll", 2), z([d()], $.prototype, "focusedIndex", 2), z([d()], $.prototype, "isHiddenByScroll", 2), z([d()], $.prototype, "isFullscreen", 2), $ = z([p("schmancy-navigation-bar")], $);
+const wt = "whereAreYouRicky", xt = "hereMorty", U = new class {
   constructor() {
-    this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new ot(), this.find = (t) => pt([d(window, Ct).pipe(vt((e) => !!e.detail.component.uuid && !!t.id && e.detail.component.id === t.id && e.detail.component.uuid !== t.uuid), g((e) => e.detail.component), zt(1)), J(t).pipe(O(() => {
-      window.dispatchEvent(new CustomEvent(St, { detail: { id: t.id, callerID: t.uuid } }));
-    }))]).pipe(g(([e]) => e), Mt(0)), this.flip = (t) => {
+    this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new tt(), this.find = (t) => nt([h(window, xt).pipe(mt((e) => !!e.detail.component.uuid && !!t.id && e.detail.component.id === t.id && e.detail.component.uuid !== t.uuid), f((e) => e.detail.component), Ot(1)), V(t).pipe(E(() => {
+      window.dispatchEvent(new CustomEvent(wt, { detail: { id: t.id, callerID: t.uuid } }));
+    }))]).pipe(f(([e]) => e), It(0)), this.flip = (t) => {
       const { from: e, to: s } = t, o = s.element.style.zIndex;
       s.element.style.transformOrigin = "top left", s.element.style.setProperty("visibility", "visible"), s.element.style.zIndex = "1000";
       const n = [{ transform: `translate(${e.rect.left - s.rect.left}px, ${e.rect.top - s.rect.top}px) scale(${e.rect.width / s.rect.width}, ${e.rect.height / s.rect.height})` }, { transform: "translate(0, 0) scale(1, 1)" }];
       s.element.animate(n, { duration: 250, delay: 10, easing: "cubic-bezier(0.455, 0.03, 0.515, 0.955)" }).onfinish = () => {
         s.element.style.zIndex = o, s.element.style.transformOrigin = "";
       };
-    }, this.flipRequests.pipe(jt(1), g((t) => t.map(({ from: e, to: s, host: o }, n) => ({ from: e, to: s, host: o, i: n }))), Pt((t) => pt(t.map((e) => J(this.flip(e)))))).subscribe();
+    }, this.flipRequests.pipe(zt(1), f((t) => t.map(({ from: e, to: s, host: o }, n) => ({ from: e, to: s, host: o, i: n }))), Mt((t) => nt(t.map((e) => V(this.flip(e)))))).subscribe();
   }
 }();
-function yt(t) {
-  return Rt(50).pipe(wt(() => t.getBoundingClientRect()), At((e, s) => e.width === s.width && e.height === s.height && e.top === s.top && e.right === s.right && e.bottom === s.bottom && e.left === s.left), _t(1));
+function ht(t) {
+  return jt(50).pipe(yt(() => t.getBoundingClientRect()), Nt((e, s) => e.width === s.width && e.height === s.height && e.top === s.top && e.right === s.right && e.bottom === s.bottom && e.left === s.left), Tt(1));
 }
-var de = Object.defineProperty, he = Object.getOwnPropertyDescriptor, Y = (t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? he(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
-  return o && i && de(e, s, i), i;
+var ae = Object.defineProperty, le = Object.getOwnPropertyDescriptor, K = (t, e, s, o) => {
+  for (var n, i = o > 1 ? void 0 : o ? le(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
+  return o && i && ae(e, s, i), i;
 };
-let X = class extends R(w``) {
+let X = class extends R(v``) {
   constructor() {
     super(...arguments), this.uuid = Math.floor(Math.random() * Date.now()), this.delay = 0, this.debugging = !1;
   }
@@ -826,20 +811,20 @@ let X = class extends R(w``) {
   }
   connectedCallback() {
     if (this.id === void 0) throw new Error("id is required");
-    super.connectedCallback(), Q(d(window, Lt).pipe(O({ next: () => {
-      this.dispatchEvent(new CustomEvent(Bt, { detail: { component: this }, bubbles: !0, composed: !0 }));
-    } })), d(window, St).pipe(O({ next: (t) => {
-      t.detail.id === this.id && this.uuid && t.detail.callerID !== this.uuid && this.dispatchEvent(new CustomEvent(Ct, { detail: { component: this }, bubbles: !0, composed: !0 }));
-    } }))).pipe(m(this.disconnecting)).subscribe();
+    super.connectedCallback(), G(h(window, Wt).pipe(E({ next: () => {
+      this.dispatchEvent(new CustomEvent(Ht, { detail: { component: this }, bubbles: !0, composed: !0 }));
+    } })), h(window, wt).pipe(E({ next: (t) => {
+      t.detail.id === this.id && this.uuid && t.detail.callerID !== this.uuid && this.dispatchEvent(new CustomEvent(xt, { detail: { component: this }, bubbles: !0, composed: !0 }));
+    } }))).pipe(u(this.disconnecting)).subscribe();
   }
   async firstUpdated() {
-    J(F.activeTeleportations.get(this.id)).pipe(vt((t) => !!t), m(this.disconnecting), Wt()).subscribe({ next: (t) => {
-      this.style.setProperty("visibility", "hidden"), yt(this).pipe(m(this.disconnecting)).subscribe({ next: (e) => {
-        F.activeTeleportations.set(this.id, e), F.flipRequests.next({ from: { rect: t }, to: { rect: e, element: this._slottedChildren[0] }, host: this });
+    V(U.activeTeleportations.get(this.id)).pipe(mt((t) => !!t), u(this.disconnecting), Pt()).subscribe({ next: (t) => {
+      this.style.setProperty("visibility", "hidden"), ht(this).pipe(u(this.disconnecting)).subscribe({ next: (e) => {
+        U.activeTeleportations.set(this.id, e), U.flipRequests.next({ from: { rect: t }, to: { rect: e, element: this._slottedChildren[0] }, host: this });
       } });
     }, error: () => {
-      this.style.setProperty("visibility", "visible"), yt(this).pipe(m(this.disconnecting)).subscribe({ next: (t) => {
-        F.activeTeleportations.set(this.id, t);
+      this.style.setProperty("visibility", "visible"), ht(this).pipe(u(this.disconnecting)).subscribe({ next: (t) => {
+        U.activeTeleportations.set(this.id, t);
       } });
     }, complete: () => {
     } });
@@ -848,19 +833,19 @@ let X = class extends R(w``) {
     return c`<slot></slot>`;
   }
 };
-Y([l({ type: Number, reflect: !0 })], X.prototype, "uuid", 2), Y([l({ type: String })], X.prototype, "id", 2), Y([l({ type: Number })], X.prototype, "delay", 2), X = Y([p("schmancy-teleport")], X);
-var pe = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, C = (t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? ue(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
-  return o && i && pe(e, s, i), i;
+K([l({ type: Number, reflect: !0 })], X.prototype, "uuid", 2), K([l({ type: String })], X.prototype, "id", 2), K([l({ type: Number })], X.prototype, "delay", 2), X = K([p("schmancy-teleport")], X);
+var ce = Object.defineProperty, he = Object.getOwnPropertyDescriptor, S = (t, e, s, o) => {
+  for (var n, i = o > 1 ? void 0 : o ? he(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
+  return o && i && ce(e, s, i), i;
 };
-let b = class extends R() {
+let y = class extends R() {
   constructor() {
     super(...arguments), this.initials = "", this.src = "", this.icon = "", this.size = "md", this.color = "primary", this.shape = "circle", this.bordered = !1, this.status = "none";
   }
   render() {
     let t;
     t = this.src ? c`<img class="w-full h-full object-cover" src="${this.src}" alt="Avatar" />` : this.initials ? c`<span class="text-center font-medium">${this.initials.substring(0, 2).toUpperCase()}</span>` : this.icon ? c`<schmancy-icon>${this.icon}</schmancy-icon>` : c`<schmancy-icon>person</schmancy-icon>`;
-    const e = { "relative flex items-center justify-center overflow-hidden": !0, [{ 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 }, s = this.getColorAttributes();
+    const e = { "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 }, s = this.getColorAttributes();
     return c`
 			<div class="${this.classMap(e)}" ${s}>
 				${t} ${this.status !== "none" ? this.renderStatusIndicator() : ""}
@@ -872,39 +857,39 @@ let b = class extends R() {
     return P(t[this.color]);
   }
   renderStatusIndicator() {
-    const t = { online: r.sys.color.success.default, offline: r.sys.color.surface.onVariant, busy: r.sys.color.error.default, away: r.sys.color.tertiary.default }, e = { "absolute bottom-0 right-0 rounded-full border-2 border-surface-default": !0, [{ 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 };
+    const t = { online: r.sys.color.success.default, offline: r.sys.color.surface.onVariant, busy: r.sys.color.error.default, away: r.sys.color.tertiary.default }, e = { "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 c`
 			<div class="${this.classMap(e)}" style="background-color: ${t[this.status]};"></div>
 		`;
   }
 };
-C([l({ type: String })], b.prototype, "initials", 2), C([l({ type: String })], b.prototype, "src", 2), C([l({ type: String })], b.prototype, "icon", 2), C([l({ type: String })], b.prototype, "size", 2), C([l({ type: String })], b.prototype, "color", 2), C([l({ type: String })], b.prototype, "shape", 2), C([l({ type: Boolean })], b.prototype, "bordered", 2), C([l({ type: String })], b.prototype, "status", 2), b = C([p("schmancy-avatar")], b);
+S([l({ type: String })], y.prototype, "initials", 2), S([l({ type: String })], y.prototype, "src", 2), S([l({ type: String })], y.prototype, "icon", 2), S([l({ type: String })], y.prototype, "size", 2), S([l({ type: String })], y.prototype, "color", 2), S([l({ type: String })], y.prototype, "shape", 2), S([l({ type: Boolean })], y.prototype, "bordered", 2), S([l({ type: String })], y.prototype, "status", 2), y = S([p("schmancy-avatar")], y);
 export {
-  Es as $,
-  Ct as H,
-  k as S,
-  St as W,
-  ut as a,
-  rt as b,
-  xt as c,
-  $t as d,
-  nt as e,
-  at as f,
-  E as g,
+  Ps as $,
+  xt as H,
+  C as S,
+  wt as W,
+  at as a,
+  et as b,
+  bt as c,
+  ft as d,
+  st as e,
+  it as f,
+  D as g,
   T as h,
-  y as i,
-  Qt as j,
-  q as k,
-  mt as l,
-  lt as m,
-  ct as n,
-  f as o,
-  D as p,
-  $ as q,
-  S as r,
-  Os as s,
+  m as i,
+  Gt as j,
+  lt as k,
+  ct as l,
+  gt as m,
+  vt as n,
+  k as o,
+  O as p,
+  x as q,
+  $ as r,
+  js as s,
   X as t,
-  F as u,
-  b as v
+  U as u,
+  y as v
 };
-//# sourceMappingURL=avatar-C8P4lVfa.js.map
+//# sourceMappingURL=avatar-rLCF6MSI.js.map