@mhmo91/schmancy 0.2.179 → 0.2.184

package/dist/{avatar-nGtrl569.js → avatar-BwyUTdF_.js}

@@ -1,59 +1,59 @@
 import { css as w, html as l, nothing as mt } from "lit";
 import { property as c, customElement as h, state as d, queryAssignedElements as ut, query as J } from "lit/decorators.js";
-import { Subject as tt, merge as et, fromEvent as f, startWith as xt, tap as $, map as v, debounceTime as V, distinctUntilChanged as L, takeUntil as y, from as at, of as F, Observable as Ct, zip as ct, filter as bt, take as $t, timeout as Ot, bufferTime as St, concatMap as Dt, interval as jt, throwIfEmpty as Et } from "rxjs";
-import "./animated-text-Xt-2aEHG.js";
-import { a as lt, F as zt, H as kt } from "./area.component-CIz5wQ1b.js";
-import "./autocomplete-B1QsJ_x-.js";
+import { Subject as tt, merge as et, fromEvent as f, startWith as xt, tap as C, map as v, debounceTime as V, distinctUntilChanged as L, takeUntil as y, from as at, of as F, Observable as $t, zip as ct, filter as gt, take as Ct, timeout as Ot, bufferTime as St, concatMap as Dt, interval as zt, throwIfEmpty as Et } from "rxjs";
+import "./animated-text-DhGPJ-G5.js";
+import { a as lt, F as jt, H as kt } from "./area.component-DNmuUCm9.js";
+import "./autocomplete-CuiPRSlC.js";
 import "lit/directives/class-map.js";
 import "lit/directives/style-map.js";
-import { T } from "./tailwind.mixin-qCpNU5bd.js";
+import { T } from "./tailwind.mixin-Bne2X3xd.js";
 import { c as W, f as Mt } from "./ripple-BumgqsDT.js";
-import "./spinner-CQOXrtow.js";
-import "./icon-button-YUz9lEvX.js";
-import { S as a } from "./theme.interface-C5Kj6WjD.js";
-import "./checkbox-BDBWkxtE.js";
-import "./chips-CEEnmVL5.js";
-import "./payment-card-form-BidM0Uhz.js";
+import "./spinner-Cx-GWgNp.js";
+import "./icon-button-I7gYsJRy.js";
+import { S as i } from "./theme.interface-C5Kj6WjD.js";
+import "./checkbox-DcIrn_Wq.js";
+import "./chips-BL-ltDVQ.js";
+import "./payment-card-form-S1sRlrgq.js";
 import { SchmancyEvents as m } from "./types.js";
 import { n as P, e as M } from "./provide-hwQSumt-.js";
-import { $ as j } from "./litElement.mixin-COog0CXV.js";
+import { $ as z } from "./litElement.mixin-vo7nRHAa.js";
 import { c as p } from "./consume-B05Dd6qy.js";
-import "./date-range-CYUXWjf7.js";
-import "./delay-D7tikEF6.js";
-import "./dialog-service-Dp9n-iYw.js";
-import "./divider-6PQ2zS2m.js";
-import "./dropdown-content-Dxra1QoF.js";
-import "./timezone-BwvYFc82.js";
-import "./form-BT700HyQ.js";
-import "./icon-0HBHJdBz.js";
-import "./input-B_PdFYbP.js";
-import "./flex-Ba1VHord.js";
-import "./list-DLxupHod.js";
-import "./menu-DPHp4gMi.js";
+import "./date-range-SzxBN8Rn.js";
+import "./delay-BPbI-RNJ.js";
+import "./dialog-service-DmKX7FDG.js";
+import "./divider-BL4lnwZy.js";
+import "./dropdown-content-BEiowQZ8.js";
+import "./timezone-C4yDzDx_.js";
+import "./form-C94CbzJg.js";
+import "./icon-BxZTVwvU.js";
+import "./input-ykJRRidv.js";
+import "./flex-BSL-IFKp.js";
+import "./list-CpJuuk0j.js";
+import "./menu-AIxfPp33.js";
 import { when as Q } from "lit/directives/when.js";
-import "./notification-service-MrCfqWvW.js";
-import "./option-DNdHkboR.js";
-import "./radio-group-ay0sh7ZE.js";
+import "./notification-service-Bv3QP-o4.js";
+import "./option-Cb9gjwRp.js";
+import "./radio-group-DdqAPgzK.js";
 import "./index-CuY8m6ta.js";
-import "./select-BXous56R.js";
-import { s as Z } from "./sheet-DOkKWfz2.js";
-import "./slider-DOEXErC5.js";
-import "./schmancy-steps-container-C7zsS6C6.js";
+import "./select-DnXezNTS.js";
+import { s as Z } from "./sheet-CBEF7EAx.js";
+import "./slider-ChmRrorI.js";
+import "./schmancy-steps-container-BiUnWy6H.js";
 import "./context-object-CISes2bD.js";
 import { map as Wt, distinctUntilChanged as Pt, take as It } from "rxjs/operators";
-import "./surface-F1HQR3OS.js";
-import "./table-CGsVUEWl.js";
-import "./tabs-group-FdbxH4M2.js";
-import "./textarea-4PL9LQT_.js";
-import "./theme.component-C7j176AP.js";
-import "./theme-button-D19t0FIY.js";
-import "./tooltip-hdpdVnSj.js";
-import "./tree-V6zBBSFp.js";
-import "./typewriter-Bj9qdc_5.js";
-import "./typography-BRnX9hbT.js";
-var Nt = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor, E = (t, e, r, i) => {
-  for (var o, s = i > 1 ? void 0 : i ? Tt(e, r) : e, n = t.length - 1; n >= 0; n--) (o = t[n]) && (s = (i ? o(e, r, s) : o(s)) || s);
-  return i && s && Nt(e, r, s), s;
+import "./surface-OND0TEqD.js";
+import "./table-n1DqMDki.js";
+import "./tabs-group-R7j5l5H-.js";
+import "./textarea-CXmKiBQx.js";
+import "./theme.component-CznJ2sba.js";
+import "./theme-button-C8LA_gnm.js";
+import "./tooltip-D8c1qu-0.js";
+import "./tree-Djtylxg3.js";
+import "./typewriter-BZHC-sUN.js";
+import "./typography-BZIT81T6.js";
+var Nt = Object.defineProperty, Tt = Object.getOwnPropertyDescriptor, E = (t, e, r, o) => {
+  for (var n, s = o > 1 ? void 0 : o ? Tt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
+  return o && s && Nt(e, r, s), s;
 };
 let O = class extends T(w`
 	:host {
@@ -64,6 +64,8 @@ let O = class extends T(w`
 		display: flex;
 		align-items: center;
 		line-height: 1;
+		letter-spacing: 0.01em;
+		font-kerning: normal;
 	}
 
 	/* Improved vertical alignment for icon and text */
@@ -90,6 +92,35 @@ let O = class extends T(w`
 		align-items: center;
 		justify-content: center;
 	}
+
+	/* Elegant hover effect for better interactivity */
+	:host([outlined]) div[part="badge"] {
+		transition: all 0.2s ease;
+	}
+
+	:host([outlined]) div[part="badge"]:hover {
+		filter: brightness(0.95);
+		transform: translateY(-1px);
+	}
+
+	/* Non-outlined badges get subtle hover effects */
+	:host(:not([outlined])) div[part="badge"]:hover {
+		filter: brightness(0.98);
+	}
+
+	/* 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;
@@ -97,13 +128,13 @@ let O = class extends T(w`
   getSizeClasses() {
     switch (this.size) {
       case "xs":
-        return "text-xs py-1 px-1.5 gap-0.5 leading-none";
+        return "text-xs py-0.75 px-1.5 gap-0.5 leading-none";
       case "sm":
-        return "text-xs py-1.5 px-2 gap-0.5 tracking-wide leading-none";
+        return "text-xs py-1.5 px-2.5 gap-0.5 tracking-wide leading-none";
       case "lg":
-        return "text-base py-2 px-3 gap-1 tracking-wide";
+        return "text-base py-2 px-4 gap-1 tracking-wide";
       default:
-        return "text-sm py-1.5 px-2.5 gap-0.5";
+        return "text-sm py-1.5 px-3 gap-0.5";
     }
   }
   getShapeClasses() {
@@ -133,22 +164,22 @@ let O = class extends T(w`
     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" : a.sys.color.primary.container, text: this.outlined ? a.sys.color.primary.default : a.sys.color.primary.onContainer, border: this.outlined ? a.sys.color.primary.default : void 0 }, secondary: { bg: this.outlined ? "transparent" : a.sys.color.secondary.container, text: this.outlined ? a.sys.color.secondary.default : a.sys.color.secondary.onContainer, border: this.outlined ? a.sys.color.secondary.default : void 0 }, tertiary: { bg: this.outlined ? "transparent" : a.sys.color.tertiary.container, text: this.outlined ? a.sys.color.tertiary.default : a.sys.color.tertiary.onContainer, border: this.outlined ? a.sys.color.tertiary.default : void 0 }, success: { bg: this.outlined ? "transparent" : a.sys.color.success.container, text: this.outlined ? a.sys.color.success.default : a.sys.color.success.onContainer, border: this.outlined ? a.sys.color.success.default : void 0 }, warning: { bg: this.outlined ? "transparent" : a.sys.color.tertiary.container, text: this.outlined ? a.sys.color.tertiary.default : a.sys.color.tertiary.onContainer, border: this.outlined ? a.sys.color.tertiary.default : void 0 }, error: { bg: this.outlined ? "transparent" : a.sys.color.error.container, text: this.outlined ? a.sys.color.error.default : a.sys.color.error.onContainer, border: this.outlined ? a.sys.color.error.default : void 0 }, neutral: { bg: this.outlined ? "transparent" : a.sys.color.surface.high, text: (this.outlined, a.sys.color.surface.on), border: this.outlined ? a.sys.color.outline : void 0 } }[this.color];
+    return { primary: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${i.sys.color.primary.container} 92%, ${i.sys.color.primary.default} 8%)`, text: this.outlined ? i.sys.color.primary.default : i.sys.color.primary.onContainer, border: this.outlined ? `color-mix(in srgb, ${i.sys.color.primary.default} 90%, ${i.sys.color.surface.highest} 10%)` : void 0 }, secondary: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${i.sys.color.secondary.container} 95%, ${i.sys.color.secondary.default} 5%)`, text: this.outlined ? i.sys.color.secondary.default : i.sys.color.secondary.onContainer, border: this.outlined ? `color-mix(in srgb, ${i.sys.color.secondary.default} 85%, ${i.sys.color.surface.highest} 15%)` : void 0 }, tertiary: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${i.sys.color.tertiary.container} 94%, ${i.sys.color.tertiary.default} 6%)`, text: this.outlined ? i.sys.color.tertiary.default : i.sys.color.tertiary.onContainer, border: this.outlined ? `color-mix(in srgb, ${i.sys.color.tertiary.default} 88%, ${i.sys.color.surface.highest} 12%)` : void 0 }, success: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${i.sys.color.success.container} 90%, ${i.sys.color.success.default} 10%)`, text: this.outlined ? i.sys.color.success.default : i.sys.color.success.onContainer, border: this.outlined ? `color-mix(in srgb, ${i.sys.color.success.default} 85%, ${i.sys.color.surface.bright} 15%)` : void 0 }, warning: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${i.sys.color.tertiary.container} 85%, ${i.sys.color.tertiary.default} 15%)`, text: this.outlined ? i.sys.color.tertiary.default : i.sys.color.tertiary.onContainer, border: this.outlined ? `color-mix(in srgb, ${i.sys.color.tertiary.default} 90%, ${i.sys.color.surface.highest} 10%)` : void 0 }, error: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${i.sys.color.error.container} 92%, ${i.sys.color.error.default} 8%)`, text: this.outlined ? i.sys.color.error.default : i.sys.color.error.onContainer, border: this.outlined ? `color-mix(in srgb, ${i.sys.color.error.default} 88%, ${i.sys.color.surface.bright} 12%)` : void 0 }, neutral: { bg: this.outlined ? "transparent" : `color-mix(in srgb, ${i.sys.color.surface.high} 95%, ${i.sys.color.outline} 5%)`, text: this.outlined ? `color-mix(in srgb, ${i.sys.color.surface.on} 95%, ${i.sys.color.surface.default} 5%)` : i.sys.color.surface.on, border: this.outlined ? `color-mix(in srgb, ${i.sys.color.outline} 85%, ${i.sys.color.surface.highest} 15%)` : void 0 } }[this.color];
   }
   render() {
-    const t = this.getSizeClasses(), e = this.getShapeClasses(), r = this.getColorStyles(), i = this.getIconSize(), o = this.getExoticStyles(), s = { "inline-flex items-center justify-center font-medium": !0, [t]: !0, [e]: !0, "animate-pulse": this.pulse, "border border-solid": this.outlined, "shadow-sm": !this.outlined && this.size !== "xs" }, n = { borderColor: r.border, ...o };
+    const t = this.getSizeClasses(), e = this.getShapeClasses(), r = this.getColorStyles(), o = this.getIconSize(), n = this.getExoticStyles(), s = { "inline-flex items-center justify-center font-medium": !0, [t]: !0, [e]: !0, "animate-pulse": this.pulse, "border border-solid": this.outlined, "shadow-sm": !this.outlined && this.size === "sm", shadow: !this.outlined && this.size === "md", "shadow-md": !this.outlined && this.size === "lg" }, a = { borderColor: r.border, transition: "all 0.2s ease", ...this.outlined ? { backdropFilter: "blur(4px)", borderWidth: "1px" } : {}, ...this.size !== "lg" || this.outlined ? {} : { boxShadow: "0 1px 2px rgba(0, 0, 0, 0.06), 0 1px 3px rgba(0, 0, 0, 0.1)" }, ...n };
     return l`
 			<div
 				part="badge"
 				class="${this.classMap(s)}"
-				style="${this.styleMap(n)}"
+				style="${this.styleMap(a)}"
 				${W({ bgColor: r.bg, color: r.text })}
 			>
 				<!-- Icon slot or named icon -->
 				<slot name="icon">
 					${this.icon ? l`
 								<div part="icon" class="icon-container flex-shrink-0 flex items-center justify-center">
-									<schmancy-icon .size=${i} class="flex items-center">${this.icon}</schmancy-icon>
+									<schmancy-icon .size=${o} class="flex items-center">${this.icon}</schmancy-icon>
 								</div>
 							` : ""}
 				</slot>
@@ -172,13 +203,13 @@ let ht = class extends T(w`
     return l` <section class="pb-4 px-4"><slot> </slot></section> `;
   }
 };
-ht = ((t, e, r, i) => {
-  for (var o, s = i > 1 ? void 0 : i ? Xt(e, r) : e, n = t.length - 1; n >= 0; n--) (o = t[n]) && (s = o(s) || s);
+ht = ((t, e, r, o) => {
+  for (var n, s = o > 1 ? void 0 : o ? Xt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = n(s) || s);
   return s;
 })([h("schmancy-card-action")], ht);
-var _t = Object.defineProperty, At = Object.getOwnPropertyDescriptor, Y = (t, e, r, i) => {
-  for (var o, s = i > 1 ? void 0 : i ? At(e, r) : e, n = t.length - 1; n >= 0; n--) (o = t[n]) && (s = (i ? o(e, r, s) : o(s)) || s);
-  return i && s && _t(e, r, s), s;
+var _t = Object.defineProperty, At = Object.getOwnPropertyDescriptor, Y = (t, e, r, o) => {
+  for (var n, s = o > 1 ? void 0 : o ? At(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
+  return o && s && _t(e, r, s), s;
 };
 let H = class extends T() {
   constructor() {
@@ -195,7 +226,7 @@ Y([c()], H.prototype, "type", 2), Y([c({ type: Number })], H.prototype, "elevati
 var Ht = Object.getOwnPropertyDescriptor;
 let dt = class extends T() {
   render() {
-    const t = a.sys.color.surface.on, e = a.sys.color.surface.onVariant;
+    const t = i.sys.color.surface.on, e = i.sys.color.surface.onVariant;
     return l`<schmancy-grid gap="md" class="${this.classMap({ "px-[16px] py-[24px]": !0 })}">
 			<schmancy-grid gap="xs">
 				<schmancy-typography
@@ -219,13 +250,13 @@ let dt = class extends T() {
 		</schmancy-grid>`;
   }
 };
-dt = ((t, e, r, i) => {
-  for (var o, s = i > 1 ? void 0 : i ? Ht(e, r) : e, n = t.length - 1; n >= 0; n--) (o = t[n]) && (s = o(s) || s);
+dt = ((t, e, r, o) => {
+  for (var n, s = o > 1 ? void 0 : o ? Ht(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = n(s) || s);
   return s;
 })([h("schmancy-card-content")], dt);
-var Rt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, G = (t, e, r, i) => {
-  for (var o, s = i > 1 ? void 0 : i ? qt(e, r) : e, n = t.length - 1; n >= 0; n--) (o = t[n]) && (s = (i ? o(e, r, s) : o(s)) || s);
-  return i && s && Rt(e, r, s), s;
+var Rt = Object.defineProperty, qt = Object.getOwnPropertyDescriptor, G = (t, e, r, o) => {
+  for (var n, s = o > 1 ? void 0 : o ? qt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
+  return o && s && Rt(e, r, s), s;
 };
 let R = class extends T(w`
 	:host {
@@ -255,12 +286,12 @@ const ns = new class {
   render(t, e, r) {
     t.dispatchEvent(new CustomEvent("custom-event")), this.$drawer.next({ action: "render", ref: t, component: e, title: r });
   }
-}(), st = P("push"), gt = P("close"), ft = P(Math.floor(Math.random() * Date.now()).toString()), rt = P("100%"), it = P({});
-var Bt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, z = (t, e, r, i) => {
-  for (var o, s = i > 1 ? void 0 : i ? Ut(e, r) : e, n = t.length - 1; n >= 0; n--) (o = t[n]) && (s = (i ? o(e, r, s) : o(s)) || s);
-  return i && s && Bt(e, r, s), s;
+}(), st = P("push"), bt = P("close"), ft = P(Math.floor(Math.random() * Date.now()).toString()), rt = P("100%"), ot = P({});
+var Bt = Object.defineProperty, Ut = Object.getOwnPropertyDescriptor, j = (t, e, r, o) => {
+  for (var n, s = o > 1 ? void 0 : o ? Ut(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
+  return o && s && Bt(e, r, s), s;
 };
-let S = class extends j(w`
+let S = class extends z(w`
 	:host {
 		position: relative;
 		inset: 0;
@@ -272,16 +303,16 @@ let S = 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() {
-    et(f(window, "resize"), f(window, m.ContentDrawerResize)).pipe(xt(!0), $(() => {
-    }), v(() => this.clientWidth ? this.clientWidth : window.innerWidth), v((t) => t >= this.minWidth.main + this.minWidth.sheet), V(100), $(() => {
+    et(f(window, "resize"), f(window, m.ContentDrawerResize)).pipe(xt(!0), C(() => {
+    }), v(() => this.clientWidth ? this.clientWidth : window.innerWidth), v((t) => t >= this.minWidth.main + this.minWidth.sheet), V(100), C(() => {
       this.maxHeight = window.innerHeight - this.getOffsetTop(this) - 32 + "px", this.style.setProperty("max-height", this.maxHeight);
     }), L(), y(this.disconnecting)).subscribe((t) => {
       t ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
-    }), f(window, m.ContentDrawerToggle).pipe($((t) => {
+    }), f(window, m.ContentDrawerToggle).pipe(C((t) => {
       t.stopPropagation();
     }), v((t) => t.detail.state), y(this.disconnecting)).subscribe((t) => {
       this.open = t;
-    }), f(window, "schmancy-content-drawer-render").pipe($((t) => {
+    }), f(window, "schmancy-content-drawer-render").pipe(C((t) => {
       t.stopPropagation();
     }), v((t) => t.detail), y(this.disconnecting)).subscribe(({ component: t, title: e }) => {
       this.mode === "push" ? (lt.push({ area: this.schmancyContentDrawerID, component: "empty", historyStrategy: "silent" }), lt.push({ area: this.schmancyContentDrawerID, component: t, historyStrategy: "silent" })) : (this.mode = "overlay") && Z.open({ component: t, uid: this.schmancyContentDrawerID, title: e });
@@ -306,12 +337,12 @@ let S = class extends j(w`
 		` : mt;
   }
 };
-z([M({ context: it })], S.prototype, "minWidth", 2), z([M({ context: gt }), c()], S.prototype, "open", 2), z([M({ context: st }), d()], S.prototype, "mode", 2), z([M({ context: ft })], S.prototype, "schmancyContentDrawerID", 2), z([M({ context: rt })], S.prototype, "maxHeight", 2), z([ut({ flatten: !0 })], S.prototype, "assignedElements", 2), S = z([h("schmancy-content-drawer")], S);
-var Kt = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, X = (t, e, r, i) => {
-  for (var o, s = i > 1 ? void 0 : i ? Vt(e, r) : e, n = t.length - 1; n >= 0; n--) (o = t[n]) && (s = (i ? o(e, r, s) : o(s)) || s);
-  return i && s && Kt(e, r, s), s;
+j([M({ context: ot })], S.prototype, "minWidth", 2), j([M({ context: bt }), c()], S.prototype, "open", 2), j([M({ context: st }), d()], S.prototype, "mode", 2), j([M({ context: ft })], S.prototype, "schmancyContentDrawerID", 2), j([M({ context: rt })], S.prototype, "maxHeight", 2), j([ut({ flatten: !0 })], S.prototype, "assignedElements", 2), S = j([h("schmancy-content-drawer")], S);
+var Kt = Object.defineProperty, Vt = Object.getOwnPropertyDescriptor, X = (t, e, r, o) => {
+  for (var n, s = o > 1 ? void 0 : o ? Vt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
+  return o && s && Kt(e, r, s), s;
 };
-let I = class extends j(w`
+let I = class extends z(w`
 	:host {
 		display: block;
 		overflow: hidden;
@@ -344,12 +375,12 @@ let I = class extends j(w`
 		`;
   }
 };
-X([c({ type: Number })], I.prototype, "minWidth", 2), X([p({ context: it, subscribe: !0 })], I.prototype, "drawerMinWidth", 2), X([p({ context: st, subscribe: !0 }), d()], I.prototype, "mode", 2), X([p({ context: rt, subscribe: !0 }), d()], I.prototype, "maxHeight", 2), I = X([h("schmancy-content-drawer-main")], I);
-var Ft = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, x = (t, e, r, i) => {
-  for (var o, s = i > 1 ? void 0 : i ? Yt(e, r) : e, n = t.length - 1; n >= 0; n--) (o = t[n]) && (s = (i ? o(e, r, s) : o(s)) || s);
-  return i && s && Ft(e, r, s), s;
+X([c({ type: Number })], I.prototype, "minWidth", 2), X([p({ context: ot, subscribe: !0 })], I.prototype, "drawerMinWidth", 2), X([p({ context: st, subscribe: !0 }), d()], I.prototype, "mode", 2), X([p({ context: rt, subscribe: !0 }), d()], I.prototype, "maxHeight", 2), I = X([h("schmancy-content-drawer-main")], I);
+var Ft = Object.defineProperty, Yt = Object.getOwnPropertyDescriptor, x = (t, e, r, o) => {
+  for (var n, s = o > 1 ? void 0 : o ? Yt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
+  return o && s && Ft(e, r, s), s;
 };
-let u = class extends j(w`
+let u = class extends z(w`
 	:host {
 		overflow: scroll;
 	}
@@ -367,10 +398,10 @@ let u = class extends j(w`
     et(at(this.closeModalSheet()), at(this.closeSheet())).pipe(y(this.disconnecting)).subscribe();
   }
   closeModalSheet() {
-    return F(!0).pipe($(() => Z.dismiss(this.schmancyContentDrawerID)));
+    return F(!0).pipe(C(() => Z.dismiss(this.schmancyContentDrawerID)));
   }
   closeSheet() {
-    return new Ct((t) => {
+    return new $t((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();
       };
@@ -387,7 +418,7 @@ let u = class extends j(w`
 		`;
   }
 };
-x([c({ type: Number })], u.prototype, "minWidth", 2), x([p({ context: st, subscribe: !0 }), d()], u.prototype, "mode", 2), x([p({ context: gt, subscribe: !0 }), d()], u.prototype, "state", 2), x([p({ context: ft })], u.prototype, "schmancyContentDrawerID", 2), x([J("#sheet")], u.prototype, "sheet", 2), x([ut({ flatten: !0, slot: void 0 })], u.prototype, "defaultSlot", 2), x([p({ context: it, subscribe: !0 })], u.prototype, "drawerMinWidth", 2), x([p({ context: rt, subscribe: !0 }), d()], u.prototype, "maxHeight", 2), u = x([h("schmancy-content-drawer-sheet")], u);
+x([c({ type: Number })], u.prototype, "minWidth", 2), x([p({ context: st, subscribe: !0 }), d()], u.prototype, "mode", 2), x([p({ context: bt, subscribe: !0 }), d()], u.prototype, "state", 2), x([p({ context: ft })], u.prototype, "schmancyContentDrawerID", 2), x([J("#sheet")], u.prototype, "sheet", 2), x([ut({ flatten: !0, slot: void 0 })], u.prototype, "defaultSlot", 2), x([p({ context: ot, subscribe: !0 })], u.prototype, "drawerMinWidth", 2), x([p({ context: rt, subscribe: !0 }), d()], u.prototype, "maxHeight", 2), u = x([h("schmancy-content-drawer-sheet")], u);
 const Gt = new class {
   constructor() {
     this.$drawer = new tt(), this.$drawer.pipe(V(10)).subscribe((t) => {
@@ -400,10 +431,10 @@ const Gt = new class {
   close(t) {
     this.$drawer.next({ self: t, state: !1 });
   }
-}(), as = Gt, ot = P("push"), nt = P("close");
-var Jt = Object.defineProperty, Lt = Object.getOwnPropertyDescriptor, q = (t, e, r, i) => {
-  for (var o, s = i > 1 ? void 0 : i ? Lt(e, r) : e, n = t.length - 1; n >= 0; n--) (o = t[n]) && (s = (i ? o(e, r, s) : o(s)) || s);
-  return i && s && Jt(e, r, s), s;
+}(), as = Gt, it = P("push"), nt = P("close");
+var Jt = Object.defineProperty, Lt = Object.getOwnPropertyDescriptor, q = (t, e, r, o) => {
+  for (var n, s = o > 1 ? void 0 : o ? Lt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
+  return o && s && Jt(e, r, s), s;
 };
 let _ = class extends T(w`
 	:host {
@@ -440,9 +471,9 @@ let _ = class extends T(w`
 		`;
   }
 };
-q([p({ context: ot, subscribe: !0 }), d()], _.prototype, "sidebarMode", 2), q([p({ context: nt, subscribe: !0 }), d()], _.prototype, "sidebarOpen", 2), q([c({ type: Boolean })], _.prototype, "toggler", 2), _ = q([h("schmancy-nav-drawer-appbar")], _);
+q([p({ context: it, subscribe: !0 }), d()], _.prototype, "sidebarMode", 2), q([p({ context: nt, subscribe: !0 }), d()], _.prototype, "sidebarOpen", 2), q([c({ type: Boolean })], _.prototype, "toggler", 2), _ = q([h("schmancy-nav-drawer-appbar")], _);
 var Qt = Object.getOwnPropertyDescriptor;
-let pt = class extends j(w`
+let pt = class extends z(w`
 	:host {
 		display: block;
 		position: relative;
@@ -459,15 +490,15 @@ let pt = class extends j(w`
     return l` <slot></slot> `;
   }
 };
-pt = ((t, e, r, i) => {
-  for (var o, s = i > 1 ? void 0 : i ? Qt(e, r) : e, n = t.length - 1; n >= 0; n--) (o = t[n]) && (s = o(s) || s);
+pt = ((t, e, r, o) => {
+  for (var n, s = o > 1 ? void 0 : o ? Qt(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = n(s) || s);
   return s;
 })([h("schmancy-nav-drawer-content")], pt);
-var Zt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, N = (t, e, r, i) => {
-  for (var o, s = i > 1 ? void 0 : i ? te(e, r) : e, n = t.length - 1; n >= 0; n--) (o = t[n]) && (s = (i ? o(e, r, s) : o(s)) || s);
-  return i && s && Zt(e, r, s), s;
+var Zt = Object.defineProperty, te = Object.getOwnPropertyDescriptor, N = (t, e, r, o) => {
+  for (var n, s = o > 1 ? void 0 : o ? te(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
+  return o && s && Zt(e, r, s), s;
 };
-let g = class extends j(w`
+let b = class extends z(w`
 	:host {
 		display: flex;
 		flex-grow: 1;
@@ -484,16 +515,16 @@ let g = class extends j(w`
     super(...arguments), this.fullscreen = !1, this.breakpoint = "md", this._initialized = !1;
   }
   firstUpdated() {
-    this.updateState(window.innerWidth), this._initialized = !0, this.setAttribute("data-ready", ""), f(window, "resize").pipe(v((t) => t.target.innerWidth), v((t) => t >= g.BREAKPOINTS[this.breakpoint]), L(), V(100), y(this.disconnecting)).subscribe((t) => {
+    this.updateState(window.innerWidth), this._initialized = !0, this.setAttribute("data-ready", ""), f(window, "resize").pipe(v((t) => t.target.innerWidth), v((t) => t >= b.BREAKPOINTS[this.breakpoint]), L(), V(100), y(this.disconnecting)).subscribe((t) => {
       t ? (this.mode = "push", this.open = "open") : (this.mode = "overlay", this.open = "close");
-    }), f(window, m.NavDrawer_toggle).pipe($((t) => {
+    }), f(window, m.NavDrawer_toggle).pipe(C((t) => {
       t.stopPropagation();
     }), v((t) => t.detail.state), L(), y(this.disconnecting), V(10)).subscribe((t) => {
       this.mode === "push" && t === "close" || (this.open = t);
     });
   }
   updateState(t) {
-    const e = t >= g.BREAKPOINTS[this.breakpoint];
+    const e = t >= b.BREAKPOINTS[this.breakpoint];
     this.mode = e ? "push" : "overlay", this.open = e ? "open" : "close";
   }
   render() {
@@ -511,13 +542,13 @@ let g = class extends j(w`
 		` : mt;
   }
 };
-g.BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 }, N([c({ type: Boolean })], g.prototype, "fullscreen", 2), N([c({ type: String, attribute: "breakpoint" })], g.prototype, "breakpoint", 2), N([M({ context: ot }), d()], g.prototype, "mode", 2), N([M({ context: nt }), c()], g.prototype, "open", 2), N([d()], g.prototype, "_initialized", 2), g = N([h("schmancy-nav-drawer")], g);
-var ee = Object.defineProperty, se = Object.getOwnPropertyDescriptor, k = (t, e, r, i) => {
-  for (var o, s = i > 1 ? void 0 : i ? se(e, r) : e, n = t.length - 1; n >= 0; n--) (o = t[n]) && (s = (i ? o(e, r, s) : o(s)) || s);
-  return i && s && ee(e, r, s), s;
+b.BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 }, N([c({ type: Boolean })], b.prototype, "fullscreen", 2), N([c({ type: String, attribute: "breakpoint" })], b.prototype, "breakpoint", 2), N([M({ context: it }), d()], b.prototype, "mode", 2), N([M({ context: nt }), c()], b.prototype, "open", 2), N([d()], b.prototype, "_initialized", 2), b = N([h("schmancy-nav-drawer")], b);
+var ee = Object.defineProperty, se = Object.getOwnPropertyDescriptor, k = (t, e, r, o) => {
+  for (var n, s = o > 1 ? void 0 : o ? se(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
+  return o && s && ee(e, r, s), s;
 };
 const B = "cubic-bezier(0.5, 0.01, 0.25, 1)";
-let D = class extends j() {
+let D = class extends z() {
   constructor() {
     super(...arguments), this.width = "320px", this._initialized = !1;
   }
@@ -554,42 +585,42 @@ let D = class extends j() {
 			<nav
 				style=${this.styleMap(e)}
 				class="${this.classMap({ ...t })}"
-				${W({ bgColor: a.sys.color.surface.container })}
+				${W({ bgColor: i.sys.color.surface.container })}
 			>
 				<slot></slot>
 			</nav>
 			<div
 				id="overlay"
-				${W({ bgColor: a.sys.color.scrim })}
+				${W({ bgColor: i.sys.color.scrim })}
 				@click=${this.handleOverlayClick}
 				class="${this.classMap({ "fixed inset-0 z-49 hidden": !0 })}"
 			></div>
 		`;
   }
 };
-k([p({ context: ot, subscribe: !0 }), d()], D.prototype, "mode", 2), k([p({ context: nt, subscribe: !0 }), d()], D.prototype, "drawerState", 2), k([J("#overlay")], D.prototype, "overlay", 2), k([J("nav")], D.prototype, "nav", 2), k([c({ type: String })], D.prototype, "width", 2), k([d()], D.prototype, "_initialized", 2), D = k([h("schmancy-nav-drawer-navbar")], D);
+k([p({ context: it, subscribe: !0 }), d()], D.prototype, "mode", 2), k([p({ context: nt, subscribe: !0 }), d()], D.prototype, "drawerState", 2), k([J("#overlay")], D.prototype, "overlay", 2), k([J("nav")], D.prototype, "nav", 2), k([c({ type: String })], D.prototype, "width", 2), k([d()], D.prototype, "_initialized", 2), D = k([h("schmancy-nav-drawer-navbar")], D);
 const vt = "whereAreYouRicky", wt = "hereMorty", U = new class {
   constructor() {
-    this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new tt(), this.find = (t) => ct([f(window, wt).pipe(bt((e) => !!e.detail.component.uuid && !!t.id && e.detail.component.id === t.id && e.detail.component.uuid !== t.uuid), v((e) => e.detail.component), $t(1)), F(t).pipe($(() => {
+    this.activeTeleportations = /* @__PURE__ */ new Map(), this.flipRequests = new tt(), this.find = (t) => ct([f(window, wt).pipe(gt((e) => !!e.detail.component.uuid && !!t.id && e.detail.component.id === t.id && e.detail.component.uuid !== t.uuid), v((e) => e.detail.component), Ct(1)), F(t).pipe(C(() => {
       window.dispatchEvent(new CustomEvent(vt, { detail: { id: t.id, callerID: t.uuid } }));
     }))]).pipe(v(([e]) => e), Ot(0)), this.flip = (t) => {
-      const { from: e, to: r } = t, i = r.element.style.zIndex;
+      const { from: e, to: r } = t, o = r.element.style.zIndex;
       r.element.style.transformOrigin = "top left", r.element.style.setProperty("visibility", "visible"), r.element.style.zIndex = "1000";
-      const o = [{ 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(o, { 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 = "";
+      const n = [{ transform: `translate(${e.rect.left - r.rect.left}px, ${e.rect.top - r.rect.top}px) scale(${e.rect.width / r.rect.width}, ${e.rect.height / r.rect.height})` }, { transform: "translate(0, 0) scale(1, 1)" }];
+      r.element.animate(n, { duration: 250, delay: 10, easing: "cubic-bezier(0.455, 0.03, 0.515, 0.955)" }).onfinish = () => {
+        r.element.style.zIndex = o, r.element.style.transformOrigin = "";
       };
-    }, this.flipRequests.pipe(St(1), v((t) => t.map(({ from: e, to: r, host: i }, o) => ({ from: e, to: r, host: i, i: o }))), Dt((t) => ct(t.map((e) => F(this.flip(e)))))).subscribe();
+    }, this.flipRequests.pipe(St(1), v((t) => t.map(({ from: e, to: r, host: o }, n) => ({ from: e, to: r, host: o, i: n }))), Dt((t) => ct(t.map((e) => F(this.flip(e)))))).subscribe();
   }
 }();
 function yt(t) {
-  return jt(50).pipe(Wt(() => t.getBoundingClientRect()), Pt((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), It(1));
+  return zt(50).pipe(Wt(() => t.getBoundingClientRect()), Pt((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), It(1));
 }
-var re = Object.defineProperty, ie = Object.getOwnPropertyDescriptor, K = (t, e, r, i) => {
-  for (var o, s = i > 1 ? void 0 : i ? ie(e, r) : e, n = t.length - 1; n >= 0; n--) (o = t[n]) && (s = (i ? o(e, r, s) : o(s)) || s);
-  return i && s && re(e, r, s), s;
+var re = Object.defineProperty, oe = Object.getOwnPropertyDescriptor, K = (t, e, r, o) => {
+  for (var n, s = o > 1 ? void 0 : o ? oe(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
+  return o && s && re(e, r, s), s;
 };
-let A = class extends j(w``) {
+let A = class extends z(w``) {
   constructor() {
     super(...arguments), this.uuid = Math.floor(Math.random() * Date.now()), this.delay = 0, this.debugging = !1;
   }
@@ -598,14 +629,14 @@ let A = class extends j(w``) {
   }
   connectedCallback() {
     if (this.id === void 0) throw new Error("id is required");
-    super.connectedCallback(), et(f(window, zt).pipe($({ next: () => {
+    super.connectedCallback(), et(f(window, jt).pipe(C({ next: () => {
       this.dispatchEvent(new CustomEvent(kt, { detail: { component: this }, bubbles: !0, composed: !0 }));
-    } })), f(window, vt).pipe($({ next: (t) => {
+    } })), f(window, vt).pipe(C({ next: (t) => {
       t.detail.id === this.id && this.uuid && t.detail.callerID !== this.uuid && this.dispatchEvent(new CustomEvent(wt, { detail: { component: this }, bubbles: !0, composed: !0 }));
     } }))).pipe(y(this.disconnecting)).subscribe();
   }
   async firstUpdated() {
-    F(U.activeTeleportations.get(this.id)).pipe(bt((t) => !!t), y(this.disconnecting), Et()).subscribe({ next: (t) => {
+    F(U.activeTeleportations.get(this.id)).pipe(gt((t) => !!t), y(this.disconnecting), Et()).subscribe({ next: (t) => {
       this.style.setProperty("visibility", "hidden"), yt(this).pipe(y(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 });
       } });
@@ -621,11 +652,11 @@ let A = class extends j(w``) {
   }
 };
 K([c({ type: Number, reflect: !0 })], A.prototype, "uuid", 2), K([c({ type: String })], A.prototype, "id", 2), K([c({ type: Number })], A.prototype, "delay", 2), A = K([h("schmancy-teleport")], A);
-var oe = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, C = (t, e, r, i) => {
-  for (var o, s = i > 1 ? void 0 : i ? ne(e, r) : e, n = t.length - 1; n >= 0; n--) (o = t[n]) && (s = (i ? o(e, r, s) : o(s)) || s);
-  return i && s && oe(e, r, s), s;
+var ie = Object.defineProperty, ne = Object.getOwnPropertyDescriptor, $ = (t, e, r, o) => {
+  for (var n, s = o > 1 ? void 0 : o ? ne(e, r) : e, a = t.length - 1; a >= 0; a--) (n = t[a]) && (s = (o ? n(e, r, s) : n(s)) || s);
+  return o && s && ie(e, r, s), s;
 };
-let b = class extends j() {
+let g = 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";
   }
@@ -640,40 +671,40 @@ let b = class extends j() {
 		`;
   }
   getColorAttributes() {
-    const t = { primary: { bgColor: a.sys.color.primary.container, color: a.sys.color.primary.onContainer }, secondary: { bgColor: a.sys.color.secondary.container, color: a.sys.color.secondary.onContainer }, tertiary: { bgColor: a.sys.color.tertiary.container, color: a.sys.color.tertiary.onContainer }, success: { bgColor: a.sys.color.success.container, color: a.sys.color.success.onContainer }, error: { bgColor: a.sys.color.error.container, color: a.sys.color.error.onContainer }, neutral: { bgColor: a.sys.color.surface.container, color: a.sys.color.surface.on } };
+    const t = { primary: { bgColor: i.sys.color.primary.container, color: i.sys.color.primary.onContainer }, secondary: { bgColor: i.sys.color.secondary.container, color: i.sys.color.secondary.onContainer }, tertiary: { bgColor: i.sys.color.tertiary.container, color: i.sys.color.tertiary.onContainer }, success: { bgColor: i.sys.color.success.container, color: i.sys.color.success.onContainer }, error: { bgColor: i.sys.color.error.container, color: i.sys.color.error.onContainer }, neutral: { bgColor: i.sys.color.surface.container, color: i.sys.color.surface.on } };
     return W(t[this.color]);
   }
   renderStatusIndicator() {
-    const t = { online: a.sys.color.success.default, offline: a.sys.color.surface.onVariant, busy: a.sys.color.error.default, away: a.sys.color.tertiary.default }, e = { "absolute bottom-0 right-0 rounded-full border-2 border-surface-default": !0, [{ xs: "w-1.5 h-1.5", sm: "w-2 h-2", md: "w-2.5 h-2.5", lg: "w-3 h-3", xl: "w-4 h-4" }[this.size]]: !0 };
+    const t = { online: i.sys.color.success.default, offline: i.sys.color.surface.onVariant, busy: i.sys.color.error.default, away: i.sys.color.tertiary.default }, e = { "absolute bottom-0 right-0 rounded-full border-2 border-surface-default": !0, [{ xs: "w-1.5 h-1.5", sm: "w-2 h-2", md: "w-2.5 h-2.5", lg: "w-3 h-3", xl: "w-4 h-4" }[this.size]]: !0 };
     return l`
 			<div class="${this.classMap(e)}" style="background-color: ${t[this.status]};"></div>
 		`;
   }
 };
-C([c({ type: String })], b.prototype, "initials", 2), C([c({ type: String })], b.prototype, "src", 2), C([c({ type: String })], b.prototype, "icon", 2), C([c({ type: String })], b.prototype, "size", 2), C([c({ type: String })], b.prototype, "color", 2), C([c({ type: String })], b.prototype, "shape", 2), C([c({ type: Boolean })], b.prototype, "bordered", 2), C([c({ type: String })], b.prototype, "status", 2), b = C([h("schmancy-avatar")], b);
+$([c({ type: String })], g.prototype, "initials", 2), $([c({ type: String })], g.prototype, "src", 2), $([c({ type: String })], g.prototype, "icon", 2), $([c({ type: String })], g.prototype, "size", 2), $([c({ type: String })], g.prototype, "color", 2), $([c({ type: String })], g.prototype, "shape", 2), $([c({ type: Boolean })], g.prototype, "bordered", 2), $([c({ type: String })], g.prototype, "status", 2), g = $([h("schmancy-avatar")], g);
 export {
   as as $,
   wt as H,
   O as S,
   vt as W,
   st as a,
-  gt as b,
+  bt as b,
   ft as c,
   rt as d,
-  it as e,
+  ot as e,
   S as f,
   I as g,
   u as h,
   Gt as i,
   _ as j,
   pt as k,
-  ot as l,
+  it as l,
   nt as m,
-  g as n,
+  b as n,
   D as o,
   A as p,
-  b as q,
+  g as q,
   ns as s,
   U as t
 };
-//# sourceMappingURL=avatar-nGtrl569.js.map
+//# sourceMappingURL=avatar-BwyUTdF_.js.map