@mhmo91/schmancy 0.5.18 → 0.5.20

package/dist/avatar-CxDF7O9q.js

@@ -1,609 +0,0 @@
-import { css as O, html as c, nothing as lt } from "lit";
-import { property as l, customElement as y, state as h, queryAssignedElements as ct, query as F } from "lit/decorators.js";
-import { Subject as Y, merge as G, fromEvent as g, startWith as bt, map as w, debounceTime as R, tap as E, distinctUntilChanged as K, takeUntil as m, from as st, of as U, Observable as ft, zip as rt, filter as ht, take as gt, timeout as wt, bufferTime as vt, concatMap as xt, interval as $t, throwIfEmpty as Ct } from "rxjs";
-import "./animated-text-Bu95OxOB.js";
-import { a as it, F as St, H as Dt } from "./area.component-Uj8eYomX.js";
-import "./autocomplete-CfICiUej.js";
-import "lit/directives/class-map.js";
-import "lit/directives/style-map.js";
-import { T as dt } from "./tailwind.mixin-nZk3QUQy.js";
-import { c as B, f as Et } from "./ripple-Cy-nvO8W.js";
-import "lit/directives/guard.js";
-import "./boat-X1OG5F2J.js";
-import "./spinner-CwsNWGqj.js";
-import "./icon-button-7b5uVTan.js";
-import "./media-BKviPW_h.js";
-import "./checkbox-CQ_N8nVx.js";
-import "./suggestion-chip-BcfuYhVu.js";
-import "./input-chip-CIk926sc.js";
-import "./code-preview-DRt2qNK4.js";
-import "./payment-card-form-BkWQ6H8v.js";
-import { SchmancyEvents as p } from "./types.js";
-import { n as P, e as W } from "./provide-tcktw8xB.js";
-import { $ as z } from "./litElement.mixin-C_TdCsfa.js";
-import { c as d } from "./consume-5D1qfVWM.js";
-import "./date-range-W2AtcWsE.js";
-import "./date-range-inline-Cqu7nIGM.js";
-import "./delay-CXAQP1GR.js";
-import "./details-CphTZvhk.js";
-import "./dialog-content-h_Oz2PDz.js";
-import "./dialog-service-CyQzm5qE.js";
-import "./divider-DZZPRjp6.js";
-import "./dropdown-content-CB1GBHlI.js";
-import "./timezone-CjMKVlle.js";
-import "./form-C1PF3LFP.js";
-import "./icon-BZUpikxQ.js";
-import "./input-DC8Sf6IC.js";
-import "./flex-BjEfo9Y7.js";
-import "./list-CGNZvRGe.js";
-import "./email-recipients-Wk64dWuZ.js";
-import "./map-BiTqxS1F.js";
-import "./menu-BZzL9ILt.js";
-import { when as L } from "lit/directives/when.js";
-import "./navigation-rail-item-D3uE3_58.js";
-import "./notification-service-CLOPRsR_.js";
-import "./option-CRjbCpf-.js";
-import "./progress-T5BaCgVz.js";
-import "./radio-button-BXZsXmyT.js";
-import "./index-CW6PhEkx.js";
-import "./select-BgxZupg_.js";
-import "./sheet-Dn2OyNPH.js";
-import { s as V } from "./sheet.service-lXqUf6n5.js";
-import "./slider-HrSdi1w5.js";
-import "./schmancy-steps-container-C18l7ZUJ.js";
-import "./context-object-u5gBaozZ.js";
-import { map as Ot, distinctUntilChanged as zt, take as kt } from "rxjs/operators";
-import "./surface-BU2twRfK.js";
-import "./table-d_te1RgD.js";
-import "./tabs-compatibility-Boc5CUVW.js";
-import "./textarea-B0sYfSz6.js";
-import "./theme.component-X5en4kgs.js";
-import "./theme-button-CNJVyopz.js";
-import "./tooltip-BorRixOk.js";
-import "./tree-DQi0dyBy.js";
-import "./typewriter-GHGwLOWk.js";
-import "./typography-DsKadWmR.js";
-import { S as o } from "./theme.interface-C5Kj6WjD.js";
-var Mt = Object.defineProperty, Wt = Object.getOwnPropertyDescriptor, D = (t, e, r, i) => {
-  for (var n, s = i > 1 ? void 0 : i ? Wt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (i ? n(e, r, s) : n(s)) || s);
-  return i && s && Mt(e, r, s), s;
-};
-let $ = class extends dt(O`
-	:host {
-		display: inline-flex;
-	}
-
-	/* 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, ${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(), i = this.getIconSize(), n = this.getExoticStyles(), s = { "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: r.border, ...this.outlined ? { backdropFilter: "blur(4px)" } : {}, ...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)}"
-				${B({ bgColor: r.bg, color: r.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=${i} 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>
-		`;
-  }
-};
-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")], $);
-let ot = class extends $ {
-};
-ot = D([y("sch-badge")], ot);
-const ls = new class {
-  constructor() {
-    this.$drawer = new Y(), 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 });
-  }
-  async handlePush(t, e) {
-    let r;
-    if (typeof e == "string") r = document.createElement(e);
-    else if (e instanceof HTMLElement) r = e;
-    else {
-      if (typeof e != "function") return;
-      try {
-        const i = await e();
-        i && typeof i == "object" && "default" in i ? r = new i.default() : r = i instanceof HTMLElement ? i : new i();
-      } catch {
-        return;
-      }
-    }
-    this.lastComponent === r && "requestUpdate" in r && r.requestUpdate(), this.lastComponent = r, t.dispatchEvent(new CustomEvent(p.ContentDrawerToggle, { detail: { state: "open" }, bubbles: !0, composed: !0 })), t.dispatchEvent(new CustomEvent("schmancy-content-drawer-render", { detail: { component: r }, bubbles: !0, composed: !0 }));
-  }
-  push(t) {
-    this.$drawer.next({ action: "push", ref: window, component: t });
-  }
-}(), J = P("push"), pt = P("close"), mt = P(Math.floor(Math.random() * Date.now()).toString()), Q = P("100%"), Z = P({});
-var Pt = Object.defineProperty, jt = Object.getOwnPropertyDescriptor, k = (t, e, r, i) => {
-  for (var n, s = i > 1 ? void 0 : i ? jt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (i ? n(e, r, s) : n(s)) || s);
-  return i && s && Pt(e, r, s), s;
-};
-let C = class extends z(O`
-	: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() {
-    G(g(window, "resize"), g(window, p.ContentDrawerResize)).pipe(bt(!0), w(() => this.clientWidth ? this.clientWidth : window.innerWidth), w((t) => t >= this.minWidth.main + this.minWidth.sheet), R(100), E(() => {
-      this.maxHeight = window.innerHeight - this.getOffsetTop(this) - 32 + "px", this.style.setProperty("max-height", this.maxHeight);
-    }), K(), m(this.disconnecting)).subscribe((t) => {
-      t ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
-    }), g(window, p.ContentDrawerToggle).pipe(E((t) => {
-      t.stopPropagation();
-    }), w((t) => t.detail.state), m(this.disconnecting)).subscribe((t) => {
-      this.open = t;
-    }), g(window, "schmancy-content-drawer-render").pipe(E((t) => {
-      t.stopPropagation();
-    }), w((t) => t.detail), m(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 });
-    });
-  }
-  getOffsetTop(t) {
-    let e = 0;
-    for (; t; ) e += t.offsetTop, t = t.offsetParent;
-    return e;
-  }
-  render() {
-    return this.mode && this.open ? c`
-			<schmancy-grid
-				cols=${this.mode === "overlay" ? "1fr" : "auto 1fr"}
-				rows="1fr"
-				flow="col"
-				justify="stretch"
-				align="stretch"
-			>
-				<slot></slot>
-			</schmancy-grid>
-		` : lt;
-  }
-};
-k([W({ context: Z })], C.prototype, "minWidth", 2), k([W({ context: pt }), l()], C.prototype, "open", 2), k([W({ context: J }), h()], 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, r, i) => {
-  for (var n, s = i > 1 ? void 0 : i ? Tt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (i ? n(e, r, s) : n(s)) || s);
-  return i && s && It(e, r, s), s;
-};
-let j = class extends z(O`
-	: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(p.ContentDrawerResize, { bubbles: !0, composed: !0 })));
-  }
-  render() {
-    const t = { minWidth: `${this.minWidth}px`, maxHeight: this.maxHeight };
-    return c`
-			<section class="relative inset-0 h-full">
-				<schmancy-grid
-					class="h-full relative overflow-scroll"
-					cols="${this.mode === "push" ? "auto 1fr" : "1fr"}"
-					rows="1fr"
-					flow="col"
-					align="stretch"
-					justify="stretch"
-				>
-					<section style=${this.styleMap(t)}>
-						<slot></slot>
-					</section>
-				</schmancy-grid>
-				${L(this.mode === "push", () => c` <schmancy-divider class="absolute right-0 top-0" orientation="vertical"></schmancy-divider>`)}
-			</section>
-		`;
-  }
-};
-T([l({ type: Number })], j.prototype, "minWidth", 2), T([d({ context: Z, subscribe: !0 })], j.prototype, "drawerMinWidth", 2), T([d({ context: J, subscribe: !0 }), h()], j.prototype, "mode", 2), T([d({ context: Q, subscribe: !0 }), h()], j.prototype, "maxHeight", 2), j = T([y("schmancy-content-drawer-main")], j);
-var Nt = Object.defineProperty, _t = Object.getOwnPropertyDescriptor, v = (t, e, r, i) => {
-  for (var n, s = i > 1 ? void 0 : i ? _t(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (i ? n(e, r, s) : n(s)) || s);
-  return i && s && Nt(e, r, s), s;
-};
-let u = class extends z(O`
-	: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(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" && (V.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(st(this.closeModalSheet()), st(this.closeSheet())).pipe(m(this.disconnecting)).subscribe();
-  }
-  closeModalSheet() {
-    return U(!0).pipe(E(() => V.dismiss(this.schmancyContentDrawerID)));
-  }
-  closeSheet() {
-    return new ft((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>
-		`;
-  }
-};
-v([l({ type: Number })], u.prototype, "minWidth", 2), v([d({ context: J, subscribe: !0 }), h()], u.prototype, "mode", 2), v([d({ context: pt, subscribe: !0 }), h()], u.prototype, "state", 2), v([d({ context: mt })], u.prototype, "schmancyContentDrawerID", 2), v([F("#sheet")], u.prototype, "sheet", 2), v([ct({ flatten: !0, slot: void 0 })], u.prototype, "defaultSlot", 2), v([d({ context: Z, subscribe: !0 })], u.prototype, "drawerMinWidth", 2), v([d({ context: Q, subscribe: !0 }), h()], u.prototype, "maxHeight", 2), u = v([y("schmancy-content-drawer-sheet")], u);
-const Xt = new class {
-  constructor() {
-    this.$drawer = new Y(), 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) {
-    this.$drawer.next({ self: t, state: !0 });
-  }
-  close(t) {
-    this.$drawer.next({ self: t, state: !1 });
-  }
-}(), cs = Xt, tt = P("push"), et = P("close");
-var Ht = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, X = (t, e, r, i) => {
-  for (var n, s = i > 1 ? void 0 : i ? qt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (i ? n(e, r, s) : n(s)) || s);
-  return i && s && Ht(e, r, s), s;
-};
-let N = class extends dt(O`
-	:host {
-		display: block;
-	}
-`) {
-  constructor() {
-    super(...arguments), this.toggler = !0;
-  }
-  render() {
-    const t = { "block left-3  z-50": this.sidebarMode === "overlay", hidden: this.sidebarMode === "push" }, e = { "block z-50": !0, "grid gap-2 items-center": !0, "grid-cols-[auto_1fr]": this.sidebarMode === "overlay" && this.toggler, "grid-cols-1": !(this.sidebarMode === "overlay" && this.toggler) };
-    return c`
-			<div class=${this.classMap(e)}>
-				${L(this.sidebarMode === "overlay" && this.toggler, () => c`<slot name="toggler">
-							<div class="${this.classMap(t)}">
-								<schmancy-icon-button
-									@click=${() => {
-      this.dispatchEvent(new CustomEvent(p.NavDrawer_toggle, { detail: { state: this.sidebarOpen === "open" ? "close" : "open" }, bubbles: !0, composed: !0 }));
-    }}
-								>
-									${L(this.sidebarOpen === "close", () => c`menu`, () => c`menu_open`)}
-								</schmancy-icon-button>
-							</div>
-						</slot>`)}
-
-				<slot> </slot>
-			</div>
-		`;
-  }
-};
-X([d({ context: tt, subscribe: !0 }), h()], N.prototype, "sidebarMode", 2), X([d({ context: et, subscribe: !0 }), h()], N.prototype, "sidebarOpen", 2), X([l({ type: Boolean })], N.prototype, "toggler", 2), N = X([y("schmancy-nav-drawer-appbar")], N);
-var At = Object.getOwnPropertyDescriptor;
-let nt = class extends z(O`
-	:host {
-		display: block;
-		position: relative;
-		inset: 0;
-		overflow-y: auto;
-	}
-`) {
-  connectedCallback() {
-    super.connectedCallback(), g(this, "scroll").pipe(m(this.disconnecting)).subscribe((t) => {
-      this.parentElement.dispatchEvent(new CustomEvent("scroll", { detail: t, bubbles: !0, composed: !0 }));
-    });
-  }
-  render() {
-    return c` <slot></slot> `;
-  }
-};
-nt = ((t, e, r, i) => {
-  for (var n, s = i > 1 ? void 0 : i ? At(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = n(s) || s);
-  return s;
-})([y("schmancy-nav-drawer-content")], nt);
-var Rt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, I = (t, e, r, i) => {
-  for (var n, s = i > 1 ? void 0 : i ? Ut(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (i ? n(e, r, s) : n(s)) || s);
-  return i && s && Rt(e, r, s), s;
-};
-let f = class extends z(O`
-	:host {
-		display: flex;
-		flex-grow: 1;
-		overflow: hidden;
-		/* Initially hide the component until it’s ready */
-		visibility: hidden;
-	}
-	/* Once the component is ready, remove the hidden style */
-	:host([data-ready]) {
-		visibility: visible;
-	}
-`) {
-  constructor() {
-    super(...arguments), this.fullscreen = !1, this.breakpoint = "md", this._initialized = !1;
-  }
-  firstUpdated() {
-    this.updateState(window.innerWidth), this._initialized = !0, this.setAttribute("data-ready", ""), g(window, "resize").pipe(w((t) => t.target.innerWidth), w((t) => t >= f.BREAKPOINTS[this.breakpoint]), K(), R(100), m(this.disconnecting)).subscribe((t) => {
-      t ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
-    }), g(window, p.NavDrawer_toggle).pipe(E((t) => {
-      t.stopPropagation();
-    }), w((t) => t.detail.state), K(), m(this.disconnecting), R(10)).subscribe((t) => {
-      this.mode === "push" && t === "close" || (this.open = t);
-    });
-  }
-  updateState(t) {
-    const e = t >= f.BREAKPOINTS[this.breakpoint];
-    this.mode = e ? "push" : "overlay", this.open = e ? "open" : "close";
-  }
-  render() {
-    return this._initialized ? c`
-			<schmancy-grid
-				cols=${this.fullscreen ? "1fr" : "auto 1fr"}
-				rows="1fr"
-				flow="col"
-				justify="stretch"
-				align="stretch"
-				${Et()}
-			>
-				<slot></slot>
-			</schmancy-grid>
-		` : lt;
-  }
-};
-f.BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 }, I([l({ type: Boolean })], f.prototype, "fullscreen", 2), I([l({ type: String, attribute: "breakpoint" })], f.prototype, "breakpoint", 2), I([W({ context: tt }), h()], f.prototype, "mode", 2), I([W({ context: et }), l()], f.prototype, "open", 2), I([h()], f.prototype, "_initialized", 2), f = I([y("schmancy-nav-drawer")], f);
-var Bt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, M = (t, e, r, i) => {
-  for (var n, s = i > 1 ? void 0 : i ? Ft(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (i ? n(e, r, s) : n(s)) || s);
-  return i && s && Bt(e, r, s), s;
-};
-const H = "cubic-bezier(0.5, 0.01, 0.25, 1)";
-let S = class extends z() {
-  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: H, fill: "forwards" });
-  }
-  closeOverlay() {
-    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: H, fill: "forwards" }).onfinish = () => {
-      this.nav.style.transform = "translateX(0)";
-    };
-  }
-  hideNavDrawer() {
-    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(p.NavDrawer_toggle, { detail: { state: "close" }, bubbles: !0, composed: !0 }));
-  }
-  render() {
-    const t = { "p-2 max-w-[360px] w-fit h-full overflow-auto": !0, block: this.mode === "push", "fixed inset-0 z-50": this.mode === "overlay" }, e = { width: this.width };
-    return c`
-			<nav
-				style=${this.styleMap(e)}
-				class="${this.classMap({ ...t })}"
-				${B({ bgColor: o.sys.color.surface.container })}
-			>
-				<slot></slot>
-			</nav>
-			<div
-				id="overlay"
-				${B({ bgColor: o.sys.color.scrim })}
-				@click=${this.handleOverlayClick}
-				class="${this.classMap({ "fixed inset-0 z-49 hidden": !0 })}"
-			></div>
-		`;
-  }
-};
-M([d({ context: tt, subscribe: !0 }), h()], S.prototype, "mode", 2), M([d({ context: et, subscribe: !0 }), h()], 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([h()], S.prototype, "_initialized", 2), S = M([y("schmancy-nav-drawer-navbar")], S);
-const yt = "whereAreYouRicky", ut = "hereMorty", q = new class {
-  constructor() {
-    this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new Y(), this.find = (t) => rt([g(window, ut).pipe(ht((e) => !!e.detail.component.uuid && !!t.id && e.detail.component.id === t.id && e.detail.component.uuid !== t.uuid), w((e) => e.detail.component), gt(1)), U(t).pipe(E(() => {
-      window.dispatchEvent(new CustomEvent(yt, { detail: { id: t.id, callerID: t.uuid } }));
-    }))]).pipe(w(([e]) => e), wt(0)), this.flip = (t) => {
-      const { from: e, to: r } = t, i = 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 = i, r.element.style.transformOrigin = "";
-      };
-    }, this.flipRequests.pipe(vt(1), w((t) => t.map(({ from: e, to: r, host: i }, n) => ({ from: e, to: r, host: i, i: n }))), xt((t) => rt(t.map((e) => U(this.flip(e)))))).subscribe();
-  }
-}();
-function at(t) {
-  return $t(50).pipe(Ot(() => t.getBoundingClientRect()), zt((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));
-}
-var Kt = Object.defineProperty, Lt = Object.getOwnPropertyDescriptor, A = (t, e, r, i) => {
-  for (var n, s = i > 1 ? void 0 : i ? Lt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (i ? n(e, r, s) : n(s)) || s);
-  return i && s && Kt(e, r, s), s;
-};
-let _ = class extends z(O``) {
-  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(g(window, St).pipe(E({ next: () => {
-      this.dispatchEvent(new CustomEvent(Dt, { detail: { component: this }, bubbles: !0, composed: !0 }));
-    } })), g(window, yt).pipe(E({ 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(m(this.disconnecting)).subscribe();
-  }
-  async firstUpdated() {
-    U(q.activeTeleportations.get(this.id)).pipe(ht((t) => !!t), m(this.disconnecting), Ct()).subscribe({ next: (t) => {
-      this.style.setProperty("visibility", "hidden"), at(this).pipe(m(this.disconnecting)).subscribe({ next: (e) => {
-        q.activeTeleportations.set(this.id, e), q.flipRequests.next({ from: { rect: t }, to: { rect: e, element: this._slottedChildren[0] }, host: this });
-      } });
-    }, error: () => {
-      this.style.setProperty("visibility", "visible"), at(this).pipe(m(this.disconnecting)).subscribe({ next: (t) => {
-        q.activeTeleportations.set(this.id, t);
-      } });
-    }, complete: () => {
-    } });
-  }
-  render() {
-    return c`<slot></slot>`;
-  }
-};
-A([l({ type: Number, reflect: !0 })], _.prototype, "uuid", 2), A([l({ type: String })], _.prototype, "id", 2), A([l({ type: Number })], _.prototype, "delay", 2), _ = A([y("schmancy-teleport")], _);
-var Vt = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, x = (t, e, r, i) => {
-  for (var n, s = i > 1 ? void 0 : i ? Yt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (i ? n(e, r, s) : n(s)) || s);
-  return i && s && Vt(e, r, s), s;
-};
-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();
-    return c`
-			<div class="${this.classMap(e)}" ${r}>
-				${t} ${this.status !== "none" ? this.renderStatusIndicator() : ""}
-			</div>
-		`;
-  }
-  getColorAttributes() {
-    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: 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>
-		`;
-  }
-};
-x([l({ type: String })], b.prototype, "initials", 2), x([l({ type: String })], b.prototype, "src", 2), x([l({ type: String })], b.prototype, "icon", 2), x([l({ type: String })], b.prototype, "size", 2), x([l({ type: String })], b.prototype, "color", 2), x([l({ type: String })], b.prototype, "shape", 2), x([l({ type: Boolean })], b.prototype, "bordered", 2), x([l({ type: String })], b.prototype, "status", 2), b = x([y("schmancy-avatar")], b);
-export {
-  cs as $,
-  ut as H,
-  $ as S,
-  yt as W,
-  ot as a,
-  J as b,
-  pt as c,
-  mt as d,
-  Q as e,
-  Z as f,
-  C as g,
-  j as h,
-  u as i,
-  Xt as j,
-  N as k,
-  nt as l,
-  tt as m,
-  et as n,
-  f as o,
-  S as p,
-  _ as q,
-  b as r,
-  ls as s,
-  q as t
-};
-//# sourceMappingURL=avatar-CxDF7O9q.js.map