@mhmo91/schmancy 0.4.77 → 0.4.79

package/dist/{avatar-nxVn--Oo.js → avatar-CokwBO2O.js}

@@ -1,71 +1,71 @@
-import { css as z, html as c, nothing as lt } from "lit";
+import { css as O, html as c, nothing as lt } from "lit";
 import { property as l, customElement as y, state as d, queryAssignedElements as ct, query as F } from "lit/decorators.js";
-import { Subject as G, merge as J, fromEvent as f, startWith as bt, map as v, debounceTime as q, tap as O, distinctUntilChanged as K, takeUntil as p, from as st, of as B, Observable as gt, zip as rt, filter as dt, take as ft, timeout as vt, bufferTime as wt, concatMap as xt, interval as $t, throwIfEmpty as Ct } from "rxjs";
-import "./animated-text-CTMDHCbw.js";
-import { b as it, F as St, H as Dt } from "./route.component-BJEghY9L.js";
-import "./autocomplete-m-nEVE3h.js";
+import { Subject as V, merge as G, fromEvent as f, startWith as bt, map as v, debounceTime as R, tap as D, distinctUntilChanged as K, takeUntil as m, from as st, of as U, Observable as gt, zip as it, filter as dt, take as ft, timeout as vt, bufferTime as wt, concatMap as xt, interval as $t, throwIfEmpty as Ct } from "rxjs";
+import "./animated-text-DF5iHL66.js";
+import { b as rt, F as St, H as Et } from "./route.component-D2BflZS9.js";
+import "./autocomplete-DNTo7fHJ.js";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as ht } from "./tailwind.mixin-DbE6WE_l.js";
-import { c as U, f as Ot } from "./ripple-BumgqsDT.js";
-import "./boat-sl3amQ3s.js";
-import "./spinner-DA_-O-xo.js";
-import "./icon-button-n_1iOQGQ.js";
-import "./media-CunGFwol.js";
-import "./checkbox-zTyMywpJ.js";
-import "./chips-DAkLLDRf.js";
-import "./code-preview-DH3koGm9.js";
-import "./payment-card-form-C0Rck0tO.js";
-import { SchmancyEvents as m } from "./types.js";
-import { n as j, e as M } from "./provide-tcktw8xB.js";
-import { $ as E } from "./litElement.mixin-DVZiIRUa.js";
+import { T as ht } from "./tailwind.mixin-NLG6hsRk.js";
+import { c as B, f as Dt } from "./ripple-BumgqsDT.js";
+import "./boat-BEjCaneK.js";
+import "./spinner-1vMz2pLZ.js";
+import "./icon-button-Bol0a-v7.js";
+import "./media-DdD4d518.js";
+import "./checkbox-k9tWSA4E.js";
+import "./chips-DO6f95nV.js";
+import "./code-preview-djAAzZxj.js";
+import "./payment-card-form-C2rSfNUB.js";
+import { SchmancyEvents as p } from "./types.js";
+import { n as j, e as W } from "./provide-tcktw8xB.js";
+import { $ as z } from "./litElement.mixin-Cs2vwcM4.js";
 import { c as h } from "./consume-5D1qfVWM.js";
-import "./date-range-sfDUF7dG.js";
-import "./date-range-inline-CUb59TOM.js";
-import "./delay-CHpGPLLr.js";
-import "./details-Cf7zosIT.js";
-import "./dialog-content-BabnHd-t.js";
+import "./date-range-CHJqdE9Y.js";
+import "./date-range-inline-dlZb5tJg.js";
+import "./delay-BP5SfQRo.js";
+import "./details-Bd0PJpSd.js";
+import "./dialog-content-8smVbEth.js";
 import "./dialog-service-DwhuICgc.js";
-import "./divider-DyNmX5oP.js";
-import "./dropdown-content-1g76XIVT.js";
-import "./timezone-Yo9Sdd5R.js";
-import "./form-CzSHXlhh.js";
-import "./icon-CB8zMasU.js";
-import "./input-BAJnPVSv.js";
-import "./flex-0kVSQTqk.js";
-import "./list-ZeNhyo74.js";
-import "./email-recipients-BJsjr6H6.js";
-import "./map-ck5dlHEW.js";
-import "./menu-Cja83sLd.js";
-import { when as Y } from "lit/directives/when.js";
-import "./notification-service-CKHPaK_C.js";
-import "./option-BsvqJpe9.js";
-import "./progress-CG2bQVP8.js";
-import "./radio-button-BSUgktLD.js";
+import "./divider-DnyRwbTs.js";
+import "./dropdown-content-B1tXM7Vp.js";
+import "./timezone-CeadXobB.js";
+import "./form-DcKKSUWi.js";
+import "./icon-DF5RpNTK.js";
+import "./input-ClFADkhf.js";
+import "./flex-CQzrxgEP.js";
+import "./list-CIFl0wDX.js";
+import "./email-recipients-CQNYpvG7.js";
+import "./map-DRXTbpex.js";
+import "./menu-vSrpyy8w.js";
+import { when as L } from "lit/directives/when.js";
+import "./notification-service-C5f9YdPY.js";
+import "./option-CMyac-XQ.js";
+import "./progress-CzZkkBKS.js";
+import "./radio-button-CvhN1gWj.js";
 import "./index-CW6PhEkx.js";
-import "./select-DagDNtvt.js";
-import "./sheet-CRVVJZ0R.js";
-import { s as V } from "./sheet.service-lXqUf6n5.js";
-import "./slider-B3F6JkFf.js";
-import "./schmancy-steps-container-DLoPUodd.js";
+import "./select-BnLSAqtO.js";
+import "./sheet-CcKYre1L.js";
+import { s as Y } from "./sheet.service-lXqUf6n5.js";
+import "./slider-D36miB_e.js";
+import "./schmancy-steps-container-DJdcHEVs.js";
 import "./context-object-u5gBaozZ.js";
-import { map as zt, distinctUntilChanged as Et, take as kt } from "rxjs/operators";
-import "./surface-Dwl538cH.js";
-import "./table-BgKKtRLd.js";
-import "./tabs-compatibility-CPvOBfor.js";
-import "./textarea-CNEv2Aoz.js";
-import "./theme.component-v5kO9gkQ.js";
-import "./theme-button-CRcXeIw5.js";
-import "./tooltip-ZJEAlZUQ.js";
-import "./tree-BV-2ElOU.js";
-import "./typewriter-Bsn8eoJW.js";
-import "./typography-B5Y21osS.js";
-import { S as i } from "./theme.interface-C5Kj6WjD.js";
-var Wt = Object.defineProperty, Mt = Object.getOwnPropertyDescriptor, D = (t, e, r, o) => {
-  for (var n, s = o > 1 ? void 0 : o ? Mt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
-  return o && s && Wt(e, r, s), s;
+import { map as Ot, distinctUntilChanged as zt, take as kt } from "rxjs/operators";
+import "./surface-DWRvqMeW.js";
+import "./table-BYOOIwQ3.js";
+import "./tabs-compatibility-BQZ_4rKO.js";
+import "./textarea-B-BvDcvC.js";
+import "./theme.component-z0OFbxq8.js";
+import "./theme-button-O8T2P7bp.js";
+import "./tooltip-DUuT16gi.js";
+import "./tree-YKMOXZkK.js";
+import "./typewriter-D0ocrgfy.js";
+import "./typography-B813cueV.js";
+import { S as o } from "./theme.interface-C5Kj6WjD.js";
+var Mt = Object.defineProperty, Wt = Object.getOwnPropertyDescriptor, E = (t, e, i, r) => {
+  for (var n, s = r > 1 ? void 0 : r ? Wt(e, i) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (r ? n(e, i, s) : n(s)) || s);
+  return r && s && Mt(e, i, s), s;
 };
-let $ = class extends ht(z`
+let $ = class extends ht(O`
 	:host {
 		display: inline-flex;
 	}
@@ -174,22 +174,22 @@ let $ = class extends ht(z`
     return this.size === "lg" && (t.letterSpacing = "0.03em", t.fontWeight = "500"), this.size === "sm" && (t.letterSpacing = "0.02em"), t;
   }
   getColorStyles() {
-    return { primary: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${i.sys.color.primary.container} 92%, ${i.sys.color.primary.default} 8%)`, text: this.outlined ? i.sys.color.primary.default : i.sys.color.primary.onContainer, border: this.outlined ? `color-mix(in srgb, ${i.sys.color.primary.default} 90%, ${i.sys.color.surface.highest} 10%)` : void 0 }, secondary: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${i.sys.color.secondary.container} 95%, ${i.sys.color.secondary.default} 5%)`, text: this.outlined ? i.sys.color.secondary.default : i.sys.color.secondary.onContainer, border: this.outlined ? `color-mix(in srgb, ${i.sys.color.secondary.default} 85%, ${i.sys.color.surface.highest} 15%)` : void 0 }, tertiary: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${i.sys.color.tertiary.container} 94%, ${i.sys.color.tertiary.default} 6%)`, text: this.outlined ? i.sys.color.tertiary.default : i.sys.color.tertiary.onContainer, border: this.outlined ? `color-mix(in srgb, ${i.sys.color.tertiary.default} 88%, ${i.sys.color.surface.highest} 12%)` : void 0 }, success: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${i.sys.color.success.container} 90%, ${i.sys.color.success.default} 10%)`, text: this.outlined ? i.sys.color.success.default : i.sys.color.success.onContainer, border: this.outlined ? `color-mix(in srgb, ${i.sys.color.success.default} 85%, ${i.sys.color.surface.bright} 15%)` : void 0 }, warning: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${i.sys.color.tertiary.container} 85%, ${i.sys.color.tertiary.default} 15%)`, text: this.outlined ? i.sys.color.tertiary.default : i.sys.color.tertiary.onContainer, border: this.outlined ? `color-mix(in srgb, ${i.sys.color.tertiary.default} 90%, ${i.sys.color.surface.highest} 10%)` : void 0 }, error: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${i.sys.color.error.container} 92%, ${i.sys.color.error.default} 8%)`, text: this.outlined ? i.sys.color.error.default : i.sys.color.error.onContainer, border: this.outlined ? `color-mix(in srgb, ${i.sys.color.error.default} 88%, ${i.sys.color.surface.bright} 12%)` : void 0 }, neutral: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${i.sys.color.surface.high} 95%, ${i.sys.color.outline} 5%)`, text: this.outlined ? `color-mix(in srgb, ${i.sys.color.surface.on} 95%, ${i.sys.color.surface.default} 5%)` : i.sys.color.surface.on, border: this.outlined ? `color-mix(in srgb, ${i.sys.color.outline} 85%, ${i.sys.color.surface.highest} 15%)` : void 0 } }[this.color];
+    return { primary: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${o.sys.color.primary.container} 92%, ${o.sys.color.primary.default} 8%)`, text: this.outlined ? o.sys.color.primary.default : o.sys.color.primary.onContainer, border: this.outlined ? `color-mix(in srgb, ${o.sys.color.primary.default} 90%, ${o.sys.color.surface.highest} 10%)` : void 0 }, secondary: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${o.sys.color.secondary.container} 95%, ${o.sys.color.secondary.default} 5%)`, text: this.outlined ? o.sys.color.secondary.default : o.sys.color.secondary.onContainer, border: this.outlined ? `color-mix(in srgb, ${o.sys.color.secondary.default} 85%, ${o.sys.color.surface.highest} 15%)` : void 0 }, tertiary: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${o.sys.color.tertiary.container} 94%, ${o.sys.color.tertiary.default} 6%)`, text: this.outlined ? o.sys.color.tertiary.default : o.sys.color.tertiary.onContainer, border: this.outlined ? `color-mix(in srgb, ${o.sys.color.tertiary.default} 88%, ${o.sys.color.surface.highest} 12%)` : void 0 }, success: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${o.sys.color.success.container} 90%, ${o.sys.color.success.default} 10%)`, text: this.outlined ? o.sys.color.success.default : o.sys.color.success.onContainer, border: this.outlined ? `color-mix(in srgb, ${o.sys.color.success.default} 85%, ${o.sys.color.surface.bright} 15%)` : void 0 }, warning: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${o.sys.color.tertiary.container} 85%, ${o.sys.color.tertiary.default} 15%)`, text: this.outlined ? o.sys.color.tertiary.default : o.sys.color.tertiary.onContainer, border: this.outlined ? `color-mix(in srgb, ${o.sys.color.tertiary.default} 90%, ${o.sys.color.surface.highest} 10%)` : void 0 }, error: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${o.sys.color.error.container} 92%, ${o.sys.color.error.default} 8%)`, text: this.outlined ? o.sys.color.error.default : o.sys.color.error.onContainer, border: this.outlined ? `color-mix(in srgb, ${o.sys.color.error.default} 88%, ${o.sys.color.surface.bright} 12%)` : void 0 }, neutral: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${o.sys.color.surface.high} 95%, ${o.sys.color.outline} 5%)`, text: this.outlined ? `color-mix(in srgb, ${o.sys.color.surface.on} 95%, ${o.sys.color.surface.default} 5%)` : o.sys.color.surface.on, border: this.outlined ? `color-mix(in srgb, ${o.sys.color.outline} 85%, ${o.sys.color.surface.highest} 15%)` : void 0 } }[this.color];
   }
   render() {
-    const t = this.getSizeClasses(), e = this.getShapeClasses(), r = this.getColorStyles(), o = this.getIconSize(), n = this.getExoticStyles(), s = { "inline-flex items-center justify-center font-medium": !0, [t]: !0, [e]: !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" }, a = { borderColor: r.border, transition: "all 0.2s ease", ...this.outlined ? { backdropFilter: "blur(4px)", borderWidth: "1px" } : {}, ...this.size !== "lg" || this.outlined ? {} : { boxShadow: "0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1)" }, ...n };
+    const t = this.getSizeClasses(), e = this.getShapeClasses(), i = this.getColorStyles(), r = this.getIconSize(), n = this.getExoticStyles(), s = { "inline-flex items-center justify-center font-medium": !0, [t]: !0, [e]: !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" }, a = { borderColor: i.border, transition: "all 0.2s ease", ...this.outlined ? { backdropFilter: "blur(4px)", borderWidth: "1px" } : {}, ...this.size !== "lg" || this.outlined ? {} : { boxShadow: "0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1)" }, ...n };
     return c`
 			<div
 				part="badge"
 				class="${this.classMap(s)}"
 				style="${this.styleMap(a)}"
-				${U({ bgColor: r.bg, color: r.text })}
+				${B({ bgColor: i.bg, color: i.text })}
 			>
 				<!-- Icon slot or named icon -->
 				<slot name="icon">
 					${this.icon ? c`
 								<div part="icon" class="icon-container flex-shrink-0 flex items-center justify-center">
-									<schmancy-icon .size=${o} class="flex items-center">${this.icon}</schmancy-icon>
+									<schmancy-icon .size=${r} class="flex items-center">${this.icon}</schmancy-icon>
 								</div>
 							` : ""}
 				</slot>
@@ -202,28 +202,46 @@ let $ = class extends ht(z`
 		`;
   }
 };
-D([l({ type: String, reflect: !0 })], $.prototype, "color", 2), D([l({ type: String, reflect: !0 })], $.prototype, "size", 2), D([l({ type: String, reflect: !0 })], $.prototype, "shape", 2), D([l({ type: Boolean, reflect: !0 })], $.prototype, "outlined", 2), D([l({ type: String })], $.prototype, "icon", 2), D([l({ type: Boolean, reflect: !0 })], $.prototype, "pulse", 2), $ = D([y("schmancy-badge")], $);
+E([l({ type: String, reflect: !0 })], $.prototype, "color", 2), E([l({ type: String, reflect: !0 })], $.prototype, "size", 2), E([l({ type: String, reflect: !0 })], $.prototype, "shape", 2), E([l({ type: Boolean, reflect: !0 })], $.prototype, "outlined", 2), E([l({ type: String })], $.prototype, "icon", 2), E([l({ type: Boolean, reflect: !0 })], $.prototype, "pulse", 2), $ = E([y("schmancy-badge")], $);
 let ot = class extends $ {
 };
-ot = D([y("sch-badge")], ot);
+ot = E([y("sch-badge")], ot);
 const os = new class {
   constructor() {
-    this.$drawer = new G(), this.$drawer.pipe().subscribe((t) => {
-      t.action === "dismiss" ? t.ref.dispatchEvent(new CustomEvent(m.ContentDrawerToggle, { detail: { state: "close" }, bubbles: !0, composed: !0 })) : t.action === "render" && (t.ref.dispatchEvent(new CustomEvent(m.ContentDrawerToggle, { detail: { state: "open" }, bubbles: !0, composed: !0 })), t.ref.dispatchEvent(new CustomEvent("schmancy-content-drawer-render", { detail: { component: t.component, title: t.title }, bubbles: !0, composed: !0 })));
+    this.$drawer = new V(), this.lastComponent = null, this.$drawer.pipe().subscribe((t) => {
+      t.action === "dismiss" ? t.ref.dispatchEvent(new CustomEvent(p.ContentDrawerToggle, { detail: { state: "close" }, bubbles: !0, composed: !0 })) : t.action === "render" ? (t.ref.dispatchEvent(new CustomEvent(p.ContentDrawerToggle, { detail: { state: "open" }, bubbles: !0, composed: !0 })), t.ref.dispatchEvent(new CustomEvent("schmancy-content-drawer-render", { detail: { component: t.component, title: t.title }, bubbles: !0, composed: !0 }))) : t.action === "push" && this.handlePush(t.ref, t.component);
     });
   }
   dimiss(t) {
     this.$drawer.next({ action: "dismiss", ref: t });
   }
-  render(t, e, r) {
-    t.dispatchEvent(new CustomEvent("custom-event")), this.$drawer.next({ action: "render", ref: t, component: e, title: r });
+  render(t, e, i) {
+    t.dispatchEvent(new CustomEvent("custom-event")), this.$drawer.next({ action: "render", ref: t, component: e, title: i });
+  }
+  async handlePush(t, e) {
+    let i;
+    if (typeof e == "string") i = document.createElement(e);
+    else if (e instanceof HTMLElement) i = e;
+    else {
+      if (typeof e != "function") return;
+      try {
+        const r = await e();
+        r && typeof r == "object" && "default" in r ? i = new r.default() : i = r instanceof HTMLElement ? r : new r();
+      } catch {
+        return;
+      }
+    }
+    this.lastComponent === i && "requestUpdate" in i && i.requestUpdate(), this.lastComponent = i, t.dispatchEvent(new CustomEvent(p.ContentDrawerToggle, { detail: { state: "open" }, bubbles: !0, composed: !0 })), t.dispatchEvent(new CustomEvent("schmancy-content-drawer-render", { detail: { component: i }, bubbles: !0, composed: !0 }));
+  }
+  push(t) {
+    this.$drawer.next({ action: "push", ref: window, component: t });
   }
-}(), L = j("push"), pt = j("close"), mt = j(Math.floor(Math.random() * Date.now()).toString()), Q = j("100%"), Z = j({});
-var jt = Object.defineProperty, Pt = Object.getOwnPropertyDescriptor, k = (t, e, r, o) => {
-  for (var n, s = o > 1 ? void 0 : o ? Pt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
-  return o && s && jt(e, r, s), s;
+}(), J = j("push"), pt = j("close"), mt = j(Math.floor(Math.random() * Date.now()).toString()), Q = j("100%"), Z = j({});
+var jt = Object.defineProperty, Pt = Object.getOwnPropertyDescriptor, k = (t, e, i, r) => {
+  for (var n, s = r > 1 ? void 0 : r ? Pt(e, i) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (r ? n(e, i, s) : n(s)) || s);
+  return r && s && jt(e, i, s), s;
 };
-let C = class extends E(z`
+let C = class extends z(O`
 	:host {
 		position: relative;
 		inset: 0;
@@ -235,18 +253,18 @@ let C = class extends E(z`
     super(...arguments), this.minWidth = { main: 360, sheet: 576 }, this.schmancyContentDrawerID = Math.floor(Math.random() * Date.now()).toString(), this.maxHeight = "100%";
   }
   firstUpdated() {
-    J(f(window, "resize"), f(window, m.ContentDrawerResize)).pipe(bt(!0), v(() => this.clientWidth ? this.clientWidth : window.innerWidth), v((t) => t >= this.minWidth.main + this.minWidth.sheet), q(100), O(() => {
+    G(f(window, "resize"), f(window, p.ContentDrawerResize)).pipe(bt(!0), v(() => this.clientWidth ? this.clientWidth : window.innerWidth), v((t) => t >= this.minWidth.main + this.minWidth.sheet), R(100), D(() => {
       this.maxHeight = window.innerHeight - this.getOffsetTop(this) - 32 + "px", this.style.setProperty("max-height", this.maxHeight);
-    }), K(), p(this.disconnecting)).subscribe((t) => {
+    }), K(), m(this.disconnecting)).subscribe((t) => {
       t ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
-    }), f(window, m.ContentDrawerToggle).pipe(O((t) => {
+    }), f(window, p.ContentDrawerToggle).pipe(D((t) => {
       t.stopPropagation();
-    }), v((t) => t.detail.state), p(this.disconnecting)).subscribe((t) => {
+    }), v((t) => t.detail.state), m(this.disconnecting)).subscribe((t) => {
       this.open = t;
-    }), f(window, "schmancy-content-drawer-render").pipe(O((t) => {
+    }), f(window, "schmancy-content-drawer-render").pipe(D((t) => {
       t.stopPropagation();
-    }), v((t) => t.detail), p(this.disconnecting)).subscribe(({ component: t, title: e }) => {
-      this.mode === "push" ? (it.push({ area: this.schmancyContentDrawerID, component: "empty", historyStrategy: "silent" }), it.push({ area: this.schmancyContentDrawerID, component: t, historyStrategy: "silent" })) : (this.mode = "overlay") && V.open({ component: t, uid: this.schmancyContentDrawerID, title: e });
+    }), v((t) => t.detail), m(this.disconnecting)).subscribe(({ component: t, title: e }) => {
+      this.mode === "push" ? (rt.push({ area: this.schmancyContentDrawerID, component: "empty", historyStrategy: "silent" }), rt.push({ area: this.schmancyContentDrawerID, component: t, historyStrategy: "silent" })) : (this.mode = "overlay") && Y.open({ component: t, uid: this.schmancyContentDrawerID, title: e });
     });
   }
   getOffsetTop(t) {
@@ -268,12 +286,12 @@ let C = class extends E(z`
 		` : lt;
   }
 };
-k([M({ context: Z })], C.prototype, "minWidth", 2), k([M({ context: pt }), l()], C.prototype, "open", 2), k([M({ context: L }), d()], C.prototype, "mode", 2), k([M({ context: mt })], C.prototype, "schmancyContentDrawerID", 2), k([M({ context: Q })], C.prototype, "maxHeight", 2), k([ct({ flatten: !0 })], C.prototype, "assignedElements", 2), C = k([y("schmancy-content-drawer")], C);
-var It = Object.defineProperty, Nt = Object.getOwnPropertyDescriptor, N = (t, e, r, o) => {
-  for (var n, s = o > 1 ? void 0 : o ? Nt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
-  return o && s && It(e, r, s), s;
+k([W({ context: Z })], C.prototype, "minWidth", 2), k([W({ context: pt }), l()], C.prototype, "open", 2), k([W({ context: J }), d()], C.prototype, "mode", 2), k([W({ context: mt })], C.prototype, "schmancyContentDrawerID", 2), k([W({ context: Q })], C.prototype, "maxHeight", 2), k([ct({ flatten: !0 })], C.prototype, "assignedElements", 2), C = k([y("schmancy-content-drawer")], C);
+var It = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor, T = (t, e, i, r) => {
+  for (var n, s = r > 1 ? void 0 : r ? Tt(e, i) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (r ? n(e, i, s) : n(s)) || s);
+  return r && s && It(e, i, s), s;
 };
-let P = class extends E(z`
+let P = class extends z(O`
 	:host {
 		display: block;
 		overflow: hidden;
@@ -283,7 +301,7 @@ let P = class extends E(z`
     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(m.ContentDrawerResize, { bubbles: !0, composed: !0 })));
+    super.update(t), t.has("minWidth") && this.minWidth && (this.drawerMinWidth.main = this.minWidth, this.dispatchEvent(new CustomEvent(p.ContentDrawerResize, { bubbles: !0, composed: !0 })));
   }
   render() {
     const t = { minWidth: `${this.minWidth}px`, maxHeight: this.maxHeight };
@@ -301,17 +319,17 @@ let P = class extends E(z`
 						<slot></slot>
 					</section>
 				</schmancy-grid>
-				${Y(this.mode === "push", () => c` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
+				${L(this.mode === "push", () => c` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
 			</section>
 		`;
   }
 };
-N([l({ type: Number })], P.prototype, "minWidth", 2), N([h({ context: Z, subscribe: !0 })], P.prototype, "drawerMinWidth", 2), N([h({ context: L, subscribe: !0 }), d()], P.prototype, "mode", 2), N([h({ context: Q, subscribe: !0 }), d()], P.prototype, "maxHeight", 2), P = N([y("schmancy-content-drawer-main")], P);
-var _t = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor, w = (t, e, r, o) => {
-  for (var n, s = o > 1 ? void 0 : o ? Tt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
-  return o && s && _t(e, r, s), s;
+T([l({ type: Number })], P.prototype, "minWidth", 2), T([h({ context: Z, subscribe: !0 })], P.prototype, "drawerMinWidth", 2), T([h({ context: J, subscribe: !0 }), d()], P.prototype, "mode", 2), T([h({ context: Q, subscribe: !0 }), d()], P.prototype, "maxHeight", 2), P = T([y("schmancy-content-drawer-main")], P);
+var Nt = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, w = (t, e, i, r) => {
+  for (var n, s = r > 1 ? void 0 : r ? _t(e, i) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (r ? n(e, i, s) : n(s)) || s);
+  return r && s && Nt(e, i, s), s;
 };
-let u = class extends E(z`
+let u = class extends z(O`
 	:host {
 		overflow: scroll;
 	}
@@ -320,16 +338,16 @@ let u = class extends E(z`
     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(m.ContentDrawerResize, { bubbles: !0, composed: !0 }))) : (t.has("state") || t.has("mode")) && (this.mode === "overlay" ? this.state === "close" ? this.closeAll() : this.state : this.mode === "push" && (V.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(p.ContentDrawerResize, { bubbles: !0, composed: !0 }))) : (t.has("state") || t.has("mode")) && (this.mode === "overlay" ? this.state === "close" ? this.closeAll() : this.state : this.mode === "push" && (Y.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() {
-    J(st(this.closeModalSheet()), st(this.closeSheet())).pipe(p(this.disconnecting)).subscribe();
+    G(st(this.closeModalSheet()), st(this.closeSheet())).pipe(m(this.disconnecting)).subscribe();
   }
   closeModalSheet() {
-    return B(!0).pipe(O(() => V.dismiss(this.schmancyContentDrawerID)));
+    return U(!0).pipe(D(() => Y.dismiss(this.schmancyContentDrawerID)));
   }
   closeSheet() {
     return new gt((t) => {
@@ -349,11 +367,11 @@ let u = class extends E(z`
 		`;
   }
 };
-w([l({ type: Number })], u.prototype, "minWidth", 2), w([h({ context: L, subscribe: !0 }), d()], u.prototype, "mode", 2), w([h({ context: pt, subscribe: !0 }), d()], u.prototype, "state", 2), w([h({ context: mt })], u.prototype, "schmancyContentDrawerID", 2), w([F("#sheet")], u.prototype, "sheet", 2), w([ct({ flatten: !0, slot: void 0 })], u.prototype, "defaultSlot", 2), w([h({ context: Z, subscribe: !0 })], u.prototype, "drawerMinWidth", 2), w([h({ context: Q, subscribe: !0 }), d()], u.prototype, "maxHeight", 2), u = w([y("schmancy-content-drawer-sheet")], u);
+w([l({ type: Number })], u.prototype, "minWidth", 2), w([h({ context: J, subscribe: !0 }), d()], u.prototype, "mode", 2), w([h({ context: pt, subscribe: !0 }), d()], u.prototype, "state", 2), w([h({ context: mt })], u.prototype, "schmancyContentDrawerID", 2), w([F("#sheet")], u.prototype, "sheet", 2), w([ct({ flatten: !0, slot: void 0 })], u.prototype, "defaultSlot", 2), w([h({ context: Z, subscribe: !0 })], u.prototype, "drawerMinWidth", 2), w([h({ context: Q, subscribe: !0 }), d()], u.prototype, "maxHeight", 2), u = w([y("schmancy-content-drawer-sheet")], u);
 const Xt = new class {
   constructor() {
-    this.$drawer = new G(), this.$drawer.pipe(q(10)).subscribe((t) => {
-      t.state ? window.dispatchEvent(new CustomEvent(m.NavDrawer_toggle, { detail: { state: "open" }, bubbles: !0, composed: !0 })) : window.dispatchEvent(new CustomEvent(m.NavDrawer_toggle, { detail: { state: "close" }, bubbles: !0, composed: !0 }));
+    this.$drawer = new V(), this.$drawer.pipe(R(10)).subscribe((t) => {
+      t.state ? window.dispatchEvent(new CustomEvent(p.NavDrawer_toggle, { detail: { state: "open" }, bubbles: !0, composed: !0 })) : window.dispatchEvent(new CustomEvent(p.NavDrawer_toggle, { detail: { state: "close" }, bubbles: !0, composed: !0 }));
     });
   }
   open(t) {
@@ -363,11 +381,11 @@ const Xt = new class {
     this.$drawer.next({ self: t, state: !1 });
   }
 }(), ns = Xt, tt = j("push"), et = j("close");
-var At = Object.defineProperty, Ht = Object.getOwnPropertyDescriptor, X = (t, e, r, o) => {
-  for (var n, s = o > 1 ? void 0 : o ? Ht(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
-  return o && s && At(e, r, s), s;
+var Ht = Object.defineProperty, At = Object.getOwnPropertyDescriptor, X = (t, e, i, r) => {
+  for (var n, s = r > 1 ? void 0 : r ? At(e, i) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (r ? n(e, i, s) : n(s)) || s);
+  return r && s && Ht(e, i, s), s;
 };
-let _ = class extends ht(z`
+let N = class extends ht(O`
 	:host {
 		display: block;
 	}
@@ -379,14 +397,14 @@ let _ = class extends ht(z`
     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)}>
-				${Y(this.sidebarMode === "overlay" && this.toggler, () => c`<slot name="toggler">
+				${L(this.sidebarMode === "overlay" && this.toggler, () => c`<slot name="toggler">
 							<div class="${this.classMap(t)}">
 								<schmancy-icon-button
 									@click=${() => {
-      this.dispatchEvent(new CustomEvent(m.NavDrawer_toggle, { detail: { state: this.sidebarOpen === "open" ? "close" : "open" }, bubbles: !0, composed: !0 }));
+      this.dispatchEvent(new CustomEvent(p.NavDrawer_toggle, { detail: { state: this.sidebarOpen === "open" ? "close" : "open" }, bubbles: !0, composed: !0 }));
     }}
 								>
-									${Y(this.sidebarOpen === "close", () => c`menu`, () => c`menu_open`)}
+									${L(this.sidebarOpen === "close", () => c`menu`, () => c`menu_open`)}
 								</schmancy-icon-button>
 							</div>
 						</slot>`)}
@@ -396,9 +414,9 @@ let _ = class extends ht(z`
 		`;
   }
 };
-X([h({ context: tt, subscribe: !0 }), d()], _.prototype, "sidebarMode", 2), X([h({ context: et, subscribe: !0 }), d()], _.prototype, "sidebarOpen", 2), X([l({ type: Boolean })], _.prototype, "toggler", 2), _ = X([y("schmancy-nav-drawer-appbar")], _);
-var Rt = Object.getOwnPropertyDescriptor;
-let nt = class extends E(z`
+X([h({ context: tt, subscribe: !0 }), d()], N.prototype, "sidebarMode", 2), X([h({ context: et, subscribe: !0 }), d()], N.prototype, "sidebarOpen", 2), X([l({ type: Boolean })], N.prototype, "toggler", 2), N = X([y("schmancy-nav-drawer-appbar")], N);
+var qt = Object.getOwnPropertyDescriptor;
+let nt = class extends z(O`
 	:host {
 		display: block;
 		position: relative;
@@ -407,7 +425,7 @@ let nt = class extends E(z`
 	}
 `) {
   connectedCallback() {
-    super.connectedCallback(), f(this, "scroll").pipe(p(this.disconnecting)).subscribe((t) => {
+    super.connectedCallback(), f(this, "scroll").pipe(m(this.disconnecting)).subscribe((t) => {
       this.parentElement.dispatchEvent(new CustomEvent("scroll", { detail: t, bubbles: !0, composed: !0 }));
     });
   }
@@ -415,15 +433,15 @@ let nt = class extends E(z`
     return c` <slot></slot> `;
   }
 };
-nt = ((t, e, r, o) => {
-  for (var n, s = o > 1 ? void 0 : o ? Rt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = n(s) || s);
+nt = ((t, e, i, r) => {
+  for (var n, s = r > 1 ? void 0 : r ? qt(e, i) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = n(s) || s);
   return s;
 })([y("schmancy-nav-drawer-content")], nt);
-var qt = Object.defineProperty, Bt = Object.getOwnPropertyDescriptor, I = (t, e, r, o) => {
-  for (var n, s = o > 1 ? void 0 : o ? Bt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
-  return o && s && qt(e, r, s), s;
+var Rt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, I = (t, e, i, r) => {
+  for (var n, s = r > 1 ? void 0 : r ? Ut(e, i) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (r ? n(e, i, s) : n(s)) || s);
+  return r && s && Rt(e, i, s), s;
 };
-let g = class extends E(z`
+let g = class extends z(O`
 	:host {
 		display: flex;
 		flex-grow: 1;
@@ -440,11 +458,11 @@ let g = class extends E(z`
     super(...arguments), this.fullscreen = !1, this.breakpoint = "md", this._initialized = !1;
   }
   firstUpdated() {
-    this.updateState(window.innerWidth), this._initialized = !0, this.setAttribute("data-ready", ""), f(window, "resize").pipe(v((t) => t.target.innerWidth), v((t) => t >= g.BREAKPOINTS[this.breakpoint]), K(), q(100), p(this.disconnecting)).subscribe((t) => {
+    this.updateState(window.innerWidth), this._initialized = !0, this.setAttribute("data-ready", ""), f(window, "resize").pipe(v((t) => t.target.innerWidth), v((t) => t >= g.BREAKPOINTS[this.breakpoint]), K(), R(100), m(this.disconnecting)).subscribe((t) => {
       t ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
-    }), f(window, m.NavDrawer_toggle).pipe(O((t) => {
+    }), f(window, p.NavDrawer_toggle).pipe(D((t) => {
       t.stopPropagation();
-    }), v((t) => t.detail.state), K(), p(this.disconnecting), q(10)).subscribe((t) => {
+    }), v((t) => t.detail.state), K(), m(this.disconnecting), R(10)).subscribe((t) => {
       this.mode === "push" && t === "close" || (this.open = t);
     });
   }
@@ -460,20 +478,20 @@ let g = class extends E(z`
 				flow="col"
 				justify="stretch"
 				align="stretch"
-				${Ot()}
+				${Dt()}
 			>
 				<slot></slot>
 			</schmancy-grid>
 		` : lt;
   }
 };
-g.BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 }, I([l({ type: Boolean })], g.prototype, "fullscreen", 2), I([l({ type: String, attribute: "breakpoint" })], g.prototype, "breakpoint", 2), I([M({ context: tt }), d()], g.prototype, "mode", 2), I([M({ context: et }), l()], g.prototype, "open", 2), I([d()], g.prototype, "_initialized", 2), g = I([y("schmancy-nav-drawer")], g);
-var Ut = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, W = (t, e, r, o) => {
-  for (var n, s = o > 1 ? void 0 : o ? Ft(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
-  return o && s && Ut(e, r, s), s;
+g.BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 }, I([l({ type: Boolean })], g.prototype, "fullscreen", 2), I([l({ type: String, attribute: "breakpoint" })], g.prototype, "breakpoint", 2), I([W({ context: tt }), d()], g.prototype, "mode", 2), I([W({ context: et }), l()], g.prototype, "open", 2), I([d()], g.prototype, "_initialized", 2), g = I([y("schmancy-nav-drawer")], g);
+var Bt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, M = (t, e, i, r) => {
+  for (var n, s = r > 1 ? void 0 : r ? Ft(e, i) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (r ? n(e, i, s) : n(s)) || s);
+  return r && s && Bt(e, i, s), s;
 };
-const A = "cubic-bezier(0.5, 0.01, 0.25, 1)";
-let S = class extends E() {
+const H = "cubic-bezier(0.5, 0.01, 0.25, 1)";
+let S = class extends z() {
   constructor() {
     super(...arguments), this.width = "320px", this._initialized = !1;
   }
@@ -484,25 +502,25 @@ let S = class extends E() {
     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: A, fill: "forwards" });
+    this.overlay.style.display = "block", this.overlay.animate([{ opacity: 0 }, { opacity: 0.4 }], { duration: 200, easing: H, fill: "forwards" });
   }
   closeOverlay() {
-    this.overlay.animate([{ opacity: 0.4 }, { opacity: 0 }], { duration: 150, easing: A, fill: "forwards" }).onfinish = () => {
+    this.overlay.animate([{ opacity: 0.4 }, { opacity: 0 }], { duration: 150, easing: H, fill: "forwards" }).onfinish = () => {
       this.overlay.style.display = "none";
     };
   }
   showNavDrawer() {
-    this.nav.animate([{ transform: "translateX(-100%)" }, { transform: "translateX(0)" }], { duration: 200, easing: A, fill: "forwards" }).onfinish = () => {
+    this.nav.animate([{ transform: "translateX(-100%)" }, { transform: "translateX(0)" }], { duration: 200, easing: H, fill: "forwards" }).onfinish = () => {
       this.nav.style.transform = "translateX(0)";
     };
   }
   hideNavDrawer() {
-    this.nav.animate([{ transform: "translateX(0)" }, { transform: "translateX(-100%)" }], { duration: 200, easing: A, fill: "forwards" }).onfinish = () => {
+    this.nav.animate([{ transform: "translateX(0)" }, { transform: "translateX(-100%)" }], { duration: 200, easing: H, fill: "forwards" }).onfinish = () => {
       this.nav.style.transform = "translateX(-100%)";
     };
   }
   handleOverlayClick() {
-    window.dispatchEvent(new CustomEvent(m.NavDrawer_toggle, { detail: { state: "close" }, bubbles: !0, composed: !0 }));
+    window.dispatchEvent(new CustomEvent(p.NavDrawer_toggle, { detail: { state: "close" }, bubbles: !0, composed: !0 }));
   }
   render() {
     const t = { "p-[16px] 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 };
@@ -510,42 +528,42 @@ let S = class extends E() {
 			<nav
 				style=${this.styleMap(e)}
 				class="${this.classMap({ ...t })}"
-				${U({ bgColor: i.sys.color.surface.container })}
+				${B({ bgColor: o.sys.color.surface.container })}
 			>
 				<slot></slot>
 			</nav>
 			<div
 				id="overlay"
-				${U({ bgColor: i.sys.color.scrim })}
+				${B({ bgColor: o.sys.color.scrim })}
 				@click=${this.handleOverlayClick}
 				class="${this.classMap({ "fixed inset-0 z-49 hidden": !0 })}"
 			></div>
 		`;
   }
 };
-W([h({ context: tt, subscribe: !0 }), d()], S.prototype, "mode", 2), W([h({ context: et, subscribe: !0 }), d()], S.prototype, "drawerState", 2), W([F("#overlay")], S.prototype, "overlay", 2), W([F("nav")], S.prototype, "nav", 2), W([l({ type: String })], S.prototype, "width", 2), W([d()], S.prototype, "_initialized", 2), S = W([y("schmancy-nav-drawer-navbar")], S);
-const yt = "whereAreYouRicky", ut = "hereMorty", H = new class {
+M([h({ context: tt, subscribe: !0 }), d()], S.prototype, "mode", 2), M([h({ context: et, subscribe: !0 }), d()], S.prototype, "drawerState", 2), M([F("#overlay")], S.prototype, "overlay", 2), M([F("nav")], S.prototype, "nav", 2), M([l({ type: String })], S.prototype, "width", 2), M([d()], S.prototype, "_initialized", 2), S = M([y("schmancy-nav-drawer-navbar")], S);
+const yt = "whereAreYouRicky", ut = "hereMorty", A = new class {
   constructor() {
-    this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new G(), this.find = (t) => rt([f(window, ut).pipe(dt((e) => !!e.detail.component.uuid && !!t.id && e.detail.component.id === t.id && e.detail.component.uuid !== t.uuid), v((e) => e.detail.component), ft(1)), B(t).pipe(O(() => {
+    this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new V(), this.find = (t) => it([f(window, ut).pipe(dt((e) => !!e.detail.component.uuid && !!t.id && e.detail.component.id === t.id && e.detail.component.uuid !== t.uuid), v((e) => e.detail.component), ft(1)), U(t).pipe(D(() => {
       window.dispatchEvent(new CustomEvent(yt, { detail: { id: t.id, callerID: t.uuid } }));
     }))]).pipe(v(([e]) => e), vt(0)), this.flip = (t) => {
-      const { from: e, to: r } = t, o = r.element.style.zIndex;
-      r.element.style.transformOrigin = "top left", r.element.style.setProperty("visibility", "visible"), r.element.style.zIndex = "1000";
-      const n = [{ transform: `translate(${e.rect.left - r.rect.left}px, ${e.rect.top - r.rect.top}px) scale(${e.rect.width / r.rect.width}, ${e.rect.height / r.rect.height})` }, { transform: "translate(0, 0) scale(1, 1)" }];
-      r.element.animate(n, { duration: 250, delay: 10, easing: "cubic-bezier(0.455, 0.03, 0.515, 0.955)" }).onfinish = () => {
-        r.element.style.zIndex = o, r.element.style.transformOrigin = "";
+      const { from: e, to: i } = t, r = i.element.style.zIndex;
+      i.element.style.transformOrigin = "top left", i.element.style.setProperty("visibility", "visible"), i.element.style.zIndex = "1000";
+      const n = [{ transform: `translate(${e.rect.left - i.rect.left}px, ${e.rect.top - i.rect.top}px) scale(${e.rect.width / i.rect.width}, ${e.rect.height / i.rect.height})` }, { transform: "translate(0, 0) scale(1, 1)" }];
+      i.element.animate(n, { duration: 250, delay: 10, easing: "cubic-bezier(0.455, 0.03, 0.515, 0.955)" }).onfinish = () => {
+        i.element.style.zIndex = r, i.element.style.transformOrigin = "";
       };
-    }, this.flipRequests.pipe(wt(1), v((t) => t.map(({ from: e, to: r, host: o }, n) => ({ from: e, to: r, host: o, i: n }))), xt((t) => rt(t.map((e) => B(this.flip(e)))))).subscribe();
+    }, this.flipRequests.pipe(wt(1), v((t) => t.map(({ from: e, to: i, host: r }, n) => ({ from: e, to: i, host: r, i: n }))), xt((t) => it(t.map((e) => U(this.flip(e)))))).subscribe();
   }
 }();
 function at(t) {
-  return $t(50).pipe(zt(() => t.getBoundingClientRect()), Et((e, r) => e.width === r.width && e.height === r.height && e.top === r.top && e.right === r.right && e.bottom === r.bottom && e.left === r.left), kt(1));
+  return $t(50).pipe(Ot(() => t.getBoundingClientRect()), zt((e, i) => e.width === i.width && e.height === i.height && e.top === i.top && e.right === i.right && e.bottom === i.bottom && e.left === i.left), kt(1));
 }
-var Kt = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, R = (t, e, r, o) => {
-  for (var n, s = o > 1 ? void 0 : o ? Yt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
-  return o && s && Kt(e, r, s), s;
+var Kt = Object.defineProperty, Lt = Object.getOwnPropertyDescriptor, q = (t, e, i, r) => {
+  for (var n, s = r > 1 ? void 0 : r ? Lt(e, i) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (r ? n(e, i, s) : n(s)) || s);
+  return r && s && Kt(e, i, s), s;
 };
-let T = class extends E(z``) {
+let _ = class extends z(O``) {
   constructor() {
     super(...arguments), this.uuid = Math.floor(Math.random() * Date.now()), this.delay = 0, this.debugging = !1;
   }
@@ -554,20 +572,20 @@ let T = class extends E(z``) {
   }
   connectedCallback() {
     if (this.id === void 0) throw new Error("id is required");
-    super.connectedCallback(), J(f(window, St).pipe(O({ next: () => {
-      this.dispatchEvent(new CustomEvent(Dt, { detail: { component: this }, bubbles: !0, composed: !0 }));
-    } })), f(window, yt).pipe(O({ next: (t) => {
+    super.connectedCallback(), G(f(window, St).pipe(D({ next: () => {
+      this.dispatchEvent(new CustomEvent(Et, { detail: { component: this }, bubbles: !0, composed: !0 }));
+    } })), f(window, yt).pipe(D({ next: (t) => {
       t.detail.id === this.id && this.uuid && t.detail.callerID !== this.uuid && this.dispatchEvent(new CustomEvent(ut, { detail: { component: this }, bubbles: !0, composed: !0 }));
-    } }))).pipe(p(this.disconnecting)).subscribe();
+    } }))).pipe(m(this.disconnecting)).subscribe();
   }
   async firstUpdated() {
-    B(H.activeTeleportations.get(this.id)).pipe(dt((t) => !!t), p(this.disconnecting), Ct()).subscribe({ next: (t) => {
-      this.style.setProperty("visibility", "hidden"), at(this).pipe(p(this.disconnecting)).subscribe({ next: (e) => {
-        H.activeTeleportations.set(this.id, e), H.flipRequests.next({ from: { rect: t }, to: { rect: e, element: this._slottedChildren[0] }, host: this });
+    U(A.activeTeleportations.get(this.id)).pipe(dt((t) => !!t), m(this.disconnecting), Ct()).subscribe({ next: (t) => {
+      this.style.setProperty("visibility", "hidden"), at(this).pipe(m(this.disconnecting)).subscribe({ next: (e) => {
+        A.activeTeleportations.set(this.id, e), A.flipRequests.next({ from: { rect: t }, to: { rect: e, element: this._slottedChildren[0] }, host: this });
       } });
     }, error: () => {
-      this.style.setProperty("visibility", "visible"), at(this).pipe(p(this.disconnecting)).subscribe({ next: (t) => {
-        H.activeTeleportations.set(this.id, t);
+      this.style.setProperty("visibility", "visible"), at(this).pipe(m(this.disconnecting)).subscribe({ next: (t) => {
+        A.activeTeleportations.set(this.id, t);
       } });
     }, complete: () => {
     } });
@@ -576,31 +594,31 @@ let T = class extends E(z``) {
     return c`<slot></slot>`;
   }
 };
-R([l({ type: Number, reflect: !0 })], T.prototype, "uuid", 2), R([l({ type: String })], T.prototype, "id", 2), R([l({ type: Number })], T.prototype, "delay", 2), T = R([y("schmancy-teleport")], T);
-var Vt = Object.defineProperty, Gt = Object.getOwnPropertyDescriptor, x = (t, e, r, o) => {
-  for (var n, s = o > 1 ? void 0 : o ? Gt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
-  return o && s && Vt(e, r, s), s;
+q([l({ type: Number, reflect: !0 })], _.prototype, "uuid", 2), q([l({ type: String })], _.prototype, "id", 2), q([l({ type: Number })], _.prototype, "delay", 2), _ = q([y("schmancy-teleport")], _);
+var Yt = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, x = (t, e, i, r) => {
+  for (var n, s = r > 1 ? void 0 : r ? Vt(e, i) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (r ? n(e, i, s) : n(s)) || s);
+  return r && s && Yt(e, i, s), s;
 };
-let b = class extends E() {
+let b = class extends z() {
   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 }, r = this.getColorAttributes();
+    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 }, i = this.getColorAttributes();
     return c`
-			<div class="${this.classMap(e)}" ${r}>
+			<div class="${this.classMap(e)}" ${i}>
 				${t} ${this.status !== "none" ? this.renderStatusIndicator() : ""}
 			</div>
 		`;
   }
   getColorAttributes() {
-    const t = { primary: { bgColor: i.sys.color.primary.container, color: i.sys.color.primary.onContainer }, secondary: { bgColor: i.sys.color.secondary.container, color: i.sys.color.secondary.onContainer }, tertiary: { bgColor: i.sys.color.tertiary.container, color: i.sys.color.tertiary.onContainer }, success: { bgColor: i.sys.color.success.container, color: i.sys.color.success.onContainer }, error: { bgColor: i.sys.color.error.container, color: i.sys.color.error.onContainer }, neutral: { bgColor: i.sys.color.surface.container, color: i.sys.color.surface.on } };
-    return U(t[this.color]);
+    const t = { primary: { bgColor: o.sys.color.primary.container, color: o.sys.color.primary.onContainer }, secondary: { bgColor: o.sys.color.secondary.container, color: o.sys.color.secondary.onContainer }, tertiary: { bgColor: o.sys.color.tertiary.container, color: o.sys.color.tertiary.onContainer }, success: { bgColor: o.sys.color.success.container, color: o.sys.color.success.onContainer }, error: { bgColor: o.sys.color.error.container, color: o.sys.color.error.onContainer }, neutral: { bgColor: o.sys.color.surface.container, color: o.sys.color.surface.on } };
+    return B(t[this.color]);
   }
   renderStatusIndicator() {
-    const t = { online: i.sys.color.success.default, offline: i.sys.color.surface.onVariant, busy: i.sys.color.error.default, away: i.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: o.sys.color.success.default, offline: o.sys.color.surface.onVariant, busy: o.sys.color.error.default, away: o.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 };
     return c`
 			<div class="${this.classMap(e)}" style="background-color: ${t[this.status]};"></div>
 		`;
@@ -613,7 +631,7 @@ export {
   $ as S,
   yt as W,
   ot as a,
-  L as b,
+  J as b,
   pt as c,
   mt as d,
   Q as e,
@@ -622,15 +640,15 @@ export {
   P as h,
   u as i,
   Xt as j,
-  _ as k,
+  N as k,
   nt as l,
   tt as m,
   et as n,
   g as o,
   S as p,
-  T as q,
+  _ as q,
   b as r,
   os as s,
-  H as t
+  A as t
 };
-//# sourceMappingURL=avatar-nxVn--Oo.js.map
+//# sourceMappingURL=avatar-CokwBO2O.js.map