@mhmo91/schmancy 0.5.34 → 0.5.36

package/dist/{avatar-DnYQquLU.js → avatar-DJ7qYc6-.js}

@@ -1,74 +1,74 @@
 import { css as w, html as c, nothing as ft } from "lit";
 import { property as l, customElement as p, state as h, queryAssignedElements as gt, query as tt } from "lit/decorators.js";
-import { Subject as ot, merge as Q, fromEvent as d, startWith as Ot, map as v, debounceTime as G, tap as z, distinctUntilChanged as et, takeUntil as y, from as dt, of as J, Observable as It, BehaviorSubject as vt, timer as zt, zip as pt, filter as wt, take as Mt, timeout as jt, bufferTime as Pt, concatMap as Wt, interval as Ht, throwIfEmpty as Lt } from "rxjs";
-import "./animated-text-COvhr8E3.js";
-import { a as ut, F as At, H as Rt } from "./area.component-BHtBHWVt.js";
-import "./autocomplete-9RkU9LmA.js";
+import { Subject as ot, merge as Q, fromEvent as d, startWith as Et, map as v, debounceTime as G, tap as j, distinctUntilChanged as et, takeUntil as y, from as dt, of as J, Observable as It, BehaviorSubject as vt, timer as zt, zip as pt, filter as wt, take as Mt, timeout as jt, bufferTime as Pt, concatMap as Wt, interval as Ht, throwIfEmpty as Bt } from "rxjs";
+import "./animated-text-BEAHZetl.js";
+import { a as ut, F as Rt, H as Lt } from "./area.component-R4KQInpP.js";
+import "./autocomplete-DKYBmt2q.js";
+import { tap as L, takeUntil as M, filter as V, throttleTime as Nt, map as xt, pairwise as Tt, distinctUntilChanged as At, take as qt } from "rxjs/operators";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T as Z } from "./tailwind.mixin-BjDGMGbj.js";
-import { c as M, f as Nt } from "./ripple-Cy-nvO8W.js";
+import { T as Z } from "./tailwind.mixin-DGLcZhRp.js";
+import { c as P, f as _t } from "./ripple-Cy-nvO8W.js";
 import "lit/directives/guard.js";
-import "./boat-CUsJXaLf.js";
-import "./spinner-XN4W5ihQ.js";
-import "./icon-button-D6DH52j4.js";
-import "./media-CEnaqjig.js";
-import "./checkbox-D6-WQeEk.js";
-import "./suggestion-chip-CdhoATv9.js";
-import "./input-chip-DbIvSyvP.js";
-import "./code-preview-Z02-2suM.js";
-import "./payment-card-form-DLRNX9NX.js";
+import "./boat-BBFE1yJY.js";
+import "./spinner-DZcG-AtO.js";
+import "./icon-button-DwL4WnDE.js";
+import "./media-CF1lpFAm.js";
+import "./checkbox-geD1IIHh.js";
+import "./suggestion-chip-DADIje6B.js";
+import "./input-chip-CcNElytP.js";
+import "./code-preview-D2ZpTZ7C.js";
+import "./payment-card-form-wj2JWoyn.js";
 import { SchmancyEvents as m } from "./types.js";
-import { n as A, e as L } from "./provide-tcktw8xB.js";
-import { $ as j } from "./litElement.mixin-CzF0mNQd.js";
+import { n as N, e as R } from "./provide-tcktw8xB.js";
+import { $ as W } from "./litElement.mixin-Bkdw4DeE.js";
 import { c as u } from "./consume-5D1qfVWM.js";
-import "./date-range-kFnTrnHN.js";
-import "./date-range-inline-BXeX6T7R.js";
-import "./delay-Cz-9rZxi.js";
-import "./details-DeBtsJlp.js";
-import "./dialog-content-DTKdAF_l.js";
+import "./date-range-NB6Q02hz.js";
+import "./date-range-inline-DXBR0Ocx.js";
+import "./delay-DsOC-uuq.js";
+import "./details-D6Vq36lN.js";
+import "./dialog-content-XoKxxGTv.js";
 import "./dialog-service-CyQzm5qE.js";
-import "./divider-7iyyEd8k.js";
-import "./dropdown-content-_GMpqsNq.js";
-import "./timezone-BpDMR26D.js";
-import "./form-DNeKagke.js";
-import "./icon-CCMpTJTp.js";
-import "./input-DtHPCCyd.js";
-import "./flex-BeSoRNTu.js";
-import "./list-BBo0--_Q.js";
-import "./email-recipients-CPZlUiRR.js";
-import "./map-DeiCBxMP.js";
-import "./menu-wtkHGlyc.js";
+import "./divider-JaB5FtmR.js";
+import "./dropdown-content-Qzt-B1FB.js";
+import "./timezone-CZ0gCI2P.js";
+import "./form-DqA7DfNR.js";
+import "./icon-BtdeB2JT.js";
+import "./input-CuOmXLVJ.js";
+import "./flex-DauT7n0E.js";
+import "./list-Bou3BRYQ.js";
+import "./email-recipients-C3TfQU2c.js";
+import "./map-bUVyL7jN.js";
+import "./menu-C9mJa_ck.js";
 import { when as st } from "lit/directives/when.js";
-import "./navigation-rail-D-lK9oVd.js";
-import "./notification-service-ZiGUSd63.js";
-import "./option-BFlWiCu0.js";
-import "./progress-BYohUvYO.js";
-import "./radio-button-BlxeCjdq.js";
+import "./navigation-rail-Dh3B6B0L.js";
+import "./notification-service-IBQJTcmw.js";
+import "./option-DHGTgRBn.js";
+import "./progress-ZrDv_k3Z.js";
+import "./radio-button-D0pVoIe-.js";
 import "./index-CW6PhEkx.js";
-import "./select-BiN334GN.js";
-import "./sheet-DpJv4DRi.js";
+import "./select-SgSe22qC.js";
+import "./sheet-CevNG0tZ.js";
 import { s as it } from "./sheet.service-lXqUf6n5.js";
-import "./slider-D7qdxfvX.js";
-import "./schmancy-steps-container-BtAHCm73.js";
-import "./context-object-BE1o2XB3.js";
-import { tap as F, takeUntil as B, filter as V, throttleTime as qt, map as xt, pairwise as Tt, distinctUntilChanged as _t, take as Bt } from "rxjs/operators";
-import "./surface-CKrYJ58l.js";
-import "./table-CP6_NkPm.js";
-import "./tabs-compatibility-7QKuXX4i.js";
-import "./textarea-DHrDn-O6.js";
-import "./theme.component-ByGua01V.js";
-import "./theme-button-BEUsbH5m.js";
-import "./tooltip-B1jynZOH.js";
-import "./tree-BH1qCJ_U.js";
-import "./typewriter-DQbpNPtY.js";
-import "./typography-D71cmr0R.js";
+import "./slider-DIRocNv8.js";
+import "./schmancy-steps-container-vjioa19k.js";
+import "./context-create-DCiujzV2.js";
+import "./surface-_cS9Ehk0.js";
+import "./table-Bi2ftsJe.js";
+import "./tabs-compatibility-DA3RIq35.js";
+import "./textarea-CBb2CzKu.js";
+import "./theme.controls-BtaZcM7z.js";
+import "./theme-button-Z_xWXMaf.js";
+import "./tooltip-BSppSqZM.js";
+import "./tree-dEse6eMH.js";
+import "./typewriter-DBvUYzpl.js";
+import "./typography-iOtjgSkI.js";
 import { S as r } from "./theme.interface-BLfE5J_1.js";
-var Xt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, I = (t, e, s, o) => {
+var Xt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, z = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? Ut(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && Xt(e, s, i), i;
 };
-let S = class extends Z(w`
+let k = class extends Z(w`
 	:host {
 		display: inline-flex;
 	}
@@ -138,7 +138,7 @@ let S = class extends Z(w`
 				part="badge"
 				class="${this.classMap(i)}"
 				style="${this.styleMap(a)}"
-				${M({ bgColor: s.bg, color: s.text })}
+				${P({ bgColor: s.bg, color: s.text })}
 			>
 				<!-- Icon slot or named icon -->
 				<slot name="icon">
@@ -157,10 +157,10 @@ let S = class extends Z(w`
 		`;
   }
 };
-I([l({ type: String, reflect: !0 })], S.prototype, "color", 2), I([l({ type: String, reflect: !0 })], S.prototype, "size", 2), I([l({ type: String, reflect: !0 })], S.prototype, "shape", 2), I([l({ type: Boolean, reflect: !0 })], S.prototype, "outlined", 2), I([l({ type: String })], S.prototype, "icon", 2), I([l({ type: Boolean, reflect: !0 })], S.prototype, "pulse", 2), S = I([p("schmancy-badge")], S);
-let mt = class extends S {
+z([l({ type: String, reflect: !0 })], k.prototype, "color", 2), z([l({ type: String, reflect: !0 })], k.prototype, "size", 2), z([l({ type: String, reflect: !0 })], k.prototype, "shape", 2), z([l({ type: Boolean, reflect: !0 })], k.prototype, "outlined", 2), z([l({ type: String })], k.prototype, "icon", 2), z([l({ type: Boolean, reflect: !0 })], k.prototype, "pulse", 2), k = z([p("schmancy-badge")], k);
+let mt = class extends k {
 };
-mt = I([p("sch-badge")], mt);
+mt = z([p("sch-badge")], mt);
 const Ds = new class {
   constructor() {
     this.$drawer = new ot(), this.lastComponent = null, this.$drawer.pipe().subscribe((t) => {
@@ -191,12 +191,12 @@ const Ds = new class {
   push(t) {
     this.$drawer.next({ action: "push", ref: window, component: t });
   }
-}(), rt = A("push"), $t = A("close"), Ct = A(Math.floor(Math.random() * Date.now()).toString()), nt = A("100%"), at = A({});
-var Kt = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, P = (t, e, s, o) => {
-  for (var n, i = o > 1 ? void 0 : o ? Yt(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
+}(), rt = N("push"), $t = N("close"), Ct = N(Math.floor(Math.random() * Date.now()).toString()), nt = N("100%"), at = N({});
+var Kt = Object.defineProperty, Ft = Object.getOwnPropertyDescriptor, H = (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 k = class extends j(w`
+let D = class extends W(w`
 	:host {
 		position: relative;
 		inset: 0;
@@ -208,15 +208,15 @@ let k = class extends j(w`
     super(...arguments), this.minWidth = { main: 360, sheet: 576 }, this.schmancyContentDrawerID = Math.floor(Math.random() * Date.now()).toString(), this.maxHeight = "100%";
   }
   firstUpdated() {
-    Q(d(window, "resize"), d(window, m.ContentDrawerResize)).pipe(Ot(!0), v(() => this.clientWidth ? this.clientWidth : window.innerWidth), v((t) => t >= this.minWidth.main + this.minWidth.sheet), G(100), z(() => {
+    Q(d(window, "resize"), d(window, m.ContentDrawerResize)).pipe(Et(!0), v(() => this.clientWidth ? this.clientWidth : window.innerWidth), v((t) => t >= this.minWidth.main + this.minWidth.sheet), G(100), j(() => {
       this.maxHeight = window.innerHeight - this.getOffsetTop(this) - 32 + "px", this.style.setProperty("max-height", this.maxHeight);
     }), et(), y(this.disconnecting)).subscribe((t) => {
       t ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
-    }), d(window, m.ContentDrawerToggle).pipe(z((t) => {
+    }), d(window, m.ContentDrawerToggle).pipe(j((t) => {
       t.stopPropagation();
     }), v((t) => t.detail.state), y(this.disconnecting)).subscribe((t) => {
       this.open = t;
-    }), d(window, "schmancy-content-drawer-render").pipe(z((t) => {
+    }), d(window, "schmancy-content-drawer-render").pipe(j((t) => {
       t.stopPropagation();
     }), v((t) => t.detail), y(this.disconnecting)).subscribe(({ component: t, title: e }) => {
       this.mode === "push" ? (ut.push({ area: this.schmancyContentDrawerID, component: "empty", historyStrategy: "silent" }), ut.push({ area: this.schmancyContentDrawerID, component: t, historyStrategy: "silent" })) : (this.mode = "overlay") && it.open({ component: t, uid: this.schmancyContentDrawerID, title: e });
@@ -241,12 +241,12 @@ let k = class extends j(w`
 		` : ft;
   }
 };
-P([L({ context: at })], k.prototype, "minWidth", 2), P([L({ context: $t }), l()], k.prototype, "open", 2), P([L({ context: rt }), h()], k.prototype, "mode", 2), P([L({ context: Ct })], k.prototype, "schmancyContentDrawerID", 2), P([L({ context: nt })], k.prototype, "maxHeight", 2), P([gt({ flatten: !0 })], k.prototype, "assignedElements", 2), k = P([p("schmancy-content-drawer")], k);
-var Ft = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, q = (t, e, s, o) => {
+H([R({ context: at })], D.prototype, "minWidth", 2), H([R({ context: $t }), l()], D.prototype, "open", 2), H([R({ context: rt }), h()], D.prototype, "mode", 2), H([R({ context: Ct })], D.prototype, "schmancyContentDrawerID", 2), H([R({ context: nt })], D.prototype, "maxHeight", 2), H([gt({ flatten: !0 })], D.prototype, "assignedElements", 2), D = H([p("schmancy-content-drawer")], D);
+var Yt = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, q = (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 && Ft(e, s, i), i;
+  return o && i && Yt(e, s, i), i;
 };
-let R = class extends j(w`
+let T = class extends W(w`
 	:host {
 		display: block;
 		overflow: hidden;
@@ -279,12 +279,12 @@ let R = class extends j(w`
 		`;
   }
 };
-q([l({ type: Number })], R.prototype, "minWidth", 2), q([u({ context: at, subscribe: !0 })], R.prototype, "drawerMinWidth", 2), q([u({ context: rt, subscribe: !0 }), h()], R.prototype, "mode", 2), q([u({ context: nt, subscribe: !0 }), h()], R.prototype, "maxHeight", 2), R = q([p("schmancy-content-drawer-main")], R);
+q([l({ type: Number })], T.prototype, "minWidth", 2), q([u({ context: at, subscribe: !0 })], T.prototype, "drawerMinWidth", 2), q([u({ context: rt, subscribe: !0 }), h()], T.prototype, "mode", 2), q([u({ context: nt, subscribe: !0 }), h()], T.prototype, "maxHeight", 2), T = q([p("schmancy-content-drawer-main")], T);
 var Gt = Object.defineProperty, Jt = Object.getOwnPropertyDescriptor, x = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? Jt(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && Gt(e, s, i), i;
 };
-let b = class extends j(w`
+let b = class extends W(w`
 	:host {
 		overflow: scroll;
 	}
@@ -302,7 +302,7 @@ let b = class extends j(w`
     Q(dt(this.closeModalSheet()), dt(this.closeSheet())).pipe(y(this.disconnecting)).subscribe();
   }
   closeModalSheet() {
-    return J(!0).pipe(z(() => it.dismiss(this.schmancyContentDrawerID)));
+    return J(!0).pipe(j(() => it.dismiss(this.schmancyContentDrawerID)));
   }
   closeSheet() {
     return new It((t) => {
@@ -335,12 +335,12 @@ const Qt = new class {
   close(t) {
     this.$drawer.next({ self: t, state: !1 });
   }
-}(), Es = Qt, lt = A("push"), ct = A("close");
-var Zt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, X = (t, e, s, o) => {
+}(), Os = Qt, lt = N("push"), ct = N("close");
+var Zt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, U = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? te(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && Zt(e, s, i), i;
 };
-let T = class extends Z(w`
+let _ = class extends Z(w`
 	:host {
 		display: block;
 	}
@@ -369,9 +369,9 @@ let T = class extends Z(w`
 		`;
   }
 };
-X([u({ context: lt, subscribe: !0 }), h()], T.prototype, "sidebarMode", 2), X([u({ context: ct, subscribe: !0 }), h()], T.prototype, "sidebarOpen", 2), X([l({ type: Boolean })], T.prototype, "toggler", 2), T = X([p("schmancy-nav-drawer-appbar")], T);
+U([u({ context: lt, subscribe: !0 }), h()], _.prototype, "sidebarMode", 2), U([u({ context: ct, subscribe: !0 }), h()], _.prototype, "sidebarOpen", 2), U([l({ type: Boolean })], _.prototype, "toggler", 2), _ = U([p("schmancy-nav-drawer-appbar")], _);
 var ee = Object.getOwnPropertyDescriptor;
-let yt = class extends j(w`
+let yt = class extends W(w`
 	:host {
 		display: block;
 		position: relative;
@@ -392,11 +392,11 @@ yt = ((t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? ee(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = n(i) || i);
   return i;
 })([p("schmancy-nav-drawer-content")], yt);
-var se = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, N = (t, e, s, o) => {
+var se = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, A = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? ie(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && se(e, s, i), i;
 };
-let g = class extends j(w`
+let g = class extends W(w`
 	:host {
 		display: flex;
 		flex-grow: 1;
@@ -415,7 +415,7 @@ let g = class extends j(w`
   firstUpdated() {
     this.updateState(window.innerWidth), this._initialized = !0, this.setAttribute("data-ready", ""), d(window, "resize").pipe(v((t) => t.target.innerWidth), v((t) => t >= g.BREAKPOINTS[this.breakpoint]), et(), G(100), y(this.disconnecting)).subscribe((t) => {
       t ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
-    }), d(window, m.NavDrawer_toggle).pipe(z((t) => {
+    }), d(window, m.NavDrawer_toggle).pipe(j((t) => {
       t.stopPropagation();
     }), v((t) => t.detail.state), et(), y(this.disconnecting), G(10)).subscribe((t) => {
       this.mode === "push" && t === "close" || (this.open = t);
@@ -433,20 +433,20 @@ let g = class extends j(w`
 				flow="col"
 				justify="stretch"
 				align="stretch"
-				${Nt()}
+				${_t()}
 			>
 				<slot></slot>
 			</schmancy-grid>
 		` : ft;
   }
 };
-g.BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 }, N([l({ type: Boolean })], g.prototype, "fullscreen", 2), N([l({ type: String, attribute: "breakpoint" })], g.prototype, "breakpoint", 2), N([L({ context: lt }), h()], g.prototype, "mode", 2), N([L({ context: ct }), l()], g.prototype, "open", 2), N([h()], g.prototype, "_initialized", 2), g = N([p("schmancy-nav-drawer")], g);
-var oe = Object.defineProperty, re = Object.getOwnPropertyDescriptor, W = (t, e, s, o) => {
+g.BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 }, A([l({ type: Boolean })], g.prototype, "fullscreen", 2), A([l({ type: String, attribute: "breakpoint" })], g.prototype, "breakpoint", 2), A([R({ context: lt }), h()], g.prototype, "mode", 2), A([R({ context: ct }), l()], g.prototype, "open", 2), A([h()], g.prototype, "_initialized", 2), g = A([p("schmancy-nav-drawer")], g);
+var oe = Object.defineProperty, re = Object.getOwnPropertyDescriptor, B = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? re(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && oe(e, s, i), i;
 };
-const U = "cubic-bezier(0.5, 0.01, 0.25, 1)";
-let D = class extends j() {
+const K = "cubic-bezier(0.5, 0.01, 0.25, 1)";
+let O = class extends W() {
   constructor() {
     super(...arguments), this.width = "220px", this._initialized = !1;
   }
@@ -457,20 +457,20 @@ let D = class extends j() {
     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: U, fill: "forwards" });
+    this.overlay.style.display = "block", this.overlay.animate([{ opacity: 0 }, { opacity: 0.4 }], { duration: 200, easing: K, fill: "forwards" });
   }
   closeOverlay() {
-    this.overlay.animate([{ opacity: 0.4 }, { opacity: 0 }], { duration: 150, easing: U, fill: "forwards" }).onfinish = () => {
+    this.overlay.animate([{ opacity: 0.4 }, { opacity: 0 }], { duration: 150, easing: K, fill: "forwards" }).onfinish = () => {
       this.overlay.style.display = "none";
     };
   }
   showNavDrawer() {
-    this.nav.animate([{ transform: "translateX(-100%)" }, { transform: "translateX(0)" }], { duration: 200, easing: U, fill: "forwards" }).onfinish = () => {
+    this.nav.animate([{ transform: "translateX(-100%)" }, { transform: "translateX(0)" }], { duration: 200, easing: K, fill: "forwards" }).onfinish = () => {
       this.nav.style.transform = "translateX(0)";
     };
   }
   hideNavDrawer() {
-    this.nav.animate([{ transform: "translateX(0)" }, { transform: "translateX(-100%)" }], { duration: 200, easing: U, fill: "forwards" }).onfinish = () => {
+    this.nav.animate([{ transform: "translateX(0)" }, { transform: "translateX(-100%)" }], { duration: 200, easing: K, fill: "forwards" }).onfinish = () => {
       this.nav.style.transform = "translateX(-100%)";
     };
   }
@@ -483,20 +483,20 @@ let D = class extends j() {
 			<nav
 				style=${this.styleMap(e)}
 				class="${this.classMap({ ...t })}"
-				${M({ bgColor: r.sys.color.surface.container })}
+				${P({ bgColor: r.sys.color.surface.container })}
 			>
 				<slot></slot>
 			</nav>
 			<div
 				id="overlay"
-				${M({ bgColor: r.sys.color.scrim })}
+				${P({ bgColor: r.sys.color.scrim })}
 				@click=${this.handleOverlayClick}
 				class="${this.classMap({ "fixed inset-0 z-49 hidden": !0 })}"
 			></div>
 		`;
   }
 };
-W([u({ context: lt, subscribe: !0 }), h()], D.prototype, "mode", 2), W([u({ context: ct, subscribe: !0 }), h()], D.prototype, "drawerState", 2), W([tt("#overlay")], D.prototype, "overlay", 2), W([tt("nav")], D.prototype, "nav", 2), W([l({ type: String })], D.prototype, "width", 2), W([h()], D.prototype, "_initialized", 2), D = W([p("schmancy-nav-drawer-navbar")], D);
+B([u({ context: lt, subscribe: !0 }), h()], O.prototype, "mode", 2), B([u({ context: ct, subscribe: !0 }), h()], O.prototype, "drawerState", 2), B([tt("#overlay")], O.prototype, "overlay", 2), B([tt("nav")], O.prototype, "nav", 2), B([l({ type: String })], O.prototype, "width", 2), B([h()], O.prototype, "_initialized", 2), O = B([p("schmancy-nav-drawer-navbar")], O);
 var ne = Object.defineProperty, ae = Object.getOwnPropertyDescriptor, E = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? ae(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && ne(e, s, i), i;
@@ -561,9 +561,9 @@ let $ = class extends Z(w`
       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], zt(600).pipe(F(() => {
+        this.ripples = [...this.ripples, o], zt(600).pipe(L(() => {
           this.ripples = this.ripples.filter((n) => n.id !== o.id);
-        }), B(this.disconnecting)).subscribe();
+        }), M(this.disconnecting)).subscribe();
       }
     }, this.handleClick = (t) => {
       if (this.disabled) return t.preventDefault(), void t.stopPropagation();
@@ -582,17 +582,17 @@ let $ = class extends Z(w`
     this.active = t;
   }
   connectedCallback() {
-    super.connectedCallback(), this.active$.pipe(B(this.disconnecting)).subscribe(() => {
+    super.connectedCallback(), this.active$.pipe(M(this.disconnecting)).subscribe(() => {
       this.requestUpdate();
     }), this.setupNavigationStream();
   }
   setupNavigationStream() {
     const t = this.shadowRoot?.querySelector("button");
     if (!t) return;
-    const e = d(t, "click").pipe(V(() => !this.disabled)), s = d(t, "keydown").pipe(V(() => !this.disabled), V((o) => o.key === "Enter" || o.key === " "), F((o) => o.preventDefault()));
-    Q(e, s).pipe(F(() => {
+    const e = d(t, "click").pipe(V(() => !this.disabled)), s = d(t, "keydown").pipe(V(() => !this.disabled), V((o) => o.key === "Enter" || o.key === " "), L((o) => o.preventDefault()));
+    Q(e, s).pipe(L(() => {
       this.dispatchEvent(new CustomEvent("bar-item-click", { detail: { icon: this.icon, label: this.label, active: this.active }, bubbles: !0, composed: !0 }));
-    }), B(this.disconnecting)).subscribe();
+    }), M(this.disconnecting)).subscribe();
   }
   formatBadge(t) {
     const e = Number(t);
@@ -602,7 +602,7 @@ let $ = class extends Z(w`
     this.setupNavigationStream();
   }
   render() {
-    const t = this.querySelector("[slot]") || this.textContent?.trim() && !this.label, e = this.badge ? this.formatBadge(this.badge) : "", s = e && e !== "0", o = this.querySelector('[slot="icon"]'), n = { "relative flex flex-col items-center justify-center": !0, "flex-1 min-w-[48px] max-w-[168px]": !0, "py-2 px-1 cursor-pointer": !this.disabled, "transition-all duration-200": !0, "hover:bg-surface-container-high": !this.disabled && !this.active, "cursor-not-allowed opacity-38": this.disabled, "outline-none": !0, "focus-visible:outline-2 focus-visible:outline-offset-2": !0 }, i = { "w-16 h-8 rounded-2xl": !0, "flex items-center justify-center": !0, "transition-all duration-200": !0, "bg-secondary-container": this.active, "group-hover:bg-surface-container-highest": !this.active && !this.disabled, "relative overflow-hidden": !0 }, a = { "absolute top-0 right-3": !0, "min-w-[6px] h-1.5": !s, "min-w-[16px] h-4": s, "rounded-full": !s, "rounded-lg": s, "flex items-center justify-center": s, "px-1": s, "transition-all duration-200": !0, "z-10": !0 }, Dt = this.active ? { color: r.sys.color.secondary.onContainer } : { color: r.sys.color.surface.onVariant }, Et = { "--focus-color": r.sys.color.primary.default };
+    const t = this.querySelector("[slot]") || this.textContent?.trim() && !this.label, e = this.badge ? this.formatBadge(this.badge) : "", s = e && e !== "0", o = this.querySelector('[slot="icon"]'), n = { "relative flex flex-col items-center justify-center": !0, "flex-1 min-w-[48px] max-w-[168px]": !0, "py-2 px-1 cursor-pointer": !this.disabled, "transition-all duration-200": !0, "hover:bg-surface-container-high": !this.disabled && !this.active, "cursor-not-allowed opacity-38": this.disabled, "outline-none": !0, "focus-visible:outline-2 focus-visible:outline-offset-2": !0 }, i = { "w-16 h-8 rounded-2xl": !0, "flex items-center justify-center": !0, "transition-all duration-200": !0, "bg-secondary-container": this.active, "group-hover:bg-surface-container-highest": !this.active && !this.disabled, "relative overflow-hidden": !0 }, a = { "absolute top-0 right-3": !0, "min-w-[6px] h-1.5": !s, "min-w-[16px] h-4": s, "rounded-full": !s, "rounded-lg": s, "flex items-center justify-center": s, "px-1": s, "transition-all duration-200": !0, "z-10": !0 }, Dt = this.active ? { color: r.sys.color.secondary.onContainer } : { color: r.sys.color.surface.onVariant }, Ot = { "--focus-color": r.sys.color.primary.default };
     return c`
 			<button
 				type="button"
@@ -612,8 +612,8 @@ let $ = class extends Z(w`
 				?disabled=${this.disabled}
 				aria-pressed=${this.active}
 				aria-label=${this.label || "Navigation item"}
-				style=${this.styleMap({ ...Et, "outline-color": "var(--focus-color)" })}
-				${M(Dt)}
+				style=${this.styleMap({ ...Ot, "outline-color": "var(--focus-color)" })}
+				${P(Dt)}
 			>
 				<!-- Icon with indicator background -->
 				<div class=${this.classMap(i)}>
@@ -647,7 +647,7 @@ let $ = class extends Z(w`
 					<span
 						class=${this.classMap(a)}
 						aria-label="${e} notifications"
-						${M({ bgColor: r.sys.color.error.default, color: r.sys.color.error.on })}
+						${P({ bgColor: r.sys.color.error.default, color: r.sys.color.error.on })}
 					>
 						<span class="text-[10px] font-medium leading-none">${e}</span>
 					</span>
@@ -655,7 +655,7 @@ let $ = class extends Z(w`
 					<span
 						class=${this.classMap(a)}
 						aria-label="Has notifications"
-						${M({ bgColor: r.sys.color.error.default })}
+						${P({ bgColor: r.sys.color.error.default })}
 					></span>
 				` : ""}
 			</button>
@@ -663,11 +663,11 @@ let $ = class extends Z(w`
   }
 };
 E([l({ type: String })], $.prototype, "icon", 2), E([l({ type: String })], $.prototype, "label", 2), E([l({ type: String })], $.prototype, "badge", 2), E([l({ type: Boolean, reflect: !0 })], $.prototype, "active", 1), E([l({ type: Boolean, reflect: !0 })], $.prototype, "disabled", 2), E([l({ type: Boolean, reflect: !0 })], $.prototype, "hideLabels", 2), E([h()], $.prototype, "ripples", 2), $ = E([p("schmancy-navigation-bar-item")], $);
-var le = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, H = (t, e, s, o) => {
+var le = Object.defineProperty, ce = Object.getOwnPropertyDescriptor, I = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? ce(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && le(e, s, i), i;
 };
-let O = class extends Z(w`
+let C = class extends Z(w`
 	:host {
 		display: block;
 		position: fixed;
@@ -695,14 +695,14 @@ let O = class extends Z(w`
 	}
 `) {
   constructor() {
-    super(...arguments), this.activeIndex$ = new vt(-1), this.hideLabels = !1, this.elevation = 2, this.hideOnScroll = !1, this.focusedIndex = -1, this.isHidden = !1, this.SCROLL_THRESHOLD = 10, this.handleItemClick = (t) => {
-      const e = this.querySelectorAll("schmancy-navigation-bar-item"), s = t.target, o = Array.from(e).indexOf(s);
+    super(...arguments), this.activeIndex$ = new vt(-1), this.hideLabels = !1, this.elevation = 2, this.hideOnScroll = !1, this.focusedIndex = -1, this.isHiddenByScroll = !1, this.isFullscreen = !1, this.SCROLL_THRESHOLD = 10, this.handleItemClick = (t) => {
+      const e = this.getItems(), s = t.target, o = e.indexOf(s);
       if (o !== -1 && this.activeIndex !== o) {
         const n = this.activeIndex;
         this.activeIndex = o, this.dispatchEvent(new CustomEvent("navigation-change", { detail: { oldIndex: n, newIndex: o, item: s }, bubbles: !0, composed: !0 }));
       }
     }, this.handleKeyDown = (t) => {
-      const e = Array.from(this.querySelectorAll("schmancy-navigation-bar-item")), s = this.focusedIndex === -1 ? this.activeIndex : this.focusedIndex;
+      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);
@@ -728,22 +728,26 @@ let O = class extends Z(w`
   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(), this.addEventListener("bar-item-click", this.handleItemClick), this.addEventListener("keydown", this.handleKeyDown), this.activeIndex$.pipe(B(this.disconnecting)).subscribe((t) => {
+    super.connectedCallback(), d(this, "bar-item-click").pipe(L((t) => this.handleItemClick(t)), M(this.disconnecting)).subscribe(), d(this, "keydown").pipe(L((t) => this.handleKeyDown(t)), M(this.disconnecting)).subscribe(), this.activeIndex$.pipe(M(this.disconnecting)).subscribe((t) => {
       this.updateActiveStates(t);
-    }), this.hideOnScroll && this.setupScrollListener(), this.updateItems();
+    }), d(window, "fullscreen").pipe(L((t) => {
+      const e = t;
+      this.isFullscreen = e.detail;
+    }), M(this.disconnecting)).subscribe(), this.hideOnScroll && this.setupScrollListener(), this.updateItems();
   }
   setupScrollListener() {
-    d(window, "scroll").pipe(qt(100), xt(() => window.scrollY), Tt(), V(([t, e]) => Math.abs(e - t) > this.SCROLL_THRESHOLD), F(([t, e]) => {
+    d(window, "scroll").pipe(Nt(100), xt(() => window.scrollY), Tt(), V(([t, e]) => Math.abs(e - t) > this.SCROLL_THRESHOLD), L(([t, e]) => {
       const s = e < t;
-      e > t && !this.isHidden ? this.isHidden = !0 : s && this.isHidden && (this.isHidden = !1), e <= this.SCROLL_THRESHOLD && (this.isHidden = !1);
-    }), B(this.disconnecting)).subscribe();
-  }
-  disconnectedCallback() {
-    this.removeEventListener("bar-item-click", this.handleItemClick), this.removeEventListener("keydown", this.handleKeyDown), super.disconnectedCallback();
+      e > t && !this.isHiddenByScroll ? this.isHiddenByScroll = !0 : s && this.isHiddenByScroll && (this.isHiddenByScroll = !1), e <= this.SCROLL_THRESHOLD && (this.isHiddenByScroll = !1);
+    }), M(this.disconnecting)).subscribe();
   }
   focusItem(t) {
-    const e = this.querySelectorAll("schmancy-navigation-bar-item");
+    const e = this.getItems();
     e[t] && (this.focusedIndex = t, e[t].focus());
   }
   updateItems() {
@@ -755,35 +759,42 @@ let O = class extends Z(w`
       t.addEventListener("slotchange", e), e();
     }
   }
+  addBoatItem(t) {
+    const e = document.createElement("schmancy-navigation-bar-item");
+    e.setAttribute("value", t.id), e.innerHTML = `
+			<schmancy-icon>${t.icon || "widgets"}</schmancy-icon>
+			<span>${t.title}</span>
+		`, this.appendChild(e);
+  }
   updateActiveStates(t) {
-    this.querySelectorAll("schmancy-navigation-bar-item").forEach((e, s) => {
+    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.isHidden = !1));
+    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 = { "h-20": !0, "fixed bottom-0 left-0 right-0": !0, "flex items-center justify-around": !0, "px-2 py-3 box-border": !0, "transition-all duration-200 ease-in-out": !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 }, e = this.isHidden ? "translateY(100%)" : "translateY(0)";
+    const t = this.isFullscreen || this.isHiddenByScroll, e = { "h-20": !0, "fixed bottom-0 left-0 right-0": !0, "flex items-center justify-around": !0, "px-2 py-3 box-border": !0, "transition-all duration-300 ease-in-out": !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(t)}
+				class=${this.classMap(e)}
 				role="navigation"
 				aria-label="Main navigation"
-				aria-hidden=${this.isHidden}
-				style="transform: ${e};"
-				${M({ bgColor: r.sys.color.surface.container, color: r.sys.color.surface.on })}
+				aria-hidden=${t}
+				style="transform: ${s};"
+				${P({ bgColor: r.sys.color.surface.container, color: r.sys.color.surface.on })}
 			>
 				<slot></slot>
 			</nav>
 		`;
   }
 };
-H([l({ type: Number })], O.prototype, "activeIndex", 1), H([l({ type: Boolean, reflect: !0 })], O.prototype, "hideLabels", 2), H([l({ type: Number, reflect: !0 })], O.prototype, "elevation", 2), H([l({ type: Boolean, reflect: !0 })], O.prototype, "hideOnScroll", 2), H([h()], O.prototype, "focusedIndex", 2), H([h()], O.prototype, "isHidden", 2), O = H([p("schmancy-navigation-bar")], O);
-const St = "whereAreYouRicky", kt = "hereMorty", K = new class {
+I([l({ type: Number })], C.prototype, "activeIndex", 1), I([l({ type: Boolean, reflect: !0 })], C.prototype, "hideLabels", 2), I([l({ type: Number, reflect: !0 })], C.prototype, "elevation", 2), I([l({ type: Boolean, reflect: !0 })], C.prototype, "hideOnScroll", 2), I([h()], C.prototype, "focusedIndex", 2), I([h()], C.prototype, "isHiddenByScroll", 2), I([h()], C.prototype, "isFullscreen", 2), C = I([p("schmancy-navigation-bar")], C);
+const St = "whereAreYouRicky", kt = "hereMorty", F = new class {
   constructor() {
-    this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new ot(), this.find = (t) => pt([d(window, kt).pipe(wt((e) => !!e.detail.component.uuid && !!t.id && e.detail.component.id === t.id && e.detail.component.uuid !== t.uuid), v((e) => e.detail.component), Mt(1)), J(t).pipe(z(() => {
+    this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new ot(), this.find = (t) => pt([d(window, kt).pipe(wt((e) => !!e.detail.component.uuid && !!t.id && e.detail.component.id === t.id && e.detail.component.uuid !== t.uuid), v((e) => e.detail.component), Mt(1)), J(t).pipe(j(() => {
       window.dispatchEvent(new CustomEvent(St, { detail: { id: t.id, callerID: t.uuid } }));
     }))]).pipe(v(([e]) => e), jt(0)), this.flip = (t) => {
       const { from: e, to: s } = t, o = s.element.style.zIndex;
@@ -796,13 +807,13 @@ const St = "whereAreYouRicky", kt = "hereMorty", K = new class {
   }
 }();
 function bt(t) {
-  return Ht(50).pipe(xt(() => t.getBoundingClientRect()), _t((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), Bt(1));
+  return Ht(50).pipe(xt(() => t.getBoundingClientRect()), At((e, s) => e.width === s.width && e.height === s.height && e.top === s.top && e.right === s.right && e.bottom === s.bottom && e.left === s.left), qt(1));
 }
 var he = Object.defineProperty, de = Object.getOwnPropertyDescriptor, Y = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? de(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 && he(e, s, i), i;
 };
-let _ = class extends j(w``) {
+let X = class extends W(w``) {
   constructor() {
     super(...arguments), this.uuid = Math.floor(Math.random() * Date.now()), this.delay = 0, this.debugging = !1;
   }
@@ -811,20 +822,20 @@ let _ = class extends j(w``) {
   }
   connectedCallback() {
     if (this.id === void 0) throw new Error("id is required");
-    super.connectedCallback(), Q(d(window, At).pipe(z({ next: () => {
-      this.dispatchEvent(new CustomEvent(Rt, { detail: { component: this }, bubbles: !0, composed: !0 }));
-    } })), d(window, St).pipe(z({ next: (t) => {
+    super.connectedCallback(), Q(d(window, Rt).pipe(j({ next: () => {
+      this.dispatchEvent(new CustomEvent(Lt, { detail: { component: this }, bubbles: !0, composed: !0 }));
+    } })), d(window, St).pipe(j({ next: (t) => {
       t.detail.id === this.id && this.uuid && t.detail.callerID !== this.uuid && this.dispatchEvent(new CustomEvent(kt, { detail: { component: this }, bubbles: !0, composed: !0 }));
     } }))).pipe(y(this.disconnecting)).subscribe();
   }
   async firstUpdated() {
-    J(K.activeTeleportations.get(this.id)).pipe(wt((t) => !!t), y(this.disconnecting), Lt()).subscribe({ next: (t) => {
+    J(F.activeTeleportations.get(this.id)).pipe(wt((t) => !!t), y(this.disconnecting), Bt()).subscribe({ next: (t) => {
       this.style.setProperty("visibility", "hidden"), bt(this).pipe(y(this.disconnecting)).subscribe({ next: (e) => {
-        K.activeTeleportations.set(this.id, e), K.flipRequests.next({ from: { rect: t }, to: { rect: e, element: this._slottedChildren[0] }, host: this });
+        F.activeTeleportations.set(this.id, e), F.flipRequests.next({ from: { rect: t }, to: { rect: e, element: this._slottedChildren[0] }, host: this });
       } });
     }, error: () => {
       this.style.setProperty("visibility", "visible"), bt(this).pipe(y(this.disconnecting)).subscribe({ next: (t) => {
-        K.activeTeleportations.set(this.id, t);
+        F.activeTeleportations.set(this.id, t);
       } });
     }, complete: () => {
     } });
@@ -833,12 +844,12 @@ let _ = class extends j(w``) {
     return c`<slot></slot>`;
   }
 };
-Y([l({ type: Number, reflect: !0 })], _.prototype, "uuid", 2), Y([l({ type: String })], _.prototype, "id", 2), Y([l({ type: Number })], _.prototype, "delay", 2), _ = Y([p("schmancy-teleport")], _);
-var pe = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, C = (t, e, s, o) => {
+Y([l({ type: Number, reflect: !0 })], X.prototype, "uuid", 2), Y([l({ type: String })], X.prototype, "id", 2), Y([l({ type: Number })], X.prototype, "delay", 2), X = Y([p("schmancy-teleport")], X);
+var pe = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, S = (t, e, s, o) => {
   for (var n, i = o > 1 ? void 0 : o ? ue(e, s) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (i = (o ? n(e, s, i) : n(i)) || i);
   return o && i && pe(e, s, i), i;
 };
-let f = class extends j() {
+let f = class extends W() {
   constructor() {
     super(...arguments), this.initials = "", this.src = "", this.icon = "", this.size = "md", this.color = "primary", this.shape = "circle", this.bordered = !1, this.status = "none";
   }
@@ -854,7 +865,7 @@ let f = class extends j() {
   }
   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 M(t[this.color]);
+    return P(t[this.color]);
   }
   renderStatusIndicator() {
     const t = { online: r.sys.color.success.default, offline: r.sys.color.surface.onVariant, busy: r.sys.color.error.default, away: r.sys.color.tertiary.default }, e = { "absolute bottom-0 right-0 rounded-full border-2 border-surface-default": !0, [{ xs: "w-1.5 h-1.5", sm: "w-2 h-2", md: "w-2.5 h-2.5", lg: "w-3 h-3", xl: "w-4 h-4" }[this.size]]: !0 };
@@ -863,11 +874,11 @@ let f = class extends j() {
 		`;
   }
 };
-C([l({ type: String })], f.prototype, "initials", 2), C([l({ type: String })], f.prototype, "src", 2), C([l({ type: String })], f.prototype, "icon", 2), C([l({ type: String })], f.prototype, "size", 2), C([l({ type: String })], f.prototype, "color", 2), C([l({ type: String })], f.prototype, "shape", 2), C([l({ type: Boolean })], f.prototype, "bordered", 2), C([l({ type: String })], f.prototype, "status", 2), f = C([p("schmancy-avatar")], f);
+S([l({ type: String })], f.prototype, "initials", 2), S([l({ type: String })], f.prototype, "src", 2), S([l({ type: String })], f.prototype, "icon", 2), S([l({ type: String })], f.prototype, "size", 2), S([l({ type: String })], f.prototype, "color", 2), S([l({ type: String })], f.prototype, "shape", 2), S([l({ type: Boolean })], f.prototype, "bordered", 2), S([l({ type: String })], f.prototype, "status", 2), f = S([p("schmancy-avatar")], f);
 export {
-  Es as $,
+  Os as $,
   kt as H,
-  S,
+  k as S,
   St as W,
   mt as a,
   rt as b,
@@ -875,21 +886,21 @@ export {
   Ct as d,
   nt as e,
   at as f,
-  k as g,
-  R as h,
+  D as g,
+  T as h,
   b as i,
   Qt as j,
-  T as k,
+  _ as k,
   yt as l,
   lt as m,
   ct as n,
   g as o,
-  D as p,
+  O as p,
   $ as q,
-  O as r,
+  C as r,
   Ds as s,
-  _ as t,
-  K as u,
+  X as t,
+  F as u,
   f as v
 };
-//# sourceMappingURL=avatar-DnYQquLU.js.map
+//# sourceMappingURL=avatar-DJ7qYc6-.js.map