@mhmo91/schmancy 0.8.6 → 0.9.2

package/dist/avatar-rLCF6MSI.js

@@ -1,895 +0,0 @@
-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 J } from "./tailwind.mixin-Bp_PR6yc.js";
-import { c as P } from "./ripple-BgJXbNSP.js";
-import "lit/directives/guard.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-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-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";
-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 C = class extends J(v`
-	:host {
-		display: inline-flex;
-		width: fit-content;
-	}
-
-	/* Enhanced pulse animation for better attention-getting */
-	@keyframes elegant-pulse {
-		0%, 100% {
-			opacity: 1;
-		}
-		50% {
-			opacity: 0.85;
-		}
-	}
-
-	.animate-pulse {
-		animation: elegant-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
-	}
-`) {
-  constructor() {
-    super(...arguments), this.color = "primary", this.size = "md", this.shape = "pill", this.outlined = !1, this.icon = "", this.pulse = !1;
-  }
-  getSizeClasses() {
-    switch (this.size) {
-      case "xs":
-        return "text-xs py-0.75 px-1.5 gap-0.5 leading-none";
-      case "sm":
-        return "text-xs py-1.5 px-2.5 gap-0.5 tracking-wide leading-none";
-      case "lg":
-        return "text-base py-2 px-4 gap-1 tracking-wide";
-      default:
-        return "text-sm py-1.5 px-3 gap-0.5";
-    }
-  }
-  getShapeClasses() {
-    switch (this.shape) {
-      case "square":
-        return "rounded";
-      case "rounded":
-        return "rounded-md";
-      default:
-        return "rounded-full";
-    }
-  }
-  getIconSize() {
-    switch (this.size) {
-      case "xs":
-        return "11px";
-      case "sm":
-        return "13px";
-      case "lg":
-        return "18px";
-      default:
-        return "15px";
-    }
-  }
-  getExoticStyles() {
-    const t = {};
-    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, ${r.sys.color.primary.container} 92%, ${r.sys.color.primary.default} 8%)`, text: this.outlined ? r.sys.color.primary.default : r.sys.color.primary.onContainer, border: this.outlined ? `color-mix(in srgb, ${r.sys.color.primary.default} 90%, ${r.sys.color.surface.highest} 10%)` : void 0 }, secondary: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${r.sys.color.secondary.container} 95%, ${r.sys.color.secondary.default} 5%)`, text: this.outlined ? r.sys.color.secondary.default : r.sys.color.secondary.onContainer, border: this.outlined ? `color-mix(in srgb, ${r.sys.color.secondary.default} 85%, ${r.sys.color.surface.highest} 15%)` : void 0 }, tertiary: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${r.sys.color.tertiary.container} 94%, ${r.sys.color.tertiary.default} 6%)`, text: this.outlined ? r.sys.color.tertiary.default : r.sys.color.tertiary.onContainer, border: this.outlined ? `color-mix(in srgb, ${r.sys.color.tertiary.default} 88%, ${r.sys.color.surface.highest} 12%)` : void 0 }, success: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${r.sys.color.success.container} 90%, ${r.sys.color.success.default} 10%)`, text: this.outlined ? r.sys.color.success.default : r.sys.color.success.onContainer, border: this.outlined ? `color-mix(in srgb, ${r.sys.color.success.default} 85%, ${r.sys.color.surface.bright} 15%)` : void 0 }, warning: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${r.sys.color.tertiary.container} 85%, ${r.sys.color.tertiary.default} 15%)`, text: this.outlined ? r.sys.color.tertiary.default : r.sys.color.tertiary.onContainer, border: this.outlined ? `color-mix(in srgb, ${r.sys.color.tertiary.default} 90%, ${r.sys.color.surface.highest} 10%)` : void 0 }, error: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${r.sys.color.error.container} 92%, ${r.sys.color.error.default} 8%)`, text: this.outlined ? r.sys.color.error.default : r.sys.color.error.onContainer, border: this.outlined ? `color-mix(in srgb, ${r.sys.color.error.default} 88%, ${r.sys.color.surface.bright} 12%)` : void 0 }, neutral: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${r.sys.color.surface.high} 95%, ${r.sys.color.outline} 5%)`, text: this.outlined ? `color-mix(in srgb, ${r.sys.color.surface.on} 95%, ${r.sys.color.surface.default} 5%)` : r.sys.color.surface.on, border: this.outlined ? `color-mix(in srgb, ${r.sys.color.outline} 85%, ${r.sys.color.surface.highest} 15%)` : void 0 } }[this.color];
-  }
-  render() {
-    const t = this.getSizeClasses(), e = this.getShapeClasses(), s = this.getColorStyles(), o = this.getIconSize(), n = this.getExoticStyles(), i = { "inline-flex items-center justify-center font-medium": !0, "transition-all duration-200 ease-in-out": !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", "hover:brightness-95 hover:-translate-y-px": this.outlined, "hover:brightness-[0.98]": !this.outlined }, a = { borderColor: s.border, backdropFilter: this.outlined ? "blur(4px)" : void 0, boxShadow: this.size !== "lg" || this.outlined ? void 0 : "0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1)", ...n };
-    return c`
-			<div
-				part="badge"
-				class="${this.classMap(i)}"
-				style="${this.styleMap(a)}"
-				${P({ bgColor: s.bg, color: s.text })}
-			>
-				<!-- Icon slot or named icon -->
-				<slot name="icon">
-					${this.icon ? c`
-								<div part="icon" class="flex-shrink-0 flex items-center justify-center leading-none">
-									<schmancy-icon .size=${o} class="flex items-center justify-center">${this.icon}</schmancy-icon>
-								</div>
-							` : ""}
-				</slot>
-
-				<!-- Content with proper spacing from icon -->
-				<div part="content" class="flex items-center leading-none tracking-[0.01em] ${this.icon ? "ml-[0.38em]" : ""}">
-					<slot></slot>
-				</div>
-			</div>
-		`;
-  }
-};
-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 {
-};
-at = M([p("sch-badge")], at);
-const js = new class {
-  constructor() {
-    this.$drawer = new tt(), this.$drawer.pipe().subscribe((t) => {
-      switch (t.action) {
-        case "dismiss":
-          this.dispatchToggleEvent(t.ref, "close");
-          break;
-        case "render":
-          this.dispatchToggleEvent(t.ref, "open"), this.dispatchRenderEvent(t.ref, t.component, t.title);
-          break;
-        case "push":
-          this.handlePush(t.ref, t.component, t.state, t.params, t.props);
-      }
-    });
-  }
-  dispatchToggleEvent(t, e) {
-    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 }));
-  }
-  dimiss(t) {
-    this.$drawer.next({ action: "dismiss", ref: t });
-  }
-  render(t, e, s) {
-    t.dispatchEvent(new CustomEvent("custom-event")), this.$drawer.next({ action: "render", ref: t, component: e, title: s });
-  }
-  handlePush(t, e, s, o, n) {
-    this.dispatchToggleEvent(t, "open"), this.dispatchRenderEvent(t, e, void 0, s, o, n);
-  }
-  push(t) {
-    this.$drawer.next({ action: "push", ref: window, ...t });
-  }
-}(), 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 D = class extends R(v`
-	:host {
-		position: relative;
-		inset: 0;
-		display: block;
-		overflow: hidden;
-	}
-`) {
-  constructor() {
-    super(...arguments), this.minWidth = { main: 360, sheet: 576 }, this.schmancyContentDrawerID = Math.floor(Math.random() * Date.now()).toString(), this.maxHeight = "100%";
-  }
-  firstUpdated() {
-    this.setupResizeListener(), this.setupToggleListener(), this.setupRenderListener();
-  }
-  setupResizeListener() {
-    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() {
-    h(window, g.ContentDrawerToggle).pipe(E((t) => t.stopPropagation()), f((t) => t.detail.state), u(this.disconnecting)).subscribe((t) => {
-      this.open = t;
-    });
-  }
-  setupRenderListener() {
-    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);
-  }
-  updateMode(t) {
-    t ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
-  }
-  handleRender(t) {
-    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;
-    for (; t; ) e += t.offsetTop, t = t.offsetParent;
-    return e;
-  }
-  render() {
-    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}>
-				<slot></slot>
-			</div>
-		`;
-  }
-};
-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(v`
-	:host {
-		display: block;
-		overflow: hidden;
-	}
-`) {
-  connectedCallback() {
-    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(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(" ");
-    return c`
-			<section class="relative inset-0 h-full">
-				<div class=${e}>
-					<section style=${this.styleMap(t)}>
-						<slot></slot>
-					</section>
-				</div>
-				${At(this.mode === "push", () => c` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
-			</section>
-		`;
-  }
-};
-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 m = class extends R(v`
-	:host {
-		overflow: scroll;
-	}
-`) {
-  connectedCallback() {
-    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(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() {
-    G(rt(this.closeModalSheet()), rt(this.closeSheet())).pipe(u(this.disconnecting)).subscribe();
-  }
-  closeModalSheet() {
-    return V(!0).pipe(E(() => Z.dismiss(this.schmancyContentDrawerID)));
-  }
-  closeSheet() {
-    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();
-      };
-    });
-  }
-  render() {
-    const t = { block: this.mode === "push", "absolute z-50": this.mode === "overlay", "opacity-1": this.mode === "overlay" && this.state === "open" }, e = { minWidth: `${this.minWidth}px`, maxHeight: this.maxHeight };
-    return c`
-			<section id="sheet" class="${this.classMap(t)}" style=${this.styleMap(e)}>
-				<schmancy-area name="${this.schmancyContentDrawerID}">
-					<slot name="placeholder"></slot>
-				</schmancy-area>
-			</section>
-		`;
-  }
-};
-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 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) {
-    this.$drawer.next({ self: t, state: !0 });
-  }
-  close(t) {
-    this.$drawer.next({ self: t, state: !1 });
-  }
-}(), Ps = Gt;
-var Jt = Object.getOwnPropertyDescriptor;
-let lt = class extends J(v`
-	:host {
-		display: block;
-		width: 100%;
-		min-width: 0;
-	}
-`) {
-  render() {
-    return c`<slot></slot>`;
-  }
-};
-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;
-		inset: 0;
-		overflow-y: auto;
-	}
-`) {
-  connectedCallback() {
-    super.connectedCallback(), h(this, "scroll").pipe(u(this.disconnecting)).subscribe((t) => {
-      this.parentElement.dispatchEvent(new CustomEvent("scroll", { detail: t, bubbles: !0, composed: !0 }));
-    });
-  }
-  render() {
-    return c` <slot></slot> `;
-  }
-};
-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")], 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 k = class extends R(v`
-	:host {
-		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 */
-		visibility: hidden;
-	}
-
-	:host([data-ready]) {
-		visibility: visible;
-	}
-
-	:host([fullscreen]) {
-		grid-template-columns: 1fr;
-	}
-`) {
-  constructor() {
-    super(...arguments), this.fullscreen = !1, this.breakpoint = "md";
-  }
-  firstUpdated() {
-    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");
-    }), h(window, "fullscreen").pipe(E((t) => {
-      const e = t;
-      this.fullscreen = e.detail;
-    }), u(this.disconnecting)).subscribe(), h(window, g.NavDrawer_toggle).pipe(E((t) => {
-      t.stopPropagation();
-    }), 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 >= k.BREAKPOINTS[this.breakpoint];
-    this.mode = e ? "push" : "overlay", this.open = e ? "open" : "close";
-  }
-  render() {
-    return c`<slot></slot>`;
-  }
-};
-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 _ = "cubic-bezier(0.5, 0.01, 0.25, 1)";
-let O = class extends R() {
-  constructor() {
-    super(...arguments), this.width = "220px", this._initialized = !1;
-  }
-  firstUpdated() {
-    this.mode === "overlay" ? this.drawerState === "close" ? (this.nav.style.transform = "translateX(-100%)", this.overlay.style.display = "none") : this.drawerState === "open" && (this.nav.style.transform = "translateX(0)", this.overlay.style.display = "block", this.overlay.style.opacity = "0.4") : this.mode === "push" && (this.nav.style.transform = "translateX(0)", this.overlay.style.display = "none"), this._initialized = !0;
-  }
-  updated(t) {
-    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: _, fill: "forwards" });
-  }
-  closeOverlay() {
-    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: _, fill: "forwards" }).onfinish = () => {
-      this.nav.style.transform = "translateX(0)";
-    };
-  }
-  hideNavDrawer() {
-    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(g.NavDrawer_toggle, { detail: { state: "close" }, bubbles: !0, composed: !0 }));
-  }
-  render() {
-    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)}
-				class="${this.classMap({ ...t })}"
-				${P({ bgColor: r.sys.color.surface.container })}
-			>
-				<slot></slot>
-			</nav>
-			<div
-				id="overlay"
-				${P({ bgColor: r.sys.color.scrim })}
-				@click=${this.handleOverlayClick}
-				class="${this.classMap({ "fixed inset-0 z-49 hidden": !0 })}"
-			></div>
-		`;
-  }
-};
-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 x = class extends J(v`
-	:host {
-		display: flex;
-		flex: 1;
-		min-width: 48px;
-		max-width: 168px;
-		user-select: none;
-		-webkit-tap-highlight-color: transparent;
-	}
-
-	:host([disabled]) {
-		pointer-events: none;
-	}
-
-	button {
-		font-family: inherit;
-		border: none;
-		background: none;
-		width: 100%;
-		padding: 0;
-		margin: 0;
-		text-align: center;
-		color: inherit;
-	}
-
-	button:focus {
-		outline: none;
-	}
-
-	button:focus-visible {
-		outline: 2px solid var(--focus-color);
-		outline-offset: 2px;
-		border-radius: 8px;
-	}
-
-	/* Ripple animation */
-	@keyframes ripple {
-		to {
-			transform: scale(4);
-			opacity: 0;
-		}
-	}
-
-	.ripple-effect {
-		position: absolute;
-		border-radius: 50%;
-		width: 20px;
-		height: 20px;
-		background-color: currentColor;
-		opacity: 0.25;
-		animation: ripple 0.6s ease-out;
-		pointer-events: none;
-	}
-`) {
-  constructor() {
-    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], Dt(600).pipe(B(() => {
-          this.ripples = this.ripples.filter((n) => n.id !== o.id);
-        }), j(this.disconnecting)).subscribe();
-      }
-    }, this.handleClick = (t) => {
-      if (this.disabled) return t.preventDefault(), void t.stopPropagation();
-      this.addRippleEffect(t);
-    }, this.handleKeyDown = (t) => {
-      this.disabled || t.key !== "Enter" && t.key !== " " || t.preventDefault();
-    };
-  }
-  get active() {
-    return this.active$.value;
-  }
-  set active(t) {
-    this.active$.next(t);
-  }
-  setActive(t) {
-    this.active = t;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.active$.pipe(j(this.disconnecting)).subscribe(() => {
-      this.requestUpdate();
-    }), this.setupNavigationStream();
-  }
-  setupNavigationStream() {
-    const t = this.shadowRoot?.querySelector("button");
-    if (!t) return;
-    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();
-  }
-  formatBadge(t) {
-    const e = Number(t);
-    return isNaN(e) ? t.slice(0, 3) : e > 99 ? "99+" : String(e);
-  }
-  firstUpdated() {
-    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 }, $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"
-				class=${this.classMap(n)}
-				@click=${this.handleClick}
-				@keydown=${this.handleKeyDown}
-				?disabled=${this.disabled}
-				aria-pressed=${this.active}
-				aria-label=${this.label || "Navigation item"}
-				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((ot) => c`
-							<span
-								class="ripple-effect"
-								style=${this.styleMap({ left: `${ot.x}px`, top: `${ot.y}px`, transform: "translate(-50%, -50%)" })}
-							></span>
-						`)}
-
-					${o ? c`<slot name="icon"></slot>` : this.icon ? c`
-									<schmancy-icon
-										.fill=${this.active ? 1 : 0}
-										class="relative z-10 flex items-center justify-center transition-all duration-200"
-										style="--schmancy-icon-size: 24px;"
-										aria-hidden="true"
-									>
-										${this.icon}
-									</schmancy-icon>
-							  ` : t ? c`<slot></slot>` : ""}
-				</div>
-
-				<!-- Label below icon -->
-				${!this.hideLabels && this.label ? c`
-					<span class=${this.classMap({ "text-xs font-medium leading-4 mt-1": !0, "text-center max-w-full": !0, "overflow-hidden text-ellipsis whitespace-nowrap": !0, "transition-all duration-200": !0 })}>${this.label}</span>
-				` : ""}
-
-				<!-- Badge -->
-				${s ? c`
-					<span
-						class=${this.classMap(a)}
-						aria-label="${e} notifications"
-						${P({ bgColor: r.sys.color.error.default, color: r.sys.color.error.on })}
-					>
-						<span class="text-[10px] font-medium leading-none">${e}</span>
-					</span>
-				` : this.badge ? c`
-					<span
-						class=${this.classMap(a)}
-						aria-label="Has notifications"
-						${P({ bgColor: r.sys.color.error.default })}
-					></span>
-				` : ""}
-			</button>
-		`;
-  }
-};
-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 $ = class extends J(v`
-	:host {
-		display: block;
-		transition: transform 0.3s ease-in-out;
-	}
-
-	:host([hide-on-scroll]) {
-		transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-	}
-
-	/* Support 3-7 items with equal distribution */
-	::slotted(schmancy-navigation-bar-item) {
-		flex: 1;
-		max-width: 168px; /* Prevent items from being too wide */
-	}
-
-	/* Accessibility focus indicators */
-	:host(:focus-within) {
-		outline: 2px solid var(--schmancy-sys-color-primary);
-		outline-offset: -2px;
-	}
-`) {
-  constructor() {
-    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) 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) {
-        case "ArrowLeft":
-          t.preventDefault(), s > 0 && this.focusItem(s - 1);
-          break;
-        case "ArrowRight":
-          t.preventDefault(), s < e.length - 1 && this.focusItem(s + 1);
-          break;
-        case "Home":
-          t.preventDefault(), this.focusItem(0);
-          break;
-        case "End":
-          t.preventDefault(), this.focusItem(e.length - 1);
-          break;
-        case "Enter":
-        case " ":
-          t.preventDefault(), this.focusedIndex !== -1 && e[this.focusedIndex]?.click();
-      }
-    };
-  }
-  get activeIndex() {
-    return this.activeIndex$.value;
-  }
-  set activeIndex(t) {
-    this.activeIndex$.next(t);
-  }
-  getItems() {
-    const t = this.shadowRoot?.querySelector("slot");
-    return t ? t.assignedElements({ flatten: !0 }).filter((e) => e.tagName.toLowerCase() === "schmancy-navigation-bar-item") : [];
-  }
-  connectedCallback() {
-    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);
-    }), h(window, "fullscreen").pipe(B((t) => {
-      const e = t;
-      this.isFullscreen = e.detail;
-    }), j(this.disconnecting)).subscribe(), this.hideOnScroll && this.setupScrollListener(), this.updateItems();
-  }
-  setupScrollListener() {
-    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();
-  }
-  focusItem(t) {
-    const e = this.getItems();
-    e[t] && (this.focusedIndex = t, e[t].focus());
-  }
-  updateItems() {
-    const t = this.shadowRoot?.querySelector("slot");
-    if (t) {
-      const e = () => {
-        this.updateActiveStates(this.activeIndex);
-      };
-      t.addEventListener("slotchange", e), e();
-    }
-  }
-  addBoatItem(t) {
-    const e = this.querySelector(`[value="${t.id}"]`);
-    if (e) return e;
-    const s = document.createElement("schmancy-navigation-bar-item");
-    return s.setAttribute("value", t.id), s.innerHTML = `
-			<schmancy-icon>${t.icon || "widgets"}</schmancy-icon>
-			<span>${t.title}</span>
-		`, this.appendChild(s), s;
-  }
-  updateActiveStates(t) {
-    this.getItems().forEach((e, s) => {
-      const o = e;
-      o.setActive ? o.setActive(s === t) : o.active = s === t, o.hideLabels = this.hideLabels, e.tabIndex = s === t ? 0 : -1;
-    });
-  }
-  updated(t) {
-    super.updated(t), t.has("hideLabels") && this.updateActiveStates(this.activeIndex), t.has("hideOnScroll") && (this.hideOnScroll && !t.get("hideOnScroll") ? this.setupScrollListener() : this.hideOnScroll || (this.isHiddenByScroll = !1));
-  }
-  render() {
-    const t = this.isFullscreen || this.isHiddenByScroll, e = { "h-20": !0, "flex items-center justify-around": !0, "px-2 py-3 box-border": !0, "transition-all duration-300 ease-in-out": !0, "z-10": !0, "shadow-none": this.elevation === 0, "shadow-sm": this.elevation === 1, "shadow-md": this.elevation === 2, "shadow-lg": this.elevation === 3, "shadow-xl": this.elevation === 4, "shadow-2xl": this.elevation === 5 }, s = t ? "translateY(100%)" : "translateY(0)";
-    return c`
-			<nav
-				class=${this.classMap(e)}
-				role="navigation"
-				aria-label="Main navigation"
-				aria-hidden=${t}
-				style="transform: ${s};"
-				${P({ bgColor: r.sys.color.surface.container, color: r.sys.color.surface.on })}
-			>
-				<slot></slot>
-			</nav>
-		`;
-  }
-};
-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 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(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 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 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(v``) {
-  constructor() {
-    super(...arguments), this.uuid = Math.floor(Math.random() * Date.now()), this.delay = 0, this.debugging = !1;
-  }
-  get _slottedChildren() {
-    return this.shadowRoot.querySelector("slot").assignedElements({ flatten: !0 });
-  }
-  connectedCallback() {
-    if (this.id === void 0) throw new Error("id is required");
-    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() {
-    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"), ht(this).pipe(u(this.disconnecting)).subscribe({ next: (t) => {
-        U.activeTeleportations.set(this.id, t);
-      } });
-    }, complete: () => {
-    } });
-  }
-  render() {
-    return c`<slot></slot>`;
-  }
-};
-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 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, [{ 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() : ""}
-			</div>
-		`;
-  }
-  getColorAttributes() {
-    const t = { primary: { bgColor: r.sys.color.primary.container, color: r.sys.color.primary.onContainer }, secondary: { bgColor: r.sys.color.secondary.container, color: r.sys.color.secondary.onContainer }, tertiary: { bgColor: r.sys.color.tertiary.container, color: r.sys.color.tertiary.onContainer }, success: { bgColor: r.sys.color.success.container, color: r.sys.color.success.onContainer }, error: { bgColor: r.sys.color.error.container, color: r.sys.color.error.onContainer }, neutral: { bgColor: r.sys.color.surface.container, color: r.sys.color.surface.on } };
-    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, [{ 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>
-		`;
-  }
-};
-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 {
-  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,
-  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,
-  U as u,
-  y as v
-};
-//# sourceMappingURL=avatar-rLCF6MSI.js.map