@melodicdev/components 1.5.6 → 1.5.8

package/assets/melodic-components.min.js

@@ -1,5 +1,5 @@
 const O = (e) => typeof e == "string" ? e : typeof e == "symbol" ? e.toString() : e.name;
-function _s(e) {
+function ws(e) {
   return function(t, r, a) {
     t.params || (t.params = []), t.params[a] = { __injectionToken: O(e) };
   };
@@ -14,7 +14,7 @@ function ee(e = {}) {
     });
   };
 }
-var ve = class {
+var ge = class {
   constructor(e, t, r) {
     this._singleton = !0, this._dependencies = [], this._args = [], this._resolved = !1, this.key = e, this.token = t, this.type = r;
   }
@@ -67,15 +67,15 @@ var ve = class {
   bind(e, t, r) {
     let a, l, o;
     typeof t == "function" ? (a = e, l = t, o = r) : (a = e, l = e, o = t);
-    const s = O(a), n = new ve(s, a, "class");
+    const s = O(a), n = new ge(s, a, "class");
     return n.setClass(l), o?.singleton !== void 0 && n.setSingleton(o.singleton), o?.dependencies && n.withDependencies(o.dependencies), o?.args && n.withArgs(o.args), this._bindings.set(s, n), n;
   }
   bindValue(e, t) {
-    const r = O(e), a = new ve(r, e, "value");
+    const r = O(e), a = new ge(r, e, "value");
     return a.setInstance(t), a.setSingleton(!0), this._bindings.set(r, a), a;
   }
   bindFactory(e, t, r) {
-    const a = O(e), l = new ve(a, e, "factory");
+    const a = O(e), l = new ge(a, e, "factory");
     return l.setFactory(t), r?.singleton !== void 0 && l.setSingleton(r.singleton), this._bindings.set(a, l), l;
   }
   get(e) {
@@ -151,7 +151,7 @@ function H(e) {
 function te(e) {
   return Symbol(e);
 }
-async function ws(e = {}) {
+async function ys(e = {}) {
   const t = e.devMode ?? !1, r = [];
   if (t && console.log("[Melodic] Bootstrap starting..."), e.onError) {
     const o = (n) => {
@@ -198,31 +198,31 @@ function Ne(e, t) {
   e.renderInto(t);
 }
 const xr = Symbol("melodic.signal"), Ur = (e) => typeof e == "function" && xr in e;
-var Ve = "melodic-styles", Yr = `style[${Ve}], link[rel="stylesheet"][${Ve}]`, Te = [], ge = null;
+var qe = "melodic-styles", Yr = `style[${qe}], link[rel="stylesheet"][${qe}]`, Te = [], ve = null;
 const Xr = (e) => {
   if (Qr()) {
-    Fe(e);
+    Ve(e);
     return;
   }
-  ge || (ge = Jr()), ge.then(() => Fe(e));
+  ve || (ve = Jr()), ve.then(() => Ve(e));
 };
 var Jr = async () => {
   const e = document.querySelectorAll(Yr);
   if (e.length !== 0)
     for (const t of e) {
       if (t instanceof HTMLStyleElement) {
-        Be(t.textContent ?? "");
+        Fe(t.textContent ?? "");
         continue;
       }
       t instanceof HTMLLinkElement && (t.sheet || await new Promise((r) => {
         t.addEventListener("load", () => r(), { once: !0 });
-      }), Be(Array.from(t.sheet?.cssRules ?? []).map((r) => r.cssText).join(`
+      }), Fe(Array.from(t.sheet?.cssRules ?? []).map((r) => r.cssText).join(`
 `)));
     }
-}, Fe = (e) => {
+}, Ve = (e) => {
   const t = e.adoptedStyleSheets ?? [], r = Te.filter((a) => !t.includes(a));
   r.length > 0 && (e.adoptedStyleSheets = [...t, ...r]);
-}, Be = (e) => {
+}, Fe = (e) => {
   const t = e.trim();
   if (t.length > 0) {
     const r = new CSSStyleSheet();
@@ -362,7 +362,7 @@ function kr(e, t) {
   }
   return r;
 }
-function ys(e) {
+function xs(e) {
   const t = e[ta], r = {
     ...e.base,
     ...t
@@ -370,7 +370,7 @@ function ys(e) {
   return e.extends ? kr(e.extends, r) : r;
 }
 const ra = te("APP_CONFIG");
-function xs(e) {
+function ks(e) {
   return (t) => {
     t.bindValue(ra, e);
   };
@@ -379,7 +379,7 @@ var De = class $r extends Error {
   constructor(t, r, a) {
     super(t), this.config = r, this.code = a, this.name = "HttpBaseError", Object.setPrototypeOf(this, $r.prototype);
   }
-}, qe = class Cr extends De {
+}, Be = class Cr extends De {
   constructor(t, r, a) {
     super(t, a, `HTTP_${r.status}`), this.response = r, this.name = "HttpError", Object.setPrototypeOf(this, Cr.prototype);
   }
@@ -539,10 +539,10 @@ var De = class $r extends Error {
         headers: r.headers,
         config: e
       };
-      if (!r.ok) throw new qe(`HTTP Error: ${r.status} ${r.statusText}`, a, e);
+      if (!r.ok) throw new Be(`HTTP Error: ${r.status} ${r.statusText}`, a, e);
       return a;
     }).catch((r) => {
-      throw r instanceof qe ? r : r instanceof Error && r.name === "AbortError" ? new la("Request aborted", e) : new aa((r instanceof Error ? r.message : "Network error") || "Network error", e);
+      throw r instanceof Be ? r : r instanceof Error && r.name === "AbortError" ? new la("Request aborted", e) : new aa((r instanceof Error ? r.message : "Network error") || "Network error", e);
     });
     return e.deduplicate === !0 && this._requestManager.addPendingRequest(e, t), await t;
   }
@@ -609,7 +609,7 @@ var De = class $r extends Error {
     return r.includes("application/json") ? await e.json() : r.includes("text/") ? await e.text() : r.includes("application/octet-stream") || r.includes("image/") ? await e.blob() : await e.text();
   }
 };
-function ks(e, t) {
+function $s(e, t) {
   return (r) => {
     const a = new je(e);
     r.bindValue(je, a), t?.request && t.request.forEach((l) => {
@@ -619,13 +619,13 @@ function ks(e, t) {
     });
   };
 }
-function $s(e) {
+function Cs(e) {
   return { canActivate: e };
 }
-function Cs(e) {
+function zs(e) {
   return { canDeactivate: e };
 }
-function zs(e) {
+function Ss(e) {
   return { resolve: e };
 }
 var _e = class {
@@ -682,7 +682,7 @@ var _e = class {
   }
 };
 const ia = "melodic:route-context";
-var Ss = class extends CustomEvent {
+var Es = class extends CustomEvent {
   constructor(e) {
     super(ia, {
       bubbles: !1,
@@ -778,7 +778,7 @@ function na(e, t, r = {}) {
   }
   return l(e, t) ? "/" + a.filter(Boolean).join("/") : null;
 }
-function g(e, t, r, a) {
+function v(e, t, r, a) {
   var l = arguments.length, o = l < 3 ? t : a === null ? a = Object.getOwnPropertyDescriptor(t, r) : a, s;
   if (typeof Reflect == "object" && typeof Reflect.decorate == "function") o = Reflect.decorate(e, t, r, a);
   else for (var n = e.length - 1; n >= 0; n--) (s = e[n]) && (o = (l < 3 ? s(o) : l > 3 ? s(t, r, o) : s(t, r)) || o);
@@ -856,8 +856,8 @@ var ye = class {
     return this._resolvedData.get(t);
   }
 };
-ye = g([ee()], ye);
-function F(e, t) {
+ye = v([ee()], ye);
+function V(e, t) {
   if (typeof Reflect == "object" && typeof Reflect.metadata == "function") return Reflect.metadata(e, t);
 }
 var Ae = (e, t, r, a) => new PopStateEvent("History", { state: {
@@ -892,7 +892,7 @@ history.replaceState = (e, t, r) => {
   const a = new CustomEvent("NavigationEvent", { detail: Ae("replace", e, t, r) });
   window.dispatchEvent(a);
 };
-var V = class {
+var q = class {
   constructor() {
     this._routes = [], this._currentMatches = [], this._resolversExecutedForPath = null, this._currentPath = `${window.location.pathname}${window.location.search}`, this._contextService = new ye(), window.addEventListener("NavigationEvent", (t) => {
       this._route = t.detail.state;
@@ -1106,7 +1106,7 @@ var V = class {
     };
   }
 };
-V = g([ee(), F("design:paramtypes", [])], V);
+q = v([ee(), V("design:paramtypes", [])], q);
 var K = /* @__PURE__ */ new Map(), Rr = (e) => {
   if (K.has(e)) return K.get(e);
   const t = e.toLowerCase();
@@ -1118,13 +1118,13 @@ function he(e, t) {
 function ma(e) {
   return Rr(e);
 }
-function Ts(e) {
+function Ds(e) {
   return Rr(e) !== void 0;
 }
-function Ds(e) {
+function As(e) {
   return K.delete(e);
 }
-function As() {
+function Is() {
   return Array.from(K.keys());
 }
 function Y(e) {
@@ -1180,13 +1180,13 @@ var ha = class J {
         else {
           if (k) {
             E = "__";
-            const q = k[1].charAt(0);
-            Object.keys(o).includes(q) && (E = q);
+            const B = k[1].charAt(0);
+            Object.keys(o).includes(B) && (E = B);
           }
           if (E === "__" && k) {
             l += ie(R), s = k[1];
-            const q = /(["'])$/.exec(k[0]);
-            n = q ? q[1] : null;
+            const B = /(["'])$/.exec(k[0]);
+            n = B ? B[1] : null;
           } else l = o[E](R, l, k ? k[1] : void 0, k);
         }
       }
@@ -1272,7 +1272,7 @@ var ha = class J {
           else if (E.value.includes(Ie)) {
             const D = this.parseAttributeValue(E.value);
             if (D) {
-              const S = D.indices.length > 1 || D.strings.some((q) => q.length > 0);
+              const S = D.indices.length > 1 || D.strings.some((B) => B.length > 0);
               m.push({
                 path: [...z],
                 type: "attribute",
@@ -1833,8 +1833,8 @@ var Ke, We = "melodic:outlet-register", xe = class {
     t?.component ? await this.renderComponent(t.component) : this._depth === 0 && this._router.navigate("/404", { replace: !0 });
   }
 };
-g([H(V), F("design:type", typeof (Ke = typeof V < "u" && V) == "function" ? Ke : Object)], xe.prototype, "_router", void 0);
-xe = g([_({
+v([H(q), V("design:type", typeof (Ke = typeof q < "u" && q) == "function" ? Ke : Object)], xe.prototype, "_router", void 0);
+xe = v([_({
   selector: "router-outlet",
   template: () => i`<slot></slot>`
 })], xe);
@@ -1895,8 +1895,8 @@ var Ue, ke = class {
     this.exactMatch ? o = a === l : o = a === l || a.startsWith(l + "/"), o ? (this.elementRef.classList.add(this.activeClass), this._anchorElement?.setAttribute("aria-current", "page")) : (this.elementRef.classList.remove(this.activeClass), this._anchorElement?.removeAttribute("aria-current"));
   }
 };
-g([H(V), F("design:type", typeof (Ue = typeof V < "u" && V) == "function" ? Ue : Object)], ke.prototype, "_router", void 0);
-ke = g([_({
+v([H(q), V("design:type", typeof (Ue = typeof q < "u" && q) == "function" ? Ue : Object)], ke.prototype, "_router", void 0);
+ke = v([_({
   selector: "router-link",
   template: () => i`<a part="link"><slot></slot></a>`,
   styles: () => w`
@@ -1921,7 +1921,7 @@ function ua(e, t, r) {
     console.warn("routerLink: Invalid value. Expected string or { href: string, ... }");
     return;
   }
-  const { href: l, activeClass: o = "active", exactMatch: s = !1, replace: n = !1, data: c = null, queryParams: m = {} } = a, p = N.get(V), h = () => {
+  const { href: l, activeClass: o = "active", exactMatch: s = !1, replace: n = !1, data: c = null, queryParams: m = {} } = a, p = N.get(q), h = () => {
     let f = l;
     if (m && Object.keys(m).length > 0) {
       const C = new URLSearchParams(m);
@@ -1987,7 +1987,7 @@ var Ar = class {
     }), this._dependencies.clear();
   }
 };
-function P(e) {
+function M(e) {
   let t = e;
   const r = /* @__PURE__ */ new Set(), a = () => {
     [...r].forEach((o) => o(t));
@@ -2010,7 +2010,7 @@ function P(e) {
   }), l;
 }
 function T(e) {
-  const t = P(void 0), r = new Ar(() => {
+  const t = M(void 0), r = new Ar(() => {
     t.set(e());
   });
   r.run();
@@ -2019,23 +2019,23 @@ function T(e) {
     r.destroy(), a();
   }, t;
 }
-const Ps = () => () => ({}), Os = (e, t) => ((r) => ({
+const Os = () => () => ({}), Ls = (e, t) => ((r) => ({
   type: e,
   payload: r ?? (t ? t() : void 0)
 }));
-function Ls(...e) {
+function Ns(...e) {
   return { reducers: e };
 }
-const Ns = (e) => {
+const qs = (e) => {
   const t = {};
   return Object.keys(e).forEach((r) => {
-    t[r] = P(e[r]);
+    t[r] = M(e[r]);
   }), t;
 }, Vs = (e, t) => ({
   action: e(),
   reducer: t
 }), $e = te("RX_INIT_STATE"), Ce = te("RX_ACTION_PROVIDERS"), ze = te("RX_EFFECTS_PROVIDERS"), Ir = te("RX_STATE_DEBUG");
-var va = class {
+var ga = class {
   constructor() {
     this._effects = [];
   }
@@ -2048,9 +2048,9 @@ var va = class {
   getEffects() {
     return this._effects;
   }
-}, Fs = class extends va {
+}, Fs = class extends ga {
   constructor(e, t = { reducers: [] }, r = !1) {
-    super(), this._initState = e, this._reducerConfig = t, this._debug = r, this._state = P(e);
+    super(), this._initState = e, this._reducerConfig = t, this._debug = r, this._state = M(e);
   }
   get state() {
     return this._state();
@@ -2079,7 +2079,7 @@ var va = class {
       });
     });
   }
-}, B = class {
+}, F = class {
   constructor() {
     this._debug && console.info("RX State Debugging: Enabled");
   }
@@ -2157,27 +2157,27 @@ var va = class {
     return Object.keys(this._state).reduce((t, r) => (t[r] = this._state[r](), t), {});
   }
 };
-g([H($e), F("design:type", Object)], B.prototype, "_state", void 0);
-g([H(Ce), F("design:type", Object)], B.prototype, "_reducerMap", void 0);
-g([H(ze), F("design:type", Object)], B.prototype, "_effectMap", void 0);
-g([H(Ir), F("design:type", Boolean)], B.prototype, "_debug", void 0);
-B = g([ee(), F("design:paramtypes", [])], B);
-function qs(e, t, r, a = !1) {
+v([H($e), V("design:type", Object)], F.prototype, "_state", void 0);
+v([H(Ce), V("design:type", Object)], F.prototype, "_reducerMap", void 0);
+v([H(ze), V("design:type", Object)], F.prototype, "_effectMap", void 0);
+v([H(Ir), V("design:type", Boolean)], F.prototype, "_debug", void 0);
+F = v([ee(), V("design:paramtypes", [])], F);
+function js(e, t, r, a = !1) {
   return (l) => {
-    l.bindValue($e, e), l.bindValue(Ce, t), l.bindValue(ze, r), l.bindValue(Ir, a), l.bind(B, B, { dependencies: [
+    l.bindValue($e, e), l.bindValue(Ce, t), l.bindValue(ze, r), l.bindValue(Ir, a), l.bind(F, F, { dependencies: [
       $e,
       Ce,
       ze
     ] });
   };
 }
-var Xe = /* @__PURE__ */ new WeakMap(), ga = class Mr {
+var Xe = /* @__PURE__ */ new WeakMap(), va = class Pr {
   constructor(t) {
     this._factory = null, this._hasEvents = !1, this._canCompile = !1, this.analyzeAndCompile(t);
   }
   static compile(t) {
     let r = Xe.get(t);
-    return r || (r = new Mr(t), Xe.set(t, r)), r;
+    return r || (r = new Pr(t), Xe.set(t, r)), r;
   }
   /**
   * Check if this template can use the fast path
@@ -2304,7 +2304,7 @@ function Je(e, t, r, a) {
     }
   }
   if (a.useCompiledPath === void 0 && e.length > 0) {
-    const u = r(e[0], 0), b = ga.compile(u.strings);
+    const u = r(e[0], 0), b = va.compile(u.strings);
     a.useCompiledPath = b.canUseFastPath(), a.useCompiledPath && (a.compiledTemplate = b);
   }
   const n = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
@@ -2415,7 +2415,7 @@ function xa(e) {
     l[s] = o, o = t[o];
   return l;
 }
-function js(e, t, r) {
+function Hs(e, t, r) {
   return U((a, l) => {
     if (!l) {
       const o = a.parentNode;
@@ -2534,7 +2534,7 @@ function Qe(e) {
   for (const t of e.nodes) t.parentNode?.removeChild(t);
   e.nodes = [], e.container = null;
 }
-function v(e) {
+function g(e) {
   return U((t, r) => {
     const a = t, l = /* @__PURE__ */ new Set();
     for (const [o, s] of Object.entries(e)) s && (a.classList.add(o), l.add(o));
@@ -2552,7 +2552,7 @@ function W(e) {
     return l;
   });
 }
-function Hs(e) {
+function Gs(e) {
   return U((t, r) => {
     if (!r) {
       const a = t.parentNode;
@@ -2614,15 +2614,15 @@ function za(e, t, r) {
   };
 }
 he("portal", za);
-var Gs = class {
+var Ks = class {
   constructor() {
     this.__directive = !0;
   }
 };
-const Pr = Symbol("melodic.formControl");
+const Mr = Symbol("melodic.formControl");
 var Sa = class {
   constructor(e, t = {}) {
-    this[Pr] = !0, this._validators = [], this._asyncValidators = [], this._touched = P(!1), this._dirty = P(!1), this._pending = P(!1), this._disabled = P(!1), this._asyncValidationId = 0, this.initialValue = e, this.value = P(e), this.errors = P(null), this._validators = t.validators ?? [], this._asyncValidators = t.asyncValidators ?? [], this._disabled.set(t.disabled ?? !1), this.updateOn = t.updateOn ?? "input", this.dirty = T(() => this._dirty()), this.touched = T(() => this._touched()), this.pristine = T(() => !this._dirty()), this.pending = T(() => this._pending()), this.disabled = T(() => this._disabled()), this.valid = T(() => this.errors() === null && !this._pending()), this.invalid = T(() => this.errors() !== null), this.state = T(() => ({
+    this[Mr] = !0, this._validators = [], this._asyncValidators = [], this._touched = M(!1), this._dirty = M(!1), this._pending = M(!1), this._disabled = M(!1), this._asyncValidationId = 0, this.initialValue = e, this.value = M(e), this.errors = M(null), this._validators = t.validators ?? [], this._asyncValidators = t.asyncValidators ?? [], this._disabled.set(t.disabled ?? !1), this.updateOn = t.updateOn ?? "input", this.dirty = T(() => this._dirty()), this.touched = T(() => this._touched()), this.pristine = T(() => !this._dirty()), this.pending = T(() => this._pending()), this.disabled = T(() => this._disabled()), this.valid = T(() => this.errors() === null && !this._pending()), this.invalid = T(() => this.errors() !== null), this.state = T(() => ({
       dirty: this._dirty(),
       touched: this._touched(),
       pristine: !this._dirty(),
@@ -2722,7 +2722,7 @@ var Sa = class {
 const Ea = Symbol("melodic.formGroup");
 var Ra = class {
   constructor(e, t = {}) {
-    this[Ea] = !0, this._validators = [], this._asyncValidators = [], this._disabled = P(!1), this._controlEffects = [], this.controls = e, this._validators = t.validators ?? [], this._asyncValidators = t.asyncValidators ?? [], this._disabled.set(t.disabled ?? !1), this.value = T(() => this.computeValue()), this.errors = P(null), this.setupControlWatchers(), this.valid = T(() => this.errors() !== null ? !1 : Object.values(this.controls).every((r) => r.valid())), this.invalid = T(() => !this.valid()), this.pending = T(() => Object.values(this.controls).some((r) => r.pending())), this.dirty = T(() => Object.values(this.controls).some((r) => r.dirty())), this.touched = T(() => Object.values(this.controls).some((r) => r.touched())), this.pristine = T(() => !this.dirty()), this.disabled = T(() => this._disabled()), this.runGroupValidation();
+    this[Ea] = !0, this._validators = [], this._asyncValidators = [], this._disabled = M(!1), this._controlEffects = [], this.controls = e, this._validators = t.validators ?? [], this._asyncValidators = t.asyncValidators ?? [], this._disabled.set(t.disabled ?? !1), this.value = T(() => this.computeValue()), this.errors = M(null), this.setupControlWatchers(), this.valid = T(() => this.errors() !== null ? !1 : Object.values(this.controls).every((r) => r.valid())), this.invalid = T(() => !this.valid()), this.pending = T(() => Object.values(this.controls).some((r) => r.pending())), this.dirty = T(() => Object.values(this.controls).some((r) => r.dirty())), this.touched = T(() => Object.values(this.controls).some((r) => r.touched())), this.pristine = T(() => !this.dirty()), this.disabled = T(() => this._disabled()), this.runGroupValidation();
   }
   get(e) {
     return this.controls[e];
@@ -2838,13 +2838,13 @@ var Ra = class {
     this.errors.set(t);
   }
 };
-function Ks(e, t) {
+function Ws(e, t) {
   return new Sa(e, t);
 }
-function Ws(e, t) {
+function Us(e, t) {
   return new Ra(e, t);
 }
-const Us = {
+const Ys = {
   required: (e) => e == null || e === "" || Array.isArray(e) && e.length === 0 ? { required: {
     code: "required",
     message: "This field is required"
@@ -2920,20 +2920,20 @@ const Us = {
     return a;
   }
 };
-function Ys(e, t, r) {
+function Xs(e, t, r) {
   return (a) => t(a) ? null : { [e]: {
     code: e,
     message: typeof r == "function" ? r(a) : r
   } };
 }
-function Xs(e, t, r) {
+function Js(e, t, r) {
   return async (a) => await t(a) ? null : { [e]: {
     code: e,
     message: typeof r == "function" ? r(a) : r
   } };
 }
 function Ta(e) {
-  return e !== null && typeof e == "object" && Pr in e;
+  return e !== null && typeof e == "object" && Mr in e;
 }
 function Da(e) {
   const t = e.tagName.toLowerCase();
@@ -3069,7 +3069,7 @@ const Ia = {
   "--ml-purple-800": "#53389e",
   "--ml-purple-900": "#42307d",
   "--ml-purple-950": "#2c1c5f"
-}, Ma = {
+}, Pa = {
   "--ml-color-primary": "var(--ml-blue-600)",
   "--ml-color-primary-hover": "var(--ml-blue-700)",
   "--ml-color-primary-active": "var(--ml-blue-800)",
@@ -3147,7 +3147,7 @@ const Ia = {
   "--ml-tooltip-bg": "var(--ml-gray-900)",
   "--ml-tooltip-text": "var(--ml-white)",
   "--ml-card-footer-bg": "var(--ml-gray-50)"
-}, Pa = {
+}, Ma = {
   "--ml-space-0": "0",
   "--ml-space-px": "1px",
   "--ml-space-0-5": "0.125rem",
@@ -3264,7 +3264,7 @@ const Ia = {
   "--ml-border-2": "2px",
   "--ml-border-4": "4px",
   "--ml-border-8": "8px"
-}, Va = {
+}, qa = {
   "--ml-duration-0": "0ms",
   "--ml-duration-75": "75ms",
   "--ml-duration-100": "100ms",
@@ -3285,31 +3285,31 @@ const Ia = {
   "--ml-transition-opacity": "opacity var(--ml-duration-150) var(--ml-ease-in-out)",
   "--ml-transition-shadow": "box-shadow var(--ml-duration-150) var(--ml-ease-in-out)",
   "--ml-transition-transform": "transform var(--ml-duration-150) var(--ml-ease-in-out)"
-}, Fa = {
+}, Va = {
   "--ml-screen-xs": "320px",
   "--ml-screen-sm": "640px",
   "--ml-screen-md": "768px",
   "--ml-screen-lg": "1024px",
   "--ml-screen-xl": "1280px",
   "--ml-screen-2xl": "1536px"
-}, Js = {
+}, Qs = {
   xs: 320,
   sm: 640,
   md: 768,
   lg: 1024,
   xl: 1280,
   "2xl": 1536
-}, Ba = {
+}, Fa = {
   ...Ia,
-  ...Ma,
   ...Pa,
+  ...Ma,
   ...Oa,
   ...La,
   ...Na,
-  ...Va,
-  ...Fa
+  ...qa,
+  ...Va
 };
-function qa(e) {
+function Ba(e) {
   return Object.entries(e).map(([t, r]) => `${t}: ${r};`).join(`
 	`);
 }
@@ -3327,7 +3327,7 @@ const ja = {
   "--ml-color-border": "var(--ml-gray-200)",
   "--ml-color-border-strong": "var(--ml-gray-300)",
   "--ml-color-border-muted": "var(--ml-gray-100)"
-}, Qs = `:root, [data-theme="light"] {
+}, Zs = `:root, [data-theme="light"] {
 	${Object.entries(ja).map(([e, t]) => `${e}: ${t};`).join(`
 	`)}
 
@@ -3401,7 +3401,7 @@ const ja = {
   "--ml-tooltip-bg": "var(--ml-gray-100)",
   "--ml-tooltip-text": "var(--ml-gray-900)",
   "--ml-card-footer-bg": "var(--ml-gray-800)"
-}, Zs = `[data-theme="dark"] {
+}, en = `[data-theme="dark"] {
 	${Object.entries(et).map(([e, t]) => `${e}: ${t};`).join(`
 	`)}
 
@@ -3415,14 +3415,14 @@ const ja = {
 
 		color-scheme: dark;
 	}
-}`, en = `:root {
-	${qa(Ba)}
+}`, tn = `:root {
+	${Ba(Fa)}
 
 	/* Default to light color scheme */
 	color-scheme: light;
 }`;
 var ce = "system", Se = /* @__PURE__ */ new Set(), ne = null;
-function tn() {
+function rn() {
   return ce;
 }
 function Ha() {
@@ -3440,13 +3440,13 @@ function Ga(e) {
   } else
     document.documentElement.setAttribute("data-theme", e), fe(e, e);
 }
-function rn(e) {
+function an(e) {
   return Se.add(e), () => Se.delete(e);
 }
 function fe(e, t) {
   Se.forEach((r) => r(e, t));
 }
-function an() {
+function ln() {
   Ga(Ha() === "light" ? "dark" : "light");
 }
 function Or(e, t) {
@@ -3455,13 +3455,13 @@ function Or(e, t) {
 	`)}
 }`;
 }
-function ln(e, t) {
+function on(e, t) {
   const r = Or(e, t), a = document.createElement("style");
   a.id = `ml-theme-${e}`, a.textContent = r;
   const l = document.getElementById(a.id);
   return l && l.remove(), document.head.appendChild(a), a;
 }
-function on(e, t) {
+function sn(e, t) {
   const r = {};
   return t.primary && (r["--ml-color-primary"] = t.primary), t.secondary && (r["--ml-color-secondary"] = t.secondary), t.success && (r["--ml-color-success"] = t.success), t.warning && (r["--ml-color-warning"] = t.warning), t.danger && (r["--ml-color-danger"] = t.danger), Or(e, r);
 }
@@ -3570,7 +3570,7 @@ function Ua(e) {
   }
   return t;
 }
-function Me(e, t, r, a = {}) {
+function Pe(e, t, r, a = {}) {
   const { ancestorScroll: l = !0, ancestorResize: o = !0, elementResize: s = !0, animationFrame: n = !1 } = a, c = [];
   if (l) {
     const m = Ua(e);
@@ -3776,21 +3776,21 @@ var Xa = [
   "[contenteditable]",
   '[tabindex]:not([tabindex="-1"])'
 ].join(", ");
-function Pe(e) {
+function Me(e) {
   return Array.from(e.querySelectorAll(Xa)).filter((t) => !(t.offsetParent === null && t.style.position !== "fixed" || getComputedStyle(t).visibility === "hidden"));
 }
 function Nr(e) {
-  return Pe(e)[0] ?? null;
+  return Me(e)[0] ?? null;
 }
 function Ja(e) {
-  const t = Pe(e);
+  const t = Me(e);
   return t[t.length - 1] ?? null;
 }
-function sn(e) {
+function nn(e) {
   const t = Nr(e);
   return t ? (t.focus(), !0) : !1;
 }
-function nn(e) {
+function dn(e) {
   const t = Ja(e);
   return t ? (t.focus(), !0) : !1;
 }
@@ -3799,7 +3799,7 @@ function Qa(e, t = {}) {
   let o = !1, s = null;
   function n(h) {
     if (h.key !== "Tab" || !o) return;
-    const u = Pe(e);
+    const u = Me(e);
     if (u.length === 0) return;
     const b = u[0], y = u[u.length - 1];
     h.shiftKey ? document.activeElement === b && (h.preventDefault(), y.focus()) : document.activeElement === y && (h.preventDefault(), b.focus());
@@ -3828,12 +3828,12 @@ function Qa(e, t = {}) {
     isActive: p
   };
 }
-function dn(e, t) {
+function cn(e, t) {
   const r = Qa(e, t);
   return r.activate(), () => r.deactivate();
 }
 var Q = !1, at = !1;
-function Vr() {
+function qr() {
   at || (at = !0, document.addEventListener("keydown", () => {
     Q = !0;
   }, !0), document.addEventListener("mousedown", () => {
@@ -3842,11 +3842,11 @@ function Vr() {
     Q = !1;
   }, !0));
 }
-function cn() {
-  return Vr(), Q;
+function mn() {
+  return qr(), Q;
 }
-function mn(e, t = "focus-visible") {
-  Vr();
+function pn(e, t = "focus-visible") {
+  qr();
   function r() {
     Q && e.classList.add(t);
   }
@@ -3871,13 +3871,13 @@ function Za() {
     border: "0"
   }), document.body.appendChild(I)), I;
 }
-function pn(e, t = "polite") {
+function hn(e, t = "polite") {
   const r = Za();
   r.setAttribute("aria-live", t), r.textContent = "", setTimeout(() => {
     r.textContent = e;
   }, 50);
 }
-function hn(e = {}) {
+function un(e = {}) {
   const { id: t, priority: r = "polite", atomic: a = !0 } = e, l = document.createElement("div");
   return t && (l.id = t), l.setAttribute("aria-live", r), l.setAttribute("aria-atomic", a.toString()), l.setAttribute("role", "status"), Object.assign(l.style, {
     position: "absolute",
@@ -3891,7 +3891,7 @@ function hn(e = {}) {
     border: "0"
   }), l;
 }
-const un = `
+const gn = `
 	*,
 	*::before,
 	*::after {
@@ -3959,7 +3959,7 @@ const un = `
 		clip: auto;
 		white-space: normal;
 	}
-`, gn = `
+`, bn = `
 	:host {
 		/* Inherit font from parent by default */
 		font-family: var(--ml-font-sans);
@@ -3991,7 +3991,7 @@ const un = `
 		display: none !important;
 	}
 `;
-function bn(e, t) {
+function fn(e, t) {
   function r(a) {
     const l = a.target;
     e.contains(l) || t(a);
@@ -4000,7 +4000,7 @@ function bn(e, t) {
     document.removeEventListener("click", r, !0);
   };
 }
-var Fr = class {
+var Vr = class {
   constructor() {
     this._viewport = null, this._resizeObserver = null, this._options = null, this._handleScroll = () => {
       this._compute(this._viewport.clientHeight);
@@ -4051,7 +4051,7 @@ he("tooltip", rl);
 function al(e) {
   return i`
 		<div
-			class=${v({
+			class=${g({
     spinner: !0,
     [`spinner--${e.size}`]: !0
   })}
@@ -4164,7 +4164,7 @@ var lt = class {
     this.size = "md", this.label = "Loading";
   }
 };
-lt = g([_({
+lt = v([_({
   selector: "ml-spinner",
   template: al,
   styles: ll,
@@ -4174,7 +4174,7 @@ function ol(e) {
   return i`
 		<button
 			type="${e.type}"
-			class=${v({
+			class=${g({
     "ml-button": !0,
     [`ml-button--${e.variant}`]: !0,
     [`ml-button--${e.size}`]: !0,
@@ -4471,7 +4471,7 @@ var ot = class {
     return this.disabled || this.loading;
   }
 };
-ot = g([_({
+ot = v([_({
   selector: "ml-button",
   template: ol,
   styles: il,
@@ -4487,7 +4487,7 @@ ot = g([_({
 function sl(e) {
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-button-group": !0,
     "ml-button-group--disabled": e.disabled
   })}
@@ -4557,7 +4557,7 @@ var it = class {
     });
   }
 };
-it = g([_({
+it = v([_({
   selector: "ml-button-group",
   template: sl,
   styles: nl,
@@ -4705,7 +4705,7 @@ var st = class {
     return this.disabled || this.groupDisabled;
   }
 };
-st = g([_({
+st = v([_({
   selector: "ml-button-group-item",
   template: dl,
   styles: cl,
@@ -4721,7 +4721,7 @@ st = g([_({
 function ml(e) {
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-input": !0,
     [`ml-input--${e.size}`]: !0,
     "ml-input--disabled": e.disabled,
@@ -4976,7 +4976,7 @@ var nt = class {
     !this.label && this.placeholder && this.elementRef.setAttribute("aria-label", this.placeholder);
   }
 };
-nt = g([_({
+nt = v([_({
   selector: "ml-input",
   template: ml,
   styles: pl,
@@ -4997,7 +4997,7 @@ nt = g([_({
 function hl(e) {
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-textarea": !0,
     [`ml-textarea--${e.size}`]: !0,
     "ml-textarea--disabled": e.disabled,
@@ -5233,7 +5233,7 @@ var dt = class {
     !this.label && this.placeholder && this.elementRef.setAttribute("aria-label", this.placeholder);
   }
 };
-dt = g([_({
+dt = v([_({
   selector: "ml-textarea",
   template: hl,
   styles: ul,
@@ -5252,10 +5252,10 @@ dt = g([_({
     "resize"
   ]
 })], dt);
-function vl(e) {
+function gl(e) {
   return i`
 		<label
-			class=${v({
+			class=${g({
     "ml-checkbox": !0,
     [`ml-checkbox--${e.size}`]: !0,
     "ml-checkbox--checked": e.checked,
@@ -5288,7 +5288,7 @@ function vl(e) {
 		${d(!!e.hint, () => i`<span class="ml-checkbox__hint">${e.hint}</span>`)}
 	`;
 }
-const gl = () => w`
+const vl = () => w`
 	:host {
 		display: block;
 
@@ -5452,10 +5452,10 @@ var ct = class {
     };
   }
 };
-ct = g([_({
+ct = v([_({
   selector: "ml-checkbox",
-  template: vl,
-  styles: gl,
+  template: gl,
+  styles: vl,
   attributes: [
     "label",
     "hint",
@@ -5468,7 +5468,7 @@ ct = g([_({
 function bl(e) {
   return i`
 		<label
-			class=${v({
+			class=${g({
     "ml-radio": !0,
     [`ml-radio--${e.size}`]: !0,
     "ml-radio--checked": e.checked,
@@ -5664,7 +5664,7 @@ var mt = class {
     };
   }
 };
-mt = g([_({
+mt = v([_({
   selector: "ml-radio",
   template: bl,
   styles: fl,
@@ -5681,7 +5681,7 @@ mt = g([_({
 function _l(e) {
   return i`
 		<fieldset
-			class=${v({
+			class=${g({
     "ml-radio-group": !0,
     [`ml-radio-group--${e.orientation}`]: !0,
     "ml-radio-group--disabled": e.disabled,
@@ -5793,7 +5793,7 @@ var pt = class {
     });
   }
 };
-pt = g([_({
+pt = v([_({
   selector: "ml-radio-group",
   template: _l,
   styles: wl,
@@ -5811,7 +5811,7 @@ pt = g([_({
 function yl(e) {
   return i`
 		<fieldset
-			class=${v({
+			class=${g({
     "ml-radio-card-group": !0,
     "ml-radio-card-group--disabled": e.disabled,
     "ml-radio-card-group--error": !!e.error
@@ -5826,7 +5826,7 @@ function yl(e) {
 					</legend>
 				`)}
 
-			<div class=${v({
+			<div class=${g({
     "ml-radio-card-group__options": !0,
     [`ml-radio-card-group__options--${e.orientation}`]: !0
   })}>
@@ -5958,7 +5958,7 @@ var ht = class {
     });
   }
 };
-ht = g([_({
+ht = v([_({
   selector: "ml-radio-card-group",
   template: yl,
   styles: xl,
@@ -5975,7 +5975,7 @@ ht = g([_({
 function kl(e) {
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-radio-card": !0,
     "ml-radio-card--selected": e.selected,
     "ml-radio-card--disabled": e.isDisabled
@@ -6224,7 +6224,7 @@ var ut = class {
     return this.disabled || this.groupDisabled;
   }
 };
-ut = g([_({
+ut = v([_({
   selector: "ml-radio-card",
   template: kl,
   styles: $l,
@@ -6242,7 +6242,7 @@ ut = g([_({
 function Cl(e) {
   return i`
 		<label
-			class=${v({
+			class=${g({
     "ml-toggle": !0,
     [`ml-toggle--${e.size}`]: !0,
     "ml-toggle--checked": e.checked,
@@ -6418,7 +6418,7 @@ const zl = () => w`
 		line-height: var(--ml-leading-tight);
 	}
 `;
-var vt = class {
+var gt = class {
   constructor() {
     this.label = "", this.hint = "", this.size = "md", this.checked = !1, this.disabled = !1, this.handleChange = (t) => {
       if (this.disabled) {
@@ -6433,7 +6433,7 @@ var vt = class {
     };
   }
 };
-vt = g([_({
+gt = v([_({
   selector: "ml-toggle",
   template: Cl,
   styles: zl,
@@ -6444,11 +6444,11 @@ vt = g([_({
     "checked",
     "disabled"
   ]
-})], vt);
+})], gt);
 function Sl(e) {
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-select": !0,
     [`ml-select--${e.size}`]: !0,
     "ml-select--open": e.isOpen,
@@ -6530,7 +6530,7 @@ function Tl(e, t, r) {
   const a = e.multiple ? e.values.includes(t.value) : e.value === t.value, l = e.focusedIndex === r;
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-select__option": !0,
     "ml-select__option--selected": a,
     "ml-select__option--focused": l,
@@ -6977,7 +6977,7 @@ const Dl = () => w`
 		pointer-events: none;
 	}
 `;
-var gt = class {
+var vt = class {
   constructor() {
     this.label = "", this.placeholder = "Select an option", this.hint = "", this.error = "", this.size = "md", this.disabled = !1, this.required = !1, this.multiple = !1, this.value = "", this.values = [], this.options = [], this.search = "", this.isOpen = !1, this.focusedIndex = -1, this._handleKeyDown = this.onKeyDown.bind(this), this._handlePopoverToggle = this.onPopoverToggle.bind(this), this._handleScroll = null, this._lastCloseTime = 0, this._syncingValues = !1, this.toggle = () => {
       if (!this.disabled) {
@@ -7215,7 +7215,7 @@ var gt = class {
     return !0;
   }
 };
-gt = g([_({
+vt = v([_({
   selector: "ml-select",
   template: Sl,
   styles: Dl,
@@ -7230,11 +7230,11 @@ gt = g([_({
     "value",
     "multiple"
   ]
-})], gt);
+})], vt);
 function Al(e) {
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-slider": !0,
     [`ml-slider--${e.size}`]: !0,
     "ml-slider--disabled": e.disabled,
@@ -7507,7 +7507,7 @@ var bt = class {
     return `calc(${t * 100}% + ${10 - t * 20}px)`;
   }
 };
-bt = g([_({
+bt = v([_({
   selector: "ml-slider",
   template: Al,
   styles: Il,
@@ -7524,10 +7524,10 @@ bt = g([_({
     "error"
   ]
 })], bt);
-function Ml(e) {
+function Pl(e) {
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-form-field": !0,
     [`ml-form-field--${e.size}`]: !0,
     [`ml-form-field--${e.orientation}`]: !0,
@@ -7551,7 +7551,7 @@ function Ml(e) {
 		</div>
 	`;
 }
-const Pl = () => w`
+const Ml = () => w`
 	:host {
 		display: block;
 		width: 100%;
@@ -7808,10 +7808,10 @@ var ft = class {
     return null;
   }
 };
-ft = g([_({
+ft = v([_({
   selector: "ml-form-field",
-  template: Ml,
-  styles: Pl,
+  template: Pl,
+  styles: Ml,
   attributes: [
     "label",
     "hint",
@@ -7855,7 +7855,7 @@ function Ol(e) {
 				${$(e.days, (t) => t.iso, (t) => i`
 					<button
 						type="button"
-						class=${v({
+						class=${g({
     "ml-calendar__day": !0,
     "ml-calendar__day--other-month": !t.isCurrentMonth,
     "ml-calendar__day--today": t.isToday,
@@ -8139,7 +8139,7 @@ var Nl = [
   "October",
   "November",
   "December"
-], Vl = [
+], ql = [
   "Su",
   "Mo",
   "Tu",
@@ -8197,7 +8197,7 @@ var wt = class {
     return `${Nl[this.viewMonth]} ${this.viewYear}`;
   }
   get weekdays() {
-    return Vl;
+    return ql;
   }
   get days() {
     const t = this.viewYear, r = this.viewMonth, a = new Date(t, r, 1).getDay(), l = new Date(t, r + 1, 0).getDate(), o = new Date(t, r, 0).getDate(), s = _t(), n = [], c = r === 0 ? 11 : r - 1, m = r === 0 ? t - 1 : t;
@@ -8250,7 +8250,7 @@ var wt = class {
     return !!(this.min && t < this.min || this.max && t > this.max);
   }
 };
-wt = g([_({
+wt = v([_({
   selector: "ml-calendar",
   template: Ol,
   styles: Ll,
@@ -8260,9 +8260,9 @@ wt = g([_({
     "max"
   ]
 })], wt);
-function Fl(e) {
+function Vl(e) {
   return i`
-		<div class=${v({
+		<div class=${g({
     "ml-date-picker": !0,
     [`ml-date-picker--${e.size}`]: !0,
     "ml-date-picker--error": !!e.error,
@@ -8286,7 +8286,7 @@ function Fl(e) {
 				@keydown=${e.handleKeyDown}
 			>
 				<ml-icon icon="calendar-blank" size="sm" class="ml-date-picker__icon"></ml-icon>
-				<span class=${v({
+				<span class=${g({
     "ml-date-picker__value": !0,
     "ml-date-picker__value--placeholder": !e.value
   })}>
@@ -8307,7 +8307,7 @@ function Fl(e) {
 		</div>
 	`;
 }
-const Bl = () => w`
+const Fl = () => w`
 	:host {
 		display: block;
 
@@ -8517,7 +8517,7 @@ const Bl = () => w`
 		color: var(--ml-date-picker-error-color);
 	}
 `;
-var ql = [
+var Bl = [
   "Jan",
   "Feb",
   "Mar",
@@ -8536,7 +8536,7 @@ function jl(e) {
   const t = e.split("-");
   if (t.length !== 3) return e;
   const r = parseInt(t[1], 10) - 1, a = parseInt(t[2], 10), l = parseInt(t[0], 10);
-  return `${ql[r]} ${a}, ${l}`;
+  return `${Bl[r]} ${a}, ${l}`;
 }
 var yt = class {
   constructor() {
@@ -8581,7 +8581,7 @@ var yt = class {
     const t = this.getTriggerEl(), r = this.getPopoverEl();
     if (!t || !r) return;
     const a = () => this.updatePosition(t, r);
-    this._cleanupAutoUpdate?.(), this._cleanupAutoUpdate = Me(t, r, a);
+    this._cleanupAutoUpdate?.(), this._cleanupAutoUpdate = Pe(t, r, a);
   }
   updatePosition(t, r) {
     const { x: a, y: l } = re(t, r, {
@@ -8605,10 +8605,10 @@ var yt = class {
     return this.elementRef.shadowRoot?.querySelector(".ml-date-picker__popover");
   }
 };
-yt = g([_({
+yt = v([_({
   selector: "ml-date-picker",
-  template: Fl,
-  styles: Bl,
+  template: Vl,
+  styles: Fl,
   attributes: [
     "value",
     "placeholder",
@@ -8625,7 +8625,7 @@ yt = g([_({
 function Hl(e) {
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-alert": !0,
     [`ml-alert--${e.variant}`]: !0
   })}
@@ -8804,7 +8804,7 @@ var xt = class {
     }[this.variant]}"></ml-icon>`;
   }
 };
-xt = g([_({
+xt = v([_({
   selector: "ml-alert",
   template: Hl,
   styles: Gl,
@@ -8863,11 +8863,11 @@ var kt = class {
     return this._containerEl && document.body.contains(this._containerEl) ? this._containerEl : (this._containerEl = document.createElement("ml-toast-container"), this._containerEl.setAttribute("position", this._position), document.body.appendChild(this._containerEl), this._containerEl);
   }
 };
-kt = g([ee()], kt);
+kt = v([ee()], kt);
 function Kl(e) {
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-toast": !0,
     [`ml-toast--${e.variant}`]: !0
   })}
@@ -9042,7 +9042,7 @@ var $t = class {
     this.duration > 0 && (this._timer = setTimeout(() => this.dismiss(), this.duration));
   }
 };
-$t = g([_({
+$t = v([_({
   selector: "ml-toast",
   template: Kl,
   styles: Wl,
@@ -9057,7 +9057,7 @@ $t = g([_({
 function Ul(e) {
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-toast-container": !0,
     [`ml-toast-container--${e.position}`]: !0
   })}
@@ -9133,7 +9133,7 @@ var Ct = class {
     this.position = "top-right";
   }
 };
-Ct = g([_({
+Ct = v([_({
   selector: "ml-toast-container",
   template: Ul,
   styles: Yl,
@@ -9142,7 +9142,7 @@ Ct = g([_({
 function Xl(e) {
   const t = e.labelPosition === "top" && (!!e.label || e.showValue), r = e.labelPosition === "right" && e.showValue, a = e.labelPosition === "bottom" && e.showValue, l = e.labelPosition === "floating-top" && e.showValue, o = e.labelPosition === "floating-bottom" && e.showValue;
   return i`
-		<div class=${v({
+		<div class=${g({
     "ml-progress": !0,
     [`ml-progress--${e.variant}`]: !0,
     [`ml-progress--${e.size}`]: !0,
@@ -9185,7 +9185,7 @@ function Xl(e) {
 }
 function Jl(e) {
   return i`
-		<div class=${v({
+		<div class=${g({
     "ml-progress-circle": !0,
     [`ml-progress-circle--${e.variant}`]: !0,
     [`ml-progress-circle--${e.size}`]: !0
@@ -9228,7 +9228,7 @@ function Jl(e) {
 }
 function Ql(e) {
   return i`
-		<div class=${v({
+		<div class=${g({
     "ml-progress-half": !0,
     [`ml-progress-half--${e.variant}`]: !0,
     [`ml-progress-half--${e.size}`]: !0
@@ -9662,7 +9662,7 @@ var zt = class {
     return this.circleRadius + this.circleStroke;
   }
 };
-zt = g([_({
+zt = v([_({
   selector: "ml-progress",
   template: Zl,
   styles: eo,
@@ -9680,7 +9680,7 @@ zt = g([_({
 function to(e) {
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-card": !0,
     [`ml-card--${e.variant}`]: !0,
     "ml-card--hoverable": e.hoverable,
@@ -9825,7 +9825,7 @@ var St = class {
     return this.elementRef?.querySelector('[slot="footer"]') !== null;
   }
 };
-St = g([_({
+St = v([_({
   selector: "ml-card",
   template: to,
   styles: ro,
@@ -9838,7 +9838,7 @@ St = g([_({
 function ao(e) {
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-divider": !0,
     [`ml-divider--${e.orientation}`]: !0,
     "ml-divider--with-label": e.hasLabel
@@ -9946,7 +9946,7 @@ var Et = class {
     return this.elementRef?.textContent?.trim() !== "";
   }
 };
-Et = g([_({
+Et = v([_({
   selector: "ml-divider",
   template: ao,
   styles: lo,
@@ -9996,7 +9996,7 @@ var Rt = class {
     };
   }
 };
-Rt = g([_({
+Rt = v([_({
   selector: "ml-stack",
   template: oo,
   styles: io,
@@ -10045,7 +10045,7 @@ var Tt = class {
     };
   }
 };
-Tt = g([_({
+Tt = v([_({
   selector: "ml-container",
   template: so,
   styles: no,
@@ -10058,7 +10058,7 @@ Tt = g([_({
 function co(e) {
   return i`
 		<span
-			class=${v({
+			class=${g({
     "ml-avatar": !0,
     [`ml-avatar--${e.size}`]: !0,
     "ml-avatar--rounded": e.rounded
@@ -10186,7 +10186,7 @@ var Dt = class {
     return this.initials.slice(0, 2).toUpperCase();
   }
 };
-Dt = g([_({
+Dt = v([_({
   selector: "ml-avatar",
   template: co,
   styles: mo,
@@ -10202,7 +10202,7 @@ function po(e) {
   const t = e.color ? `--ml-badge-bg: ${e.color}; --ml-badge-color: #fff` : "";
   return i`
 		<span
-			class=${v({
+			class=${g({
     "ml-badge": !0,
     [`ml-badge--${e.variant}`]: !e.color,
     "ml-badge--custom": !!e.color,
@@ -10332,7 +10332,7 @@ var At = class {
     this.variant = "default", this.size = "md", this.dot = !1, this.pill = !1, this.color = "";
   }
 };
-At = g([_({
+At = v([_({
   selector: "ml-badge",
   template: po,
   styles: ho,
@@ -10348,7 +10348,7 @@ function uo(e) {
   const t = e.badgePosition === "trailing";
   return i`
 		<span
-			class=${v({
+			class=${g({
     "ml-badge-group": !0,
     "ml-badge-group--pill": e.theme === "pill",
     "ml-badge-group--modern": e.theme === "modern",
@@ -10367,7 +10367,7 @@ function uo(e) {
 		</span>
 	`;
 }
-const vo = () => w`
+const go = () => w`
 	:host {
 		display: inline-block;
 
@@ -10518,10 +10518,10 @@ var It = class {
     this.label = "", this.variant = "default", this.theme = "pill", this.size = "md", this.badgePosition = "leading", this.icon = "";
   }
 };
-It = g([_({
+It = v([_({
   selector: "ml-badge-group",
   template: uo,
-  styles: vo,
+  styles: go,
   attributes: [
     "label",
     "variant",
@@ -10531,11 +10531,11 @@ It = g([_({
     "icon"
   ]
 })], It);
-function go(e) {
+function vo(e) {
   const t = e["avatar-src"], r = e["dot-color"];
   return i`
 		<span
-			class=${v({
+			class=${g({
     "ml-tag": !0,
     [`ml-tag--${e.size}`]: !0,
     "ml-tag--disabled": e.disabled
@@ -10543,7 +10543,7 @@ function go(e) {
 		>
 			${e.checkable ? i`
 				<button
-					class=${v({
+					class=${g({
     "ml-tag__checkbox": !0,
     "ml-tag__checkbox--checked": e.checked
   })}
@@ -10562,7 +10562,7 @@ function go(e) {
 			` : ""}
 			${e.icon ? i`<ml-icon class="ml-tag__icon" icon=${e.icon} size="sm"></ml-icon>` : ""}
 			${t ? i`<img class="ml-tag__avatar" src=${t} alt="" />` : ""}
-			${e.dot ? i`<span class=${v({
+			${e.dot ? i`<span class=${g({
     "ml-tag__dot": !0,
     [`ml-tag__dot--${r}`]: !0
   })}></span>` : ""}
@@ -10812,7 +10812,7 @@ const bo = () => w`
 		pointer-events: none;
 	}
 `;
-var Mt = class {
+var Pt = class {
   constructor() {
     this.size = "md", this.dot = !1, this["dot-color"] = "success", this.closable = !1, this["avatar-src"] = "", this.icon = "", this.count = "", this.checkable = !1, this.checked = !1, this.disabled = !1, this.handleClose = (t) => {
       t.stopPropagation(), !this.disabled && this.elementRef.dispatchEvent(new CustomEvent("ml:close", {
@@ -10828,9 +10828,9 @@ var Mt = class {
     };
   }
 };
-Mt = g([_({
+Pt = v([_({
   selector: "ml-tag",
-  template: go,
+  template: vo,
   styles: bo,
   attributes: [
     "size",
@@ -10844,11 +10844,11 @@ Mt = g([_({
     "checked",
     "disabled"
   ]
-})], Mt);
+})], Pt);
 function fo(e) {
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-list": !0,
     [`ml-list--${e.variant}`]: !0,
     [`ml-list--${e.size}`]: !0
@@ -10891,17 +10891,17 @@ const _o = () => w`
 		border-bottom: var(--ml-list-divider-width) solid var(--ml-list-divider-color);
 	}
 `;
-var Pt = class {
+var Mt = class {
   constructor() {
     this.variant = "default", this.size = "md";
   }
 };
-Pt = g([_({
+Mt = v([_({
   selector: "ml-list",
   template: fo,
   styles: _o,
   attributes: ["variant", "size"]
-})], Pt);
+})], Mt);
 function wo(e) {
   return i`
 		<div class="ml-li" role="listitem">
@@ -11029,7 +11029,7 @@ var Ot = class {
     return this.elementRef?.querySelector('[slot="trailing"]') !== null;
   }
 };
-Ot = g([_({
+Ot = v([_({
   selector: "ml-list-item",
   template: wo,
   styles: yo,
@@ -11043,7 +11043,7 @@ Ot = g([_({
 function xo(e) {
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-activity-feed": !0,
     [`ml-activity-feed--${e.variant}`]: !0
   })}
@@ -11086,7 +11086,7 @@ var Lt = class {
     this.variant = "list";
   }
 };
-Lt = g([_({
+Lt = v([_({
   selector: "ml-activity-feed",
   template: xo,
   styles: ko,
@@ -11115,7 +11115,7 @@ function $o(e) {
 					</div>
 					${d(e.indicator, () => i`
 							<span
-								class=${v({
+								class=${g({
     "ml-afi__indicator": !0,
     [`ml-afi__indicator--${e["indicator-color"]}`]: e.isPresetColor
   })}
@@ -11336,7 +11336,7 @@ var zo = /* @__PURE__ */ new Set([
     return this.elementRef?.querySelector('[slot="content"]') !== null;
   }
 };
-Nt = g([_({
+Nt = v([_({
   selector: "ml-activity-feed-item",
   template: $o,
   styles: Co,
@@ -11356,7 +11356,7 @@ function So(e, t, r) {
 }
 function Eo(e) {
   return i`
-		<div class=${v({
+		<div class=${g({
     "ml-table": !0,
     [`ml-table--${e.size}`]: !0,
     "ml-table--striped": e.striped,
@@ -11393,7 +11393,7 @@ function Eo(e) {
 							`)}
 							${$(e.columns, (t) => t.key, (t) => i`
 								<th
-									class=${v({
+									class=${g({
     "ml-table__th": !0,
     "ml-table__th--sortable": !!t.sortable,
     "ml-table__th--sorted": e.sortKey === t.key,
@@ -11425,7 +11425,7 @@ function Eo(e) {
     const a = e.startIndex + r;
     return i`
 								<tr
-									class=${v({
+									class=${g({
       "ml-table__row": !0,
       "ml-table__row--selected": e.isRowSelected(a)
     })}
@@ -11444,7 +11444,7 @@ function Eo(e) {
 										</td>
 									`)}
 									${$(e.columns, (l) => l.key, (l) => i`
-										<td class=${v({
+										<td class=${g({
       "ml-table__td": !0,
       [`ml-table__td--${l.align ?? "left"}`]: !0
     })}>
@@ -11463,7 +11463,7 @@ function Eo(e) {
 				</table>
 			</div>
 
-			<div class=${v({
+			<div class=${g({
     "ml-table__footer": !0,
     "ml-table__footer--visible": e.hasFooter
   })}>
@@ -11757,13 +11757,13 @@ const Ro = () => w`
 		padding: var(--ml-space-2) var(--ml-space-4);
 	}
 `;
-var Br = /* @__PURE__ */ new WeakSet(), To = EventTarget.prototype.addEventListener;
+var Fr = /* @__PURE__ */ new WeakSet(), To = EventTarget.prototype.addEventListener;
 EventTarget.prototype.addEventListener = function(e, t, r) {
-  e === "ml:row-click" && Br.add(this), To.call(this, e, t, r);
+  e === "ml:row-click" && Fr.add(this), To.call(this, e, t, r);
 };
-var Vt = class {
+var qt = class {
   constructor() {
-    this._rowClickable = !1, this.hasFooter = !1, this.hasHeaderActions = !1, this.selectable = !1, this.striped = !1, this.hoverable = !0, this.stickyHeader = !1, this.size = "md", this.tableTitle = "", this.description = "", this.virtual = !1, this.columns = [], this.rows = [], this.sortKey = "", this.sortDirection = "asc", this.selectedIndices = [], this.startIndex = 0, this.endIndex = 50, this._scroller = new Fr(), this._viewport = null, this.isRowSelected = (t) => this.selectedIndices.includes(t), this.handleSort = (t) => {
+    this._rowClickable = !1, this.hasFooter = !1, this.hasHeaderActions = !1, this.selectable = !1, this.striped = !1, this.hoverable = !0, this.stickyHeader = !1, this.size = "md", this.tableTitle = "", this.description = "", this.virtual = !1, this.columns = [], this.rows = [], this.sortKey = "", this.sortDirection = "asc", this.selectedIndices = [], this.startIndex = 0, this.endIndex = 50, this._scroller = new Vr(), this._viewport = null, this.isRowSelected = (t) => this.selectedIndices.includes(t), this.handleSort = (t) => {
       t.sortable && (this.sortKey === t.key ? this.sortDirection = this.sortDirection === "asc" ? "desc" : "asc" : (this.sortKey = t.key, this.sortDirection = "asc"), this.selectedIndices = [], this._scroller.invalidate(), this.elementRef.dispatchEvent(new CustomEvent("ml:sort", {
         bubbles: !0,
         composed: !0,
@@ -11794,7 +11794,7 @@ var Vt = class {
     (t === "rows" || t === "columns") && this._scroller.invalidate();
   }
   onInit() {
-    this._rowClickable = Br.has(this.elementRef);
+    this._rowClickable = Fr.has(this.elementRef);
   }
   onCreate() {
     const t = this.elementRef.shadowRoot;
@@ -11868,7 +11868,7 @@ var Vt = class {
     }));
   }
 };
-Vt = g([_({
+qt = v([_({
   selector: "ml-table",
   template: Eo,
   styles: Ro,
@@ -11882,7 +11882,7 @@ Vt = g([_({
     "sticky-header",
     "virtual"
   ]
-})], Vt);
+})], qt);
 function Do(e, t, r) {
   if (e.render) return e.render(t[e.key], t, r);
   const a = t[e.key];
@@ -11891,7 +11891,7 @@ function Do(e, t, r) {
 function Ao(e) {
   const t = e.gridTemplateColumns, r = e.totalGridWidth;
   return i`
-		<div class=${v({
+		<div class=${g({
     "ml-data-grid": !0,
     [`ml-data-grid--${e.size}`]: !0,
     "ml-data-grid--striped": e.striped,
@@ -11929,7 +11929,7 @@ function Ao(e) {
 						`)}
 						${$(e.orderedColumns, (a) => a.key, (a) => i`
 							<div
-								class=${v({
+								class=${g({
     "ml-data-grid__th": !0,
     [`ml-data-grid__th--${a.align ?? "left"}`]: !0,
     "ml-data-grid__th--sortable": !!a.sortable,
@@ -11977,7 +11977,7 @@ function Ao(e) {
 							`)}
 							${$(e.orderedColumns, (a) => a.key, (a) => i`
 								<div
-									class=${v({
+									class=${g({
     "ml-data-grid__filter-cell": !0,
     "ml-data-grid__filter-cell--pinned-left": a.pinned === "left"
   })}
@@ -12005,7 +12005,7 @@ function Ao(e) {
 					<!-- Data rows -->
 					${$(e.visibleRows, (a, l) => e.startIndex + l, (a, l) => i`
 							<div
-								class=${v({
+								class=${g({
     "ml-data-grid__row": !0,
     "ml-data-grid__row--selected": e.isRowSelected(e.startIndex + l),
     "ml-data-grid__row--even": (e.startIndex + l) % 2 === 1
@@ -12027,7 +12027,7 @@ function Ao(e) {
 								`)}
 								${$(e.orderedColumns, (o) => o.key, (o) => i`
 									<div
-										class=${v({
+										class=${g({
     "ml-data-grid__td": !0,
     [`ml-data-grid__td--${o.align ?? "left"}`]: !0,
     "ml-data-grid__td--pinned-left": o.pinned === "left",
@@ -12637,9 +12637,9 @@ const Io = () => w`
 		cursor: not-allowed;
 	}
 `;
-var Ft = class {
+var Vt = class {
   constructor() {
-    this.selectable = !1, this.striped = !1, this.hoverable = !0, this.size = "md", this.gridTitle = "", this.description = "", this.serverSide = !1, this.pageSize = 50, this.virtual = !0, this.showFilterRow = !1, this.columns = [], this.rows = [], this.sortKey = "", this.sortDirection = "asc", this.filters = {}, this.selectedIndices = [], this.currentPage = 1, this.startIndex = 0, this.endIndex = 50, this.colWidths = {}, this.colOrder = [], this.resizingKey = null, this.draggingKey = null, this.dragOverKey = null, this._scroller = new Fr(), this._viewport = null, this._resizeStartX = 0, this._resizeStartWidth = 0, this.isRowSelected = (t) => this.selectedIndices.includes(t), this.handleSort = (t) => {
+    this.selectable = !1, this.striped = !1, this.hoverable = !0, this.size = "md", this.gridTitle = "", this.description = "", this.serverSide = !1, this.pageSize = 50, this.virtual = !0, this.showFilterRow = !1, this.columns = [], this.rows = [], this.sortKey = "", this.sortDirection = "asc", this.filters = {}, this.selectedIndices = [], this.currentPage = 1, this.startIndex = 0, this.endIndex = 50, this.colWidths = {}, this.colOrder = [], this.resizingKey = null, this.draggingKey = null, this.dragOverKey = null, this._scroller = new Vr(), this._viewport = null, this._resizeStartX = 0, this._resizeStartWidth = 0, this.isRowSelected = (t) => this.selectedIndices.includes(t), this.handleSort = (t) => {
       t.sortable && (this.sortKey === t.key ? this.sortDirection = this.sortDirection === "asc" ? "desc" : "asc" : (this.sortKey = t.key, this.sortDirection = "asc"), this.currentPage = 1, this._scroller.invalidate(), this.elementRef.dispatchEvent(new CustomEvent("ml:sort", {
         bubbles: !0,
         composed: !0,
@@ -12844,7 +12844,7 @@ var Ft = class {
     }));
   }
 };
-Ft = g([_({
+Vt = v([_({
   selector: "ml-data-grid",
   template: Ao,
   styles: Io,
@@ -12860,8 +12860,8 @@ Ft = g([_({
     "virtual",
     "show-filter-row"
   ]
-})], Ft);
-var Mo = [
+})], Vt);
+var Po = [
   "January",
   "February",
   "March",
@@ -12887,7 +12887,7 @@ var Mo = [
   "Oct",
   "Nov",
   "Dec"
-], qr = [
+], Br = [
   "Sunday",
   "Monday",
   "Tuesday",
@@ -12907,21 +12907,21 @@ var Mo = [
 function L(e, t, r) {
   return `${e}-${String(t + 1).padStart(2, "0")}-${String(r).padStart(2, "0")}`;
 }
-function Bt(e) {
+function Ft(e) {
   const [t, r, a] = e.split("T")[0].split("-").map(Number);
   return new Date(t, r - 1, a);
 }
-function Po(e, t) {
+function Mo(e, t) {
   return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
 function jr(e) {
-  return Po(e, /* @__PURE__ */ new Date());
+  return Mo(e, /* @__PURE__ */ new Date());
 }
 function G(e, t) {
   const r = new Date(e);
   return r.setDate(r.getDate() + t), r;
 }
-function qt(e, t) {
+function Bt(e, t) {
   const r = new Date(e);
   return r.setMonth(r.getMonth() + t), r;
 }
@@ -12940,7 +12940,7 @@ function j(e) {
   return a === 0 ? `${o} ${l}` : `${o}:${String(a).padStart(2, "0")} ${l}`;
 }
 function jt(e) {
-  return `${Mo[e.getMonth()]} ${e.getFullYear()}`;
+  return `${Po[e.getMonth()]} ${e.getFullYear()}`;
 }
 function Lo(e, t) {
   const r = Ee[e.getMonth()], a = Ee[t.getMonth()];
@@ -12996,20 +12996,20 @@ function Gt(e = 0) {
     const a = (e + r) % 7;
     return {
       short: Oe[a],
-      full: qr[a]
+      full: Br[a]
     };
   });
 }
 function pe(e, t) {
   return e.filter((r) => r.start.split("T")[0] === t);
 }
-function Vo(e) {
+function qo(e) {
   return Ee[e.getMonth()];
 }
-function Fo(e) {
-  return qr[e.getDay()];
+function Vo(e) {
+  return Br[e.getDay()];
 }
-function M(e) {
+function P(e) {
   const t = new Date(e);
   return t.getHours() * 60 + t.getMinutes();
 }
@@ -13019,13 +13019,13 @@ function Kt(e) {
 function Gr(e) {
   if (e.length === 0) return [];
   const t = [...e].sort((n, c) => {
-    const m = M(n.start), p = M(c.start);
+    const m = P(n.start), p = P(c.start);
     if (m !== p) return m - p;
-    const h = M(n.end) - m;
-    return M(c.end) - p - h;
+    const h = P(n.end) - m;
+    return P(c.end) - p - h;
   }), r = [], a = /* @__PURE__ */ new Map();
   for (const n of t) {
-    const c = M(n.start), m = M(n.end);
+    const c = P(n.start), m = P(n.end);
     let p = !1;
     for (let h = 0; h < r.length; h++) if (r[h][r[h].length - 1].end <= c) {
       r[h].push({ end: m }), a.set(n.id, h), p = !0;
@@ -13038,9 +13038,9 @@ function Gr(e) {
     if (o.has(n.id)) continue;
     const c = [n];
     o.add(n.id);
-    let m = M(n.end), p = a.get(n.id) + 1;
+    let m = P(n.end), p = a.get(n.id) + 1;
     for (const h of t)
-      o.has(h.id) || M(h.start) < m && (c.push(h), o.add(h.id), m = Math.max(m, M(h.end)), p = Math.max(p, a.get(h.id) + 1));
+      o.has(h.id) || P(h.start) < m && (c.push(h), o.add(h.id), m = Math.max(m, P(h.end)), p = Math.max(p, a.get(h.id) + 1));
     l.push({
       events: c,
       totalColumns: p
@@ -13048,7 +13048,7 @@ function Gr(e) {
   }
   const s = [];
   for (const n of l) for (const c of n.events) {
-    const m = M(c.start), p = M(c.end), h = a.get(c.id), u = n.totalColumns;
+    const m = P(c.start), p = P(c.end), h = a.get(c.id), u = n.totalColumns;
     s.push({
       event: c,
       gridRowStart: Kt(m),
@@ -13059,7 +13059,7 @@ function Gr(e) {
   }
   return s;
 }
-function Bo() {
+function Fo() {
   const e = [];
   for (let t = 0; t < 24; t++) for (let r = 0; r < 60; r += 30) {
     const a = t >= 12 ? "PM" : "AM", l = t % 12 || 12, o = r === 0 ? `${l} ${a}` : "";
@@ -13071,7 +13071,7 @@ function Bo() {
   }
   return e;
 }
-function qo(e, t, r) {
+function Bo(e, t, r) {
   return No(e, t).map((a) => {
     const l = L(a.getFullYear(), a.getMonth(), a.getDate()), o = pe(r, l).filter((s) => !s.allDay);
     return {
@@ -13140,7 +13140,7 @@ function Wo(e) {
 				<div class="ml-cv__view-dropdown">
 					<button
 						type="button"
-						class=${v({
+						class=${g({
     "ml-cv__view-trigger": !0,
     "ml-cv__view-trigger--open": e.isViewDropdownOpen
   })}
@@ -13153,7 +13153,7 @@ function Wo(e) {
 							<div class="ml-cv__view-menu">
 								<button
 									type="button"
-									class=${v({
+									class=${g({
     "ml-cv__view-option": !0,
     "ml-cv__view-option--active": e.view === "month"
   })}
@@ -13163,7 +13163,7 @@ function Wo(e) {
 								</button>
 								<button
 									type="button"
-									class=${v({
+									class=${g({
     "ml-cv__view-option": !0,
     "ml-cv__view-option--active": e.view === "week"
   })}
@@ -13173,7 +13173,7 @@ function Wo(e) {
 								</button>
 								<button
 									type="button"
-									class=${v({
+									class=${g({
     "ml-cv__view-option": !0,
     "ml-cv__view-option--active": e.view === "day"
   })}
@@ -13211,7 +13211,7 @@ function Yo(e, t) {
   const r = t.color || "blue";
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-cv__event-pill": !0,
     [`ml-cv__event-pill--${r}`]: !0
   })}
@@ -13234,7 +13234,7 @@ function Xo(e) {
 				${$(t, (o) => o.short, (o, s) => {
     const n = (l + s) % 7;
     return i`
-						<div class=${v({
+						<div class=${g({
       "ml-cv__weekday": !0,
       "ml-cv__weekday--today": n === a
     })}>${o.short}</div>
@@ -13247,13 +13247,13 @@ function Xo(e) {
     const s = o.events.slice(0, e.maxVisibleEvents), n = o.events.length - e.maxVisibleEvents;
     return i`
 						<div
-							class=${v({
+							class=${g({
       "ml-cv__day-cell": !0,
       "ml-cv__day-cell--other-month": !o.isCurrentMonth
     })}
 							@click=${() => e.handleDateClick(o.iso)}
 						>
-							<div class=${v({
+							<div class=${g({
       "ml-cv__day-number": !0,
       "ml-cv__day-number--today": o.isToday
     })}>${o.date}</div>
@@ -13290,7 +13290,7 @@ function Jo(e, t, r) {
   const a = t.event.color || "blue";
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-cv__time-event": !0,
     [`ml-cv__time-event--${a}`]: !0
   })}
@@ -13311,7 +13311,7 @@ function Qo(e) {
 			<div class="ml-cv__time-header ml-cv__time-header--week">
 				<div class="ml-cv__time-header-gutter"></div>
 				${$(t, (a) => a.date, (a) => i`
-					<div class=${v({
+					<div class=${g({
     "ml-cv__time-header-day": !0,
     "ml-cv__time-header-day--today": a.isToday
   })}>
@@ -13329,7 +13329,7 @@ function Qo(e) {
 					<!-- Day columns (background grid lines) -->
 					${$(t, (a) => a.date, (a, l) => i`
 						<div
-							class=${v({
+							class=${g({
     "ml-cv__time-column": !0,
     "ml-cv__time-column--last": l === 6
   })}
@@ -13361,7 +13361,7 @@ function Zo(e, t) {
   const r = t.event.color || "blue";
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-cv__time-event": !0,
     [`ml-cv__time-event--${r}`]: !0
   })}
@@ -13401,7 +13401,7 @@ function ei(e) {
 				${$(t, (o) => o.iso, (o) => i`
 					<button
 						type="button"
-						class=${v({
+						class=${g({
     "ml-cv__mini-cal-day": !0,
     "ml-cv__mini-cal-day--other": !o.isCurrentMonth,
     "ml-cv__mini-cal-day--today": o.isToday,
@@ -13449,7 +13449,7 @@ function ri(e) {
 				<div class="ml-cv__time-layout">
 					<div class="ml-cv__time-header ml-cv__time-header--day">
 						<div class="ml-cv__time-header-gutter"></div>
-						<div class=${v({
+						<div class=${g({
     "ml-cv__time-header-day": !0,
     "ml-cv__time-header-day--today": t.isToday
   })}>
@@ -14338,11 +14338,11 @@ var Wt = class {
     this.view = "month", this.date = "", this.weekStartsOn = 0, this.maxVisibleEvents = 3, this.addButtonText = "Add event", this.hideNav = !1, this.hideTodayButton = !1, this.hideViewSelector = !1, this.hideAddButton = !1, this.events = [], this.isViewDropdownOpen = !1, this._miniCalYear = 0, this._miniCalMonth = 0, this._hasScrolledToTime = !1, this._boundCloseDropdown = null, this.navigatePrev = () => {
       const t = this._currentDate;
       let r;
-      this.view === "month" ? r = qt(t, -1) : this.view === "week" ? r = G(t, -7) : r = G(t, -1), this.setDate(r);
+      this.view === "month" ? r = Bt(t, -1) : this.view === "week" ? r = G(t, -7) : r = G(t, -1), this.setDate(r);
     }, this.navigateNext = () => {
       const t = this._currentDate;
       let r;
-      this.view === "month" ? r = qt(t, 1) : this.view === "week" ? r = G(t, 7) : r = G(t, 1), this.setDate(r);
+      this.view === "month" ? r = Bt(t, 1) : this.view === "week" ? r = G(t, 7) : r = G(t, 1), this.setDate(r);
     }, this.goToToday = () => {
       this.setDate(/* @__PURE__ */ new Date());
     }, this.toggleViewDropdown = () => {
@@ -14384,7 +14384,7 @@ var Wt = class {
     }, this.miniCalNextMonth = () => {
       this._miniCalMonth === 11 ? (this._miniCalMonth = 0, this._miniCalYear++) : this._miniCalMonth++;
     }, this.handleMiniCalSelect = (t) => {
-      this.setDate(Bt(t));
+      this.setDate(Ft(t));
     };
   }
   /** Check if header-left slot has consumer content */
@@ -14396,7 +14396,7 @@ var Wt = class {
     return this.elementRef?.querySelector('[slot="header-actions"]') !== null;
   }
   get _currentDate() {
-    return this.date ? Bt(this.date) : /* @__PURE__ */ new Date();
+    return this.date ? Ft(this.date) : /* @__PURE__ */ new Date();
   }
   onCreate() {
     if (!this.date) {
@@ -14424,7 +14424,7 @@ var Wt = class {
     }
   }
   get todayMonthAbbrev() {
-    return Vo(/* @__PURE__ */ new Date());
+    return qo(/* @__PURE__ */ new Date());
   }
   get todayDayNumber() {
     return (/* @__PURE__ */ new Date()).getDate();
@@ -14441,7 +14441,7 @@ var Wt = class {
       const t = Hr(this._currentDate, this.weekStartsOn);
       return Lo(t, G(t, 6));
     }
-    return Fo(this._currentDate);
+    return Vo(this._currentDate);
   }
   get currentIsoDate() {
     const t = this._currentDate;
@@ -14456,10 +14456,10 @@ var Wt = class {
     return r;
   }
   get weekColumns() {
-    return qo(this._currentDate, this.weekStartsOn, this.events);
+    return Bo(this._currentDate, this.weekStartsOn, this.events);
   }
   get timeSlots() {
-    return Bo();
+    return Fo();
   }
   get dayColumn() {
     return jo(this._currentDate, this.events);
@@ -14494,7 +14494,7 @@ var Wt = class {
     }));
   }
 };
-Wt = g([_({
+Wt = v([_({
   selector: "ml-calendar-view",
   template: ai,
   styles: li,
@@ -14510,7 +14510,1538 @@ Wt = g([_({
     "hide-add-button"
   ]
 })], Wt);
-const oi = (e) => i`<i class="${e.format === "regular" ? "ph" : `ph-${e.format}`} ph-${e.icon}"></i>`, ii = () => w`
+const oi = {
+  acorn: "",
+  activity: "",
+  "address-book": "",
+  "address-book-tabs": "",
+  "air-traffic-control": "",
+  airplane: "",
+  "airplane-in-flight": "",
+  "airplane-landing": "",
+  "airplane-takeoff": "",
+  "airplane-taxiing": "",
+  "airplane-tilt": "",
+  airplay: "",
+  alarm: "",
+  alien: "",
+  "align-bottom": "",
+  "align-bottom-simple": "",
+  "align-center-horizontal": "",
+  "align-center-horizontal-simple": "",
+  "align-center-vertical": "",
+  "align-center-vertical-simple": "",
+  "align-left": "",
+  "align-left-simple": "",
+  "align-right": "",
+  "align-right-simple": "",
+  "align-top": "",
+  "align-top-simple": "",
+  "amazon-logo": "",
+  ambulance: "",
+  anchor: "",
+  "anchor-simple": "",
+  "android-logo": "",
+  angle: "",
+  "angular-logo": "",
+  aperture: "",
+  "app-store-logo": "",
+  "app-window": "",
+  "apple-logo": "",
+  "apple-podcasts-logo": "",
+  "approximate-equals": "",
+  archive: "",
+  "archive-box": "",
+  "archive-tray": "",
+  armchair: "",
+  "arrow-arc-left": "",
+  "arrow-arc-right": "",
+  "arrow-bend-double-up-left": "",
+  "arrow-bend-double-up-right": "",
+  "arrow-bend-down-left": "",
+  "arrow-bend-down-right": "",
+  "arrow-bend-left-down": "",
+  "arrow-bend-left-up": "",
+  "arrow-bend-right-down": "",
+  "arrow-bend-right-up": "",
+  "arrow-bend-up-left": "",
+  "arrow-bend-up-right": "",
+  "arrow-circle-down": "",
+  "arrow-circle-down-left": "",
+  "arrow-circle-down-right": "",
+  "arrow-circle-left": "",
+  "arrow-circle-right": "",
+  "arrow-circle-up": "",
+  "arrow-circle-up-left": "",
+  "arrow-circle-up-right": "",
+  "arrow-clockwise": "",
+  "arrow-counter-clockwise": "",
+  "arrow-down": "",
+  "arrow-down-left": "",
+  "arrow-down-right": "",
+  "arrow-elbow-down-left": "",
+  "arrow-elbow-down-right": "",
+  "arrow-elbow-left": "",
+  "arrow-elbow-left-down": "",
+  "arrow-elbow-left-up": "",
+  "arrow-elbow-right": "",
+  "arrow-elbow-right-down": "",
+  "arrow-elbow-right-up": "",
+  "arrow-elbow-up-left": "",
+  "arrow-elbow-up-right": "",
+  "arrow-fat-down": "",
+  "arrow-fat-left": "",
+  "arrow-fat-line-down": "",
+  "arrow-fat-line-left": "",
+  "arrow-fat-line-right": "",
+  "arrow-fat-line-up": "",
+  "arrow-fat-lines-down": "",
+  "arrow-fat-lines-left": "",
+  "arrow-fat-lines-right": "",
+  "arrow-fat-lines-up": "",
+  "arrow-fat-right": "",
+  "arrow-fat-up": "",
+  "arrow-left": "",
+  "arrow-line-down": "",
+  "arrow-line-down-left": "",
+  "arrow-line-down-right": "",
+  "arrow-line-left": "",
+  "arrow-line-right": "",
+  "arrow-line-up": "",
+  "arrow-line-up-left": "",
+  "arrow-line-up-right": "",
+  "arrow-right": "",
+  "arrow-square-down": "",
+  "arrow-square-down-left": "",
+  "arrow-square-down-right": "",
+  "arrow-square-in": "",
+  "arrow-square-left": "",
+  "arrow-square-out": "",
+  "arrow-square-right": "",
+  "arrow-square-up": "",
+  "arrow-square-up-left": "",
+  "arrow-square-up-right": "",
+  "arrow-u-down-left": "",
+  "arrow-u-down-right": "",
+  "arrow-u-left-down": "",
+  "arrow-u-left-up": "",
+  "arrow-u-right-down": "",
+  "arrow-u-right-up": "",
+  "arrow-u-up-left": "",
+  "arrow-u-up-right": "",
+  "arrow-up": "",
+  "arrow-up-left": "",
+  "arrow-up-right": "",
+  "arrows-clockwise": "",
+  "arrows-counter-clockwise": "",
+  "arrows-down-up": "",
+  "arrows-horizontal": "",
+  "arrows-in": "",
+  "arrows-in-cardinal": "",
+  "arrows-in-line-horizontal": "",
+  "arrows-in-line-vertical": "",
+  "arrows-in-simple": "",
+  "arrows-left-right": "",
+  "arrows-merge": "",
+  "arrows-out": "",
+  "arrows-out-cardinal": "",
+  "arrows-out-line-horizontal": "",
+  "arrows-out-line-vertical": "",
+  "arrows-out-simple": "",
+  "arrows-split": "",
+  "arrows-vertical": "",
+  article: "",
+  "article-medium": "",
+  "article-ny-times": "",
+  asclepius: "",
+  asterisk: "",
+  "asterisk-simple": "",
+  at: "",
+  atom: "",
+  avocado: "",
+  axe: "",
+  baby: "",
+  "baby-carriage": "",
+  backpack: "",
+  backspace: "",
+  bag: "",
+  "bag-simple": "",
+  balloon: "",
+  bandaids: "",
+  bank: "",
+  barbell: "",
+  barcode: "",
+  barn: "",
+  barricade: "",
+  baseball: "",
+  "baseball-cap": "",
+  "baseball-helmet": "",
+  basket: "",
+  basketball: "",
+  bathtub: "",
+  "battery-charging": "",
+  "battery-charging-vertical": "",
+  "battery-empty": "",
+  "battery-full": "",
+  "battery-high": "",
+  "battery-low": "",
+  "battery-medium": "",
+  "battery-plus": "",
+  "battery-plus-vertical": "",
+  "battery-vertical-empty": "",
+  "battery-vertical-full": "",
+  "battery-vertical-high": "",
+  "battery-vertical-low": "",
+  "battery-vertical-medium": "",
+  "battery-warning": "",
+  "battery-warning-vertical": "",
+  "beach-ball": "",
+  beanie: "",
+  bed: "",
+  "beer-bottle": "",
+  "beer-stein": "",
+  "behance-logo": "",
+  bell: "",
+  "bell-ringing": "",
+  "bell-simple": "",
+  "bell-simple-ringing": "",
+  "bell-simple-slash": "",
+  "bell-simple-z": "",
+  "bell-slash": "",
+  "bell-z": "",
+  belt: "",
+  "bezier-curve": "",
+  bicycle: "",
+  binary: "",
+  binoculars: "",
+  biohazard: "",
+  bird: "",
+  blueprint: "",
+  bluetooth: "",
+  "bluetooth-connected": "",
+  "bluetooth-slash": "",
+  "bluetooth-x": "",
+  boat: "",
+  bomb: "",
+  bone: "",
+  book: "",
+  "book-bookmark": "",
+  "book-open": "",
+  "book-open-text": "",
+  "book-open-user": "",
+  bookmark: "",
+  "bookmark-simple": "",
+  bookmarks: "",
+  "bookmarks-simple": "",
+  books: "",
+  boot: "",
+  boules: "",
+  "bounding-box": "",
+  "bowl-food": "",
+  "bowl-steam": "",
+  "bowling-ball": "",
+  "box-arrow-down": "",
+  "box-arrow-up": "",
+  "boxing-glove": "",
+  "brackets-angle": "",
+  "brackets-curly": "",
+  "brackets-round": "",
+  "brackets-square": "",
+  brain: "",
+  brandy: "",
+  bread: "",
+  bridge: "",
+  briefcase: "",
+  "briefcase-metal": "",
+  broadcast: "",
+  broom: "",
+  browser: "",
+  browsers: "",
+  bug: "",
+  "bug-beetle": "",
+  "bug-droid": "",
+  building: "",
+  "building-apartment": "",
+  "building-office": "",
+  buildings: "",
+  bulldozer: "",
+  bus: "",
+  butterfly: "",
+  "cable-car": "",
+  cactus: "",
+  caduceus: "",
+  cake: "",
+  calculator: "",
+  calendar: "",
+  "calendar-blank": "",
+  "calendar-check": "",
+  "calendar-dot": "",
+  "calendar-dots": "",
+  "calendar-heart": "",
+  "calendar-minus": "",
+  "calendar-plus": "",
+  "calendar-slash": "",
+  "calendar-star": "",
+  "calendar-x": "",
+  "call-bell": "",
+  camera: "",
+  "camera-plus": "",
+  "camera-rotate": "",
+  "camera-slash": "",
+  campfire: "",
+  car: "",
+  "car-battery": "",
+  "car-profile": "",
+  "car-simple": "",
+  cardholder: "",
+  cards: "",
+  "cards-three": "",
+  "caret-circle-double-down": "",
+  "caret-circle-double-left": "",
+  "caret-circle-double-right": "",
+  "caret-circle-double-up": "",
+  "caret-circle-down": "",
+  "caret-circle-left": "",
+  "caret-circle-right": "",
+  "caret-circle-up": "",
+  "caret-circle-up-down": "",
+  "caret-double-down": "",
+  "caret-double-left": "",
+  "caret-double-right": "",
+  "caret-double-up": "",
+  "caret-down": "",
+  "caret-left": "",
+  "caret-line-down": "",
+  "caret-line-left": "",
+  "caret-line-right": "",
+  "caret-line-up": "",
+  "caret-right": "",
+  "caret-up": "",
+  "caret-up-down": "",
+  carrot: "",
+  "cash-register": "",
+  "cassette-tape": "",
+  "castle-turret": "",
+  cat: "",
+  "cell-signal-full": "",
+  "cell-signal-high": "",
+  "cell-signal-low": "",
+  "cell-signal-medium": "",
+  "cell-signal-none": "",
+  "cell-signal-slash": "",
+  "cell-signal-x": "",
+  "cell-tower": "",
+  certificate: "",
+  chair: "",
+  chalkboard: "",
+  "chalkboard-simple": "",
+  "chalkboard-teacher": "",
+  champagne: "",
+  "charging-station": "",
+  "chart-bar": "",
+  "chart-bar-horizontal": "",
+  "chart-donut": "",
+  "chart-line": "",
+  "chart-line-down": "",
+  "chart-line-up": "",
+  "chart-pie": "",
+  "chart-pie-slice": "",
+  "chart-polar": "",
+  "chart-scatter": "",
+  chat: "",
+  "chat-centered": "",
+  "chat-centered-dots": "",
+  "chat-centered-slash": "",
+  "chat-centered-text": "",
+  "chat-circle": "",
+  "chat-circle-dots": "",
+  "chat-circle-slash": "",
+  "chat-circle-text": "",
+  "chat-dots": "",
+  "chat-slash": "",
+  "chat-teardrop": "",
+  "chat-teardrop-dots": "",
+  "chat-teardrop-slash": "",
+  "chat-teardrop-text": "",
+  "chat-text": "",
+  chats: "",
+  "chats-circle": "",
+  "chats-teardrop": "",
+  check: "",
+  "check-circle": "",
+  "check-fat": "",
+  "check-square": "",
+  "check-square-offset": "",
+  checkerboard: "",
+  checks: "",
+  cheers: "",
+  cheese: "",
+  "chef-hat": "",
+  cherries: "",
+  church: "",
+  cigarette: "",
+  "cigarette-slash": "",
+  circle: "",
+  "circle-dashed": "",
+  "circle-half": "",
+  "circle-half-tilt": "",
+  "circle-notch": "",
+  "circle-wavy": "",
+  "circle-wavy-check": "",
+  "circle-wavy-question": "",
+  "circle-wavy-warning": "",
+  "circles-four": "",
+  "circles-three": "",
+  "circles-three-plus": "",
+  circuitry: "",
+  city: "",
+  clipboard: "",
+  "clipboard-text": "",
+  clock: "",
+  "clock-afternoon": "",
+  "clock-clockwise": "",
+  "clock-countdown": "",
+  "clock-counter-clockwise": "",
+  "clock-user": "",
+  "closed-captioning": "",
+  cloud: "",
+  "cloud-arrow-down": "",
+  "cloud-arrow-up": "",
+  "cloud-check": "",
+  "cloud-fog": "",
+  "cloud-lightning": "",
+  "cloud-moon": "",
+  "cloud-rain": "",
+  "cloud-slash": "",
+  "cloud-snow": "",
+  "cloud-sun": "",
+  "cloud-warning": "",
+  "cloud-x": "",
+  clover: "",
+  club: "",
+  "coat-hanger": "",
+  "coda-logo": "",
+  code: "",
+  "code-block": "",
+  "code-simple": "",
+  "codepen-logo": "",
+  "codesandbox-logo": "",
+  coffee: "",
+  "coffee-bean": "",
+  coin: "",
+  "coin-vertical": "",
+  coins: "",
+  columns: "",
+  "columns-plus-left": "",
+  "columns-plus-right": "",
+  command: "",
+  compass: "",
+  "compass-rose": "",
+  "compass-tool": "",
+  "computer-tower": "",
+  confetti: "",
+  "contactless-payment": "",
+  control: "",
+  cookie: "",
+  "cooking-pot": "",
+  copy: "",
+  "copy-simple": "",
+  copyleft: "",
+  copyright: "",
+  "corners-in": "",
+  "corners-out": "",
+  couch: "",
+  "court-basketball": "",
+  cow: "",
+  "cowboy-hat": "",
+  cpu: "",
+  crane: "",
+  "crane-tower": "",
+  "credit-card": "",
+  cricket: "",
+  crop: "",
+  cross: "",
+  crosshair: "",
+  "crosshair-simple": "",
+  crown: "",
+  "crown-cross": "",
+  "crown-simple": "",
+  cube: "",
+  "cube-focus": "",
+  "cube-transparent": "",
+  "currency-btc": "",
+  "currency-circle-dollar": "",
+  "currency-cny": "",
+  "currency-dollar": "",
+  "currency-dollar-simple": "",
+  "currency-eth": "",
+  "currency-eur": "",
+  "currency-gbp": "",
+  "currency-inr": "",
+  "currency-jpy": "",
+  "currency-krw": "",
+  "currency-kzt": "",
+  "currency-ngn": "",
+  "currency-rub": "",
+  cursor: "",
+  "cursor-click": "",
+  "cursor-text": "",
+  cylinder: "",
+  database: "",
+  desk: "",
+  desktop: "",
+  "desktop-tower": "",
+  detective: "",
+  "dev-to-logo": "",
+  "device-mobile": "",
+  "device-mobile-camera": "",
+  "device-mobile-slash": "",
+  "device-mobile-speaker": "",
+  "device-rotate": "",
+  "device-tablet": "",
+  "device-tablet-camera": "",
+  "device-tablet-speaker": "",
+  devices: "",
+  diamond: "",
+  "diamonds-four": "",
+  "dice-five": "",
+  "dice-four": "",
+  "dice-one": "",
+  "dice-six": "",
+  "dice-three": "",
+  "dice-two": "",
+  disc: "",
+  "disco-ball": "",
+  "discord-logo": "",
+  divide: "",
+  dna: "",
+  dog: "",
+  door: "",
+  "door-open": "",
+  dot: "",
+  "dot-outline": "",
+  "dots-nine": "",
+  "dots-six": "",
+  "dots-six-vertical": "",
+  "dots-three": "",
+  "dots-three-circle": "",
+  "dots-three-circle-vertical": "",
+  "dots-three-outline": "",
+  "dots-three-outline-vertical": "",
+  "dots-three-vertical": "",
+  download: "",
+  "download-simple": "",
+  dress: "",
+  dresser: "",
+  "dribbble-logo": "",
+  drone: "",
+  drop: "",
+  "drop-half": "",
+  "drop-half-bottom": "",
+  "drop-simple": "",
+  "drop-slash": "",
+  "dropbox-logo": "",
+  ear: "",
+  "ear-slash": "",
+  egg: "",
+  "egg-crack": "",
+  eject: "",
+  "eject-simple": "",
+  elevator: "",
+  empty: "",
+  engine: "",
+  envelope: "",
+  "envelope-open": "",
+  "envelope-simple": "",
+  "envelope-simple-open": "",
+  equalizer: "",
+  equals: "",
+  eraser: "",
+  "escalator-down": "",
+  "escalator-up": "",
+  exam: "",
+  "exclamation-mark": "",
+  exclude: "",
+  "exclude-square": "",
+  export: "",
+  eye: "",
+  "eye-closed": "",
+  "eye-slash": "",
+  eyedropper: "",
+  "eyedropper-sample": "",
+  eyeglasses: "",
+  eyes: "",
+  "face-mask": "",
+  "facebook-logo": "",
+  factory: "",
+  faders: "",
+  "faders-horizontal": "",
+  "fallout-shelter": "",
+  fan: "",
+  farm: "",
+  "fast-forward": "",
+  "fast-forward-circle": "",
+  feather: "",
+  "fediverse-logo": "",
+  "figma-logo": "",
+  file: "",
+  "file-archive": "",
+  "file-arrow-down": "",
+  "file-arrow-up": "",
+  "file-audio": "",
+  "file-c": "",
+  "file-c-sharp": "",
+  "file-cloud": "",
+  "file-code": "",
+  "file-cpp": "",
+  "file-css": "",
+  "file-csv": "",
+  "file-dashed": "",
+  "file-doc": "",
+  "file-dotted": "",
+  "file-html": "",
+  "file-image": "",
+  "file-ini": "",
+  "file-jpg": "",
+  "file-js": "",
+  "file-jsx": "",
+  "file-lock": "",
+  "file-magnifying-glass": "",
+  "file-md": "",
+  "file-minus": "",
+  "file-pdf": "",
+  "file-plus": "",
+  "file-png": "",
+  "file-ppt": "",
+  "file-py": "",
+  "file-rs": "",
+  "file-search": "",
+  "file-sql": "",
+  "file-svg": "",
+  "file-text": "",
+  "file-ts": "",
+  "file-tsx": "",
+  "file-txt": "",
+  "file-video": "",
+  "file-vue": "",
+  "file-x": "",
+  "file-xls": "",
+  "file-zip": "",
+  files: "",
+  "film-reel": "",
+  "film-script": "",
+  "film-slate": "",
+  "film-strip": "",
+  fingerprint: "",
+  "fingerprint-simple": "",
+  "finn-the-human": "",
+  fire: "",
+  "fire-extinguisher": "",
+  "fire-simple": "",
+  "fire-truck": "",
+  "first-aid": "",
+  "first-aid-kit": "",
+  fish: "",
+  "fish-simple": "",
+  flag: "",
+  "flag-banner": "",
+  "flag-banner-fold": "",
+  "flag-checkered": "",
+  "flag-pennant": "",
+  flame: "",
+  flashlight: "",
+  flask: "",
+  "flip-horizontal": "",
+  "flip-vertical": "",
+  "floppy-disk": "",
+  "floppy-disk-back": "",
+  "flow-arrow": "",
+  flower: "",
+  "flower-lotus": "",
+  "flower-tulip": "",
+  "flying-saucer": "",
+  folder: "",
+  "folder-dashed": "",
+  "folder-dotted": "",
+  "folder-lock": "",
+  "folder-minus": "",
+  "folder-notch": "",
+  "folder-notch-minus": "",
+  "folder-notch-open": "",
+  "folder-notch-plus": "",
+  "folder-open": "",
+  "folder-plus": "",
+  "folder-simple": "",
+  "folder-simple-dashed": "",
+  "folder-simple-dotted": "",
+  "folder-simple-lock": "",
+  "folder-simple-minus": "",
+  "folder-simple-plus": "",
+  "folder-simple-star": "",
+  "folder-simple-user": "",
+  "folder-star": "",
+  "folder-user": "",
+  folders: "",
+  football: "",
+  "football-helmet": "",
+  footprints: "",
+  "fork-knife": "",
+  "four-k": "",
+  "frame-corners": "",
+  "framer-logo": "",
+  function: "",
+  funnel: "",
+  "funnel-simple": "",
+  "funnel-simple-x": "",
+  "funnel-x": "",
+  "game-controller": "",
+  garage: "",
+  "gas-can": "",
+  "gas-pump": "",
+  gauge: "",
+  gavel: "",
+  gear: "",
+  "gear-fine": "",
+  "gear-six": "",
+  "gender-female": "",
+  "gender-intersex": "",
+  "gender-male": "",
+  "gender-neuter": "",
+  "gender-nonbinary": "",
+  "gender-transgender": "",
+  ghost: "",
+  gif: "",
+  gift: "",
+  "git-branch": "",
+  "git-commit": "",
+  "git-diff": "",
+  "git-fork": "",
+  "git-merge": "",
+  "git-pull-request": "",
+  "github-logo": "",
+  "gitlab-logo": "",
+  "gitlab-logo-simple": "",
+  globe: "",
+  "globe-hemisphere-east": "",
+  "globe-hemisphere-west": "",
+  "globe-simple": "",
+  "globe-simple-x": "",
+  "globe-stand": "",
+  "globe-x": "",
+  goggles: "",
+  golf: "",
+  "goodreads-logo": "",
+  "google-cardboard-logo": "",
+  "google-chrome-logo": "",
+  "google-drive-logo": "",
+  "google-logo": "",
+  "google-photos-logo": "",
+  "google-play-logo": "",
+  "google-podcasts-logo": "",
+  gps: "",
+  "gps-fix": "",
+  "gps-slash": "",
+  gradient: "",
+  "graduation-cap": "",
+  grains: "",
+  "grains-slash": "",
+  graph: "",
+  "graphics-card": "",
+  "greater-than": "",
+  "greater-than-or-equal": "",
+  "grid-four": "",
+  "grid-nine": "",
+  guitar: "",
+  "hair-dryer": "",
+  hamburger: "",
+  hammer: "",
+  hand: "",
+  "hand-arrow-down": "",
+  "hand-arrow-up": "",
+  "hand-coins": "",
+  "hand-deposit": "",
+  "hand-eye": "",
+  "hand-fist": "",
+  "hand-grabbing": "",
+  "hand-heart": "",
+  "hand-palm": "",
+  "hand-peace": "",
+  "hand-pointing": "",
+  "hand-soap": "",
+  "hand-swipe-left": "",
+  "hand-swipe-right": "",
+  "hand-tap": "",
+  "hand-waving": "",
+  "hand-withdraw": "",
+  handbag: "",
+  "handbag-simple": "",
+  "hands-clapping": "",
+  "hands-praying": "",
+  handshake: "",
+  "hard-drive": "",
+  "hard-drives": "",
+  "hard-hat": "",
+  hash: "",
+  "hash-straight": "",
+  "head-circuit": "",
+  headlights: "",
+  headphones: "",
+  headset: "",
+  heart: "",
+  "heart-break": "",
+  "heart-half": "",
+  "heart-straight": "",
+  "heart-straight-break": "",
+  heartbeat: "",
+  hexagon: "",
+  "high-definition": "",
+  "high-heel": "",
+  highlighter: "",
+  "highlighter-circle": "",
+  hockey: "",
+  hoodie: "",
+  horse: "",
+  hospital: "",
+  hourglass: "",
+  "hourglass-high": "",
+  "hourglass-low": "",
+  "hourglass-medium": "",
+  "hourglass-simple": "",
+  "hourglass-simple-high": "",
+  "hourglass-simple-low": "",
+  "hourglass-simple-medium": "",
+  house: "",
+  "house-line": "",
+  "house-simple": "",
+  hurricane: "",
+  "ice-cream": "",
+  "identification-badge": "",
+  "identification-card": "",
+  image: "",
+  "image-broken": "",
+  "image-square": "",
+  images: "",
+  "images-square": "",
+  infinity: "",
+  info: "",
+  "instagram-logo": "",
+  intersect: "",
+  "intersect-square": "",
+  "intersect-three": "",
+  intersection: "",
+  invoice: "",
+  island: "",
+  jar: "",
+  "jar-label": "",
+  jeep: "",
+  joystick: "",
+  kanban: "",
+  key: "",
+  "key-return": "",
+  keyboard: "",
+  keyhole: "",
+  knife: "",
+  ladder: "",
+  "ladder-simple": "",
+  lamp: "",
+  "lamp-pendant": "",
+  laptop: "",
+  lasso: "",
+  "lastfm-logo": "",
+  layout: "",
+  leaf: "",
+  lectern: "",
+  lego: "",
+  "lego-smiley": "",
+  lemniscate: "",
+  "less-than": "",
+  "less-than-or-equal": "",
+  "letter-circle-h": "",
+  "letter-circle-p": "",
+  "letter-circle-v": "",
+  lifebuoy: "",
+  lightbulb: "",
+  "lightbulb-filament": "",
+  lighthouse: "",
+  lightning: "",
+  "lightning-a": "",
+  "lightning-slash": "",
+  "line-segment": "",
+  "line-segments": "",
+  "line-vertical": "",
+  link: "",
+  "link-break": "",
+  "link-simple": "",
+  "link-simple-break": "",
+  "link-simple-horizontal": "",
+  "link-simple-horizontal-break": "",
+  "linkedin-logo": "",
+  "linktree-logo": "",
+  "linux-logo": "",
+  list: "",
+  "list-bullets": "",
+  "list-checks": "",
+  "list-dashes": "",
+  "list-heart": "",
+  "list-magnifying-glass": "",
+  "list-numbers": "",
+  "list-plus": "",
+  "list-star": "",
+  lock: "",
+  "lock-key": "",
+  "lock-key-open": "",
+  "lock-laminated": "",
+  "lock-laminated-open": "",
+  "lock-open": "",
+  "lock-simple": "",
+  "lock-simple-open": "",
+  lockers: "",
+  log: "",
+  "magic-wand": "",
+  magnet: "",
+  "magnet-straight": "",
+  "magnifying-glass": "",
+  "magnifying-glass-minus": "",
+  "magnifying-glass-plus": "",
+  mailbox: "",
+  "map-pin": "",
+  "map-pin-area": "",
+  "map-pin-line": "",
+  "map-pin-plus": "",
+  "map-pin-simple": "",
+  "map-pin-simple-area": "",
+  "map-pin-simple-line": "",
+  "map-trifold": "",
+  "markdown-logo": "",
+  "marker-circle": "",
+  martini: "",
+  "mask-happy": "",
+  "mask-sad": "",
+  "mastodon-logo": "",
+  "math-operations": "",
+  "matrix-logo": "",
+  medal: "",
+  "medal-military": "",
+  "medium-logo": "",
+  megaphone: "",
+  "megaphone-simple": "",
+  "member-of": "",
+  memory: "",
+  "messenger-logo": "",
+  "meta-logo": "",
+  meteor: "",
+  metronome: "",
+  microphone: "",
+  "microphone-slash": "",
+  "microphone-stage": "",
+  microscope: "",
+  "microsoft-excel-logo": "",
+  "microsoft-outlook-logo": "",
+  "microsoft-powerpoint-logo": "",
+  "microsoft-teams-logo": "",
+  "microsoft-word-logo": "",
+  minus: "",
+  "minus-circle": "",
+  "minus-square": "",
+  money: "",
+  "money-wavy": "",
+  monitor: "",
+  "monitor-arrow-up": "",
+  "monitor-play": "",
+  moon: "",
+  "moon-stars": "",
+  moped: "",
+  "moped-front": "",
+  mosque: "",
+  motorcycle: "",
+  mountains: "",
+  mouse: "",
+  "mouse-left-click": "",
+  "mouse-middle-click": "",
+  "mouse-right-click": "",
+  "mouse-scroll": "",
+  "mouse-simple": "",
+  "music-note": "",
+  "music-note-simple": "",
+  "music-notes": "",
+  "music-notes-minus": "",
+  "music-notes-plus": "",
+  "music-notes-simple": "",
+  "navigation-arrow": "",
+  needle: "",
+  network: "",
+  "network-slash": "",
+  "network-x": "",
+  newspaper: "",
+  "newspaper-clipping": "",
+  "not-equals": "",
+  "not-member-of": "",
+  "not-subset-of": "",
+  "not-superset-of": "",
+  notches: "",
+  note: "",
+  "note-blank": "",
+  "note-pencil": "",
+  notebook: "",
+  notepad: "",
+  notification: "",
+  "notion-logo": "",
+  "nuclear-plant": "",
+  "number-circle-eight": "",
+  "number-circle-five": "",
+  "number-circle-four": "",
+  "number-circle-nine": "",
+  "number-circle-one": "",
+  "number-circle-seven": "",
+  "number-circle-six": "",
+  "number-circle-three": "",
+  "number-circle-two": "",
+  "number-circle-zero": "",
+  "number-eight": "",
+  "number-five": "",
+  "number-four": "",
+  "number-nine": "",
+  "number-one": "",
+  "number-seven": "",
+  "number-six": "",
+  "number-square-eight": "",
+  "number-square-five": "",
+  "number-square-four": "",
+  "number-square-nine": "",
+  "number-square-one": "",
+  "number-square-seven": "",
+  "number-square-six": "",
+  "number-square-three": "",
+  "number-square-two": "",
+  "number-square-zero": "",
+  "number-three": "",
+  "number-two": "",
+  "number-zero": "",
+  numpad: "",
+  nut: "",
+  "ny-times-logo": "",
+  octagon: "",
+  "office-chair": "",
+  onigiri: "",
+  "open-ai-logo": "",
+  option: "",
+  orange: "",
+  "orange-slice": "",
+  oven: "",
+  package: "",
+  "paint-brush": "",
+  "paint-brush-broad": "",
+  "paint-brush-household": "",
+  "paint-bucket": "",
+  "paint-roller": "",
+  palette: "",
+  panorama: "",
+  pants: "",
+  "paper-plane": "",
+  "paper-plane-right": "",
+  "paper-plane-tilt": "",
+  paperclip: "",
+  "paperclip-horizontal": "",
+  parachute: "",
+  paragraph: "",
+  parallelogram: "",
+  park: "",
+  password: "",
+  path: "",
+  "patreon-logo": "",
+  pause: "",
+  "pause-circle": "",
+  "paw-print": "",
+  "paypal-logo": "",
+  peace: "",
+  pen: "",
+  "pen-nib": "",
+  "pen-nib-straight": "",
+  pencil: "",
+  "pencil-circle": "",
+  "pencil-line": "",
+  "pencil-ruler": "",
+  "pencil-simple": "",
+  "pencil-simple-line": "",
+  "pencil-simple-slash": "",
+  "pencil-slash": "",
+  pentagon: "",
+  pentagram: "",
+  pepper: "",
+  percent: "",
+  person: "",
+  "person-arms-spread": "",
+  "person-simple": "",
+  "person-simple-bike": "",
+  "person-simple-circle": "",
+  "person-simple-hike": "",
+  "person-simple-run": "",
+  "person-simple-ski": "",
+  "person-simple-snowboard": "",
+  "person-simple-swim": "",
+  "person-simple-tai-chi": "",
+  "person-simple-throw": "",
+  "person-simple-walk": "",
+  perspective: "",
+  phone: "",
+  "phone-call": "",
+  "phone-disconnect": "",
+  "phone-incoming": "",
+  "phone-list": "",
+  "phone-outgoing": "",
+  "phone-pause": "",
+  "phone-plus": "",
+  "phone-slash": "",
+  "phone-transfer": "",
+  "phone-x": "",
+  "phosphor-logo": "",
+  pi: "",
+  "piano-keys": "",
+  "picnic-table": "",
+  "picture-in-picture": "",
+  "piggy-bank": "",
+  pill: "",
+  "ping-pong": "",
+  "pint-glass": "",
+  "pinterest-logo": "",
+  pinwheel: "",
+  pipe: "",
+  "pipe-wrench": "",
+  "pix-logo": "",
+  pizza: "",
+  placeholder: "",
+  planet: "",
+  plant: "",
+  play: "",
+  "play-circle": "",
+  "play-pause": "",
+  playlist: "",
+  plug: "",
+  "plug-charging": "",
+  plugs: "",
+  "plugs-connected": "",
+  plus: "",
+  "plus-circle": "",
+  "plus-minus": "",
+  "plus-square": "",
+  "poker-chip": "",
+  "police-car": "",
+  polygon: "",
+  popcorn: "",
+  popsicle: "",
+  "potted-plant": "",
+  power: "",
+  prescription: "",
+  presentation: "",
+  "presentation-chart": "",
+  printer: "",
+  prohibit: "",
+  "prohibit-inset": "",
+  "projector-screen": "",
+  "projector-screen-chart": "",
+  pulse: "",
+  "push-pin": "",
+  "push-pin-simple": "",
+  "push-pin-simple-slash": "",
+  "push-pin-slash": "",
+  "puzzle-piece": "",
+  "qr-code": "",
+  question: "",
+  "question-mark": "",
+  queue: "",
+  quotes: "",
+  rabbit: "",
+  racquet: "",
+  radical: "",
+  radio: "",
+  "radio-button": "",
+  radioactive: "",
+  rainbow: "",
+  "rainbow-cloud": "",
+  ranking: "",
+  "read-cv-logo": "",
+  receipt: "",
+  "receipt-x": "",
+  record: "",
+  rectangle: "",
+  "rectangle-dashed": "",
+  recycle: "",
+  "reddit-logo": "",
+  repeat: "",
+  "repeat-once": "",
+  "replit-logo": "",
+  resize: "",
+  rewind: "",
+  "rewind-circle": "",
+  "road-horizon": "",
+  robot: "",
+  rocket: "",
+  "rocket-launch": "",
+  rows: "",
+  "rows-plus-bottom": "",
+  "rows-plus-top": "",
+  rss: "",
+  "rss-simple": "",
+  rug: "",
+  ruler: "",
+  sailboat: "",
+  scales: "",
+  scan: "",
+  "scan-smiley": "",
+  scissors: "",
+  scooter: "",
+  screencast: "",
+  screwdriver: "",
+  scribble: "",
+  "scribble-loop": "",
+  scroll: "",
+  seal: "",
+  "seal-check": "",
+  "seal-percent": "",
+  "seal-question": "",
+  "seal-warning": "",
+  seat: "",
+  seatbelt: "",
+  "security-camera": "",
+  selection: "",
+  "selection-all": "",
+  "selection-background": "",
+  "selection-foreground": "",
+  "selection-inverse": "",
+  "selection-plus": "",
+  "selection-slash": "",
+  shapes: "",
+  share: "",
+  "share-fat": "",
+  "share-network": "",
+  shield: "",
+  "shield-check": "",
+  "shield-checkered": "",
+  "shield-chevron": "",
+  "shield-plus": "",
+  "shield-slash": "",
+  "shield-star": "",
+  "shield-warning": "",
+  "shipping-container": "",
+  "shirt-folded": "",
+  "shooting-star": "",
+  "shopping-bag": "",
+  "shopping-bag-open": "",
+  "shopping-cart": "",
+  "shopping-cart-simple": "",
+  shovel: "",
+  shower: "",
+  shrimp: "",
+  shuffle: "",
+  "shuffle-angular": "",
+  "shuffle-simple": "",
+  sidebar: "",
+  "sidebar-simple": "",
+  sigma: "",
+  "sign-in": "",
+  "sign-out": "",
+  signature: "",
+  signpost: "",
+  "sim-card": "",
+  siren: "",
+  "sketch-logo": "",
+  "skip-back": "",
+  "skip-back-circle": "",
+  "skip-forward": "",
+  "skip-forward-circle": "",
+  skull: "",
+  "skype-logo": "",
+  "slack-logo": "",
+  sliders: "",
+  "sliders-horizontal": "",
+  slideshow: "",
+  smiley: "",
+  "smiley-angry": "",
+  "smiley-blank": "",
+  "smiley-meh": "",
+  "smiley-melting": "",
+  "smiley-nervous": "",
+  "smiley-sad": "",
+  "smiley-sticker": "",
+  "smiley-wink": "",
+  "smiley-x-eyes": "",
+  "snapchat-logo": "",
+  sneaker: "",
+  "sneaker-move": "",
+  snowflake: "",
+  "soccer-ball": "",
+  sock: "",
+  "solar-panel": "",
+  "solar-roof": "",
+  "sort-ascending": "",
+  "sort-descending": "",
+  "soundcloud-logo": "",
+  spade: "",
+  sparkle: "",
+  "speaker-hifi": "",
+  "speaker-high": "",
+  "speaker-low": "",
+  "speaker-none": "",
+  "speaker-simple-high": "",
+  "speaker-simple-low": "",
+  "speaker-simple-none": "",
+  "speaker-simple-slash": "",
+  "speaker-simple-x": "",
+  "speaker-slash": "",
+  "speaker-x": "",
+  speedometer: "",
+  sphere: "",
+  spinner: "",
+  "spinner-ball": "",
+  "spinner-gap": "",
+  spiral: "",
+  "split-horizontal": "",
+  "split-vertical": "",
+  "spotify-logo": "",
+  "spray-bottle": "",
+  square: "",
+  "square-half": "",
+  "square-half-bottom": "",
+  "square-logo": "",
+  "square-split-horizontal": "",
+  "square-split-vertical": "",
+  "squares-four": "",
+  stack: "",
+  "stack-minus": "",
+  "stack-overflow-logo": "",
+  "stack-plus": "",
+  "stack-simple": "",
+  stairs: "",
+  stamp: "",
+  "standard-definition": "",
+  star: "",
+  "star-and-crescent": "",
+  "star-four": "",
+  "star-half": "",
+  "star-of-david": "",
+  "steam-logo": "",
+  "steering-wheel": "",
+  steps: "",
+  stethoscope: "",
+  sticker: "",
+  stool: "",
+  stop: "",
+  "stop-circle": "",
+  storefront: "",
+  strategy: "",
+  "stripe-logo": "",
+  student: "",
+  "subset-of": "",
+  "subset-proper-of": "",
+  subtitles: "",
+  "subtitles-slash": "",
+  subtract: "",
+  "subtract-square": "",
+  subway: "",
+  suitcase: "",
+  "suitcase-rolling": "",
+  "suitcase-simple": "",
+  sun: "",
+  "sun-dim": "",
+  "sun-horizon": "",
+  sunglasses: "",
+  "superset-of": "",
+  "superset-proper-of": "",
+  swap: "",
+  swatches: "",
+  "swimming-pool": "",
+  sword: "",
+  synagogue: "",
+  syringe: "",
+  "t-shirt": "",
+  table: "",
+  tabs: "",
+  tag: "",
+  "tag-chevron": "",
+  "tag-simple": "",
+  target: "",
+  taxi: "",
+  "tea-bag": "",
+  "telegram-logo": "",
+  television: "",
+  "television-simple": "",
+  "tennis-ball": "",
+  tent: "",
+  terminal: "",
+  "terminal-window": "",
+  "test-tube": "",
+  "text-a-underline": "",
+  "text-aa": "",
+  "text-align-center": "",
+  "text-align-justify": "",
+  "text-align-left": "",
+  "text-align-right": "",
+  "text-b": "",
+  "text-bolder": "",
+  "text-columns": "",
+  "text-h": "",
+  "text-h-five": "",
+  "text-h-four": "",
+  "text-h-one": "",
+  "text-h-six": "",
+  "text-h-three": "",
+  "text-h-two": "",
+  "text-indent": "",
+  "text-italic": "",
+  "text-outdent": "",
+  "text-strikethrough": "",
+  "text-subscript": "",
+  "text-superscript": "",
+  "text-t": "",
+  "text-t-slash": "",
+  "text-underline": "",
+  textbox: "",
+  thermometer: "",
+  "thermometer-cold": "",
+  "thermometer-hot": "",
+  "thermometer-simple": "",
+  "threads-logo": "",
+  "three-d": "",
+  "thumbs-down": "",
+  "thumbs-up": "",
+  ticket: "",
+  "tidal-logo": "",
+  "tiktok-logo": "",
+  tilde: "",
+  timer: "",
+  "tip-jar": "",
+  tipi: "",
+  tire: "",
+  "toggle-left": "",
+  "toggle-right": "",
+  toilet: "",
+  "toilet-paper": "",
+  toolbox: "",
+  tooth: "",
+  tornado: "",
+  tote: "",
+  "tote-simple": "",
+  towel: "",
+  tractor: "",
+  trademark: "",
+  "trademark-registered": "",
+  "traffic-cone": "",
+  "traffic-sign": "",
+  "traffic-signal": "",
+  train: "",
+  "train-regional": "",
+  "train-simple": "",
+  tram: "",
+  translate: "",
+  trash: "",
+  "trash-simple": "",
+  tray: "",
+  "tray-arrow-down": "",
+  "tray-arrow-up": "",
+  "treasure-chest": "",
+  tree: "",
+  "tree-evergreen": "",
+  "tree-palm": "",
+  "tree-structure": "",
+  "tree-view": "",
+  "trend-down": "",
+  "trend-up": "",
+  triangle: "",
+  "triangle-dashed": "",
+  trolley: "",
+  "trolley-suitcase": "",
+  trophy: "",
+  truck: "",
+  "truck-trailer": "",
+  "tumblr-logo": "",
+  "twitch-logo": "",
+  "twitter-logo": "",
+  umbrella: "",
+  "umbrella-simple": "",
+  union: "",
+  unite: "",
+  "unite-square": "",
+  upload: "",
+  "upload-simple": "",
+  usb: "",
+  user: "",
+  "user-check": "",
+  "user-circle": "",
+  "user-circle-check": "",
+  "user-circle-dashed": "",
+  "user-circle-gear": "",
+  "user-circle-minus": "",
+  "user-circle-plus": "",
+  "user-focus": "",
+  "user-gear": "",
+  "user-list": "",
+  "user-minus": "",
+  "user-plus": "",
+  "user-rectangle": "",
+  "user-sound": "",
+  "user-square": "",
+  "user-switch": "",
+  users: "",
+  "users-four": "",
+  "users-three": "",
+  van: "",
+  vault: "",
+  "vector-three": "",
+  "vector-two": "",
+  vibrate: "",
+  video: "",
+  "video-camera": "",
+  "video-camera-slash": "",
+  "video-conference": "",
+  vignette: "",
+  "vinyl-record": "",
+  "virtual-reality": "",
+  virus: "",
+  visor: "",
+  voicemail: "",
+  volleyball: "",
+  wall: "",
+  wallet: "",
+  warehouse: "",
+  warning: "",
+  "warning-circle": "",
+  "warning-diamond": "",
+  "warning-octagon": "",
+  "washing-machine": "",
+  watch: "",
+  "wave-sawtooth": "",
+  "wave-sine": "",
+  "wave-square": "",
+  "wave-triangle": "",
+  waveform: "",
+  "waveform-slash": "",
+  waves: "",
+  webcam: "",
+  "webcam-slash": "",
+  "webhooks-logo": "",
+  "wechat-logo": "",
+  "whatsapp-logo": "",
+  wheelchair: "",
+  "wheelchair-motion": "",
+  "wifi-high": "",
+  "wifi-low": "",
+  "wifi-medium": "",
+  "wifi-none": "",
+  "wifi-slash": "",
+  "wifi-x": "",
+  wind: "",
+  windmill: "",
+  "windows-logo": "",
+  wine: "",
+  wrench: "",
+  x: "",
+  "x-circle": "",
+  "x-logo": "",
+  "x-square": "",
+  yarn: "",
+  "yin-yang": "",
+  "youtube-logo": ""
+}, ii = (e) => i`<i class="${e.format === "regular" ? "ph" : `ph-${e.format}`}">${oi[e.icon] ?? ""}</i>`, si = () => w`
 	:host {
 		display: inline-flex;
 		align-items: center;
@@ -14542,29 +16073,40 @@ const oi = (e) => i`<i class="${e.format === "regular" ? "ph" : `ph-${e.format}`
 	}
 
 	i {
+		font-style: normal;
 		font-size: var(--ml-icon-size);
+		line-height: 1;
+		speak: never;
+		-webkit-font-smoothing: antialiased;
+		-moz-osx-font-smoothing: grayscale;
 	}
+
+	i.ph { font-family: 'Phosphor' !important; }
+	i.ph-bold { font-family: 'Phosphor-Bold' !important; }
+	i.ph-fill { font-family: 'Phosphor-Fill' !important; }
+	i.ph-light { font-family: 'Phosphor-Light' !important; }
+	i.ph-thin { font-family: 'Phosphor-Thin' !important; }
 `;
 var Ut = class {
   constructor() {
     this.icon = "", this.format = "regular";
   }
 };
-Ut = g([_({
+Ut = v([_({
   selector: "ml-icon",
-  template: oi,
-  styles: ii,
+  template: ii,
+  styles: si,
   attributes: [
     "icon",
     "format",
     "size"
   ]
 })], Ut);
-function si(e) {
+function ni(e) {
   const t = e.tabs.length > 0;
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-tabs": !0,
     [`ml-tabs--${e.variant}`]: !0,
     [`ml-tabs--${e.size}`]: !0,
@@ -14577,7 +16119,7 @@ function si(e) {
 				aria-orientation=${e.orientation}
 				@keydown=${e.handleKeyDown}
 			>
-				${t ? $(e.tabs, (r) => `${r.value}-${e.value === r.value}`, (r) => ni(e, r)) : i`<slot name="tab" @slotchange=${e.handleTabSlotChange}></slot>`}
+				${t ? $(e.tabs, (r) => `${r.value}-${e.value === r.value}`, (r) => di(e, r)) : i`<slot name="tab" @slotchange=${e.handleTabSlotChange}></slot>`}
 			</div>
 
 			<div class="ml-tabs__panels">
@@ -14586,13 +16128,13 @@ function si(e) {
 		</div>
 	`;
 }
-function ni(e, t) {
+function di(e, t) {
   const r = e.value === t.value;
   return i`
 		<button
 			type="button"
 			role="tab"
-			class=${v({
+			class=${g({
     "ml-tabs__tab": !0,
     "ml-tabs__tab--active": r,
     "ml-tabs__tab--disabled": !!t.disabled
@@ -14609,7 +16151,7 @@ function ni(e, t) {
 		</button>
 	`;
 }
-const di = () => w`
+const ci = () => w`
 	:host {
 		/* Tab list */
 		--ml-tabs-list-gap: var(--ml-space-1);
@@ -15018,10 +16560,10 @@ var Yt = class {
     this.syncWithRoute();
   }
 };
-Yt = g([_({
+Yt = v([_({
   selector: "ml-tabs",
-  template: si,
-  styles: di,
+  template: ni,
+  styles: ci,
   attributes: [
     "value",
     "variant",
@@ -15030,12 +16572,12 @@ Yt = g([_({
     "routed"
   ]
 })], Yt);
-function ci(e) {
+function mi(e) {
   return i`
 		<button
 			type="button"
 			role="tab"
-			class=${v({
+			class=${g({
     "ml-tab": !0,
     "ml-tab--active": e.active,
     "ml-tab--disabled": e.disabled
@@ -15052,7 +16594,7 @@ function ci(e) {
 		</button>
 	`;
 }
-const mi = () => w`
+const pi = () => w`
 	:host {
 		/* Tab base */
 		--ml-tab-gap: var(--ml-space-2);
@@ -15135,10 +16677,10 @@ var Xt = class {
     };
   }
 };
-Xt = g([_({
+Xt = v([_({
   selector: "ml-tab",
-  template: ci,
-  styles: mi,
+  template: mi,
+  styles: pi,
   attributes: [
     "value",
     "label",
@@ -15148,14 +16690,14 @@ Xt = g([_({
     "href"
   ]
 })], Xt);
-function pi(e) {
+function hi(e) {
   return i`
 		<div class="ml-tab-panel" role="tabpanel">
 			<slot></slot>
 		</div>
 	`;
 }
-const hi = () => w`
+const ui = () => w`
 	:host {
 		display: block;
 	}
@@ -15178,13 +16720,13 @@ var Jt = class {
     this.value = "";
   }
 };
-Jt = g([_({
+Jt = v([_({
   selector: "ml-tab-panel",
-  template: pi,
-  styles: hi,
+  template: hi,
+  styles: ui,
   attributes: ["value"]
 })], Jt);
-function ui(e) {
+function gi(e) {
   return i`
 		<nav class="ml-breadcrumb" aria-label="Breadcrumb">
 			<ol class="ml-breadcrumb__list">
@@ -15216,17 +16758,17 @@ var Qt = class {
     this.separator = "chevron";
   }
 };
-Qt = g([_({
+Qt = v([_({
   selector: "ml-breadcrumb",
-  template: ui,
+  template: gi,
   styles: vi,
   attributes: ["separator"]
 })], Qt);
-function gi(e) {
+function bi(e) {
   const t = e.separator === "slash" ? "slash-forward" : "caret-right";
   return i`
 		<li
-			class=${v({
+			class=${g({
     "ml-breadcrumb-item": !0,
     "ml-breadcrumb-item--current": e.current
   })}
@@ -15248,7 +16790,7 @@ function gi(e) {
 		</li>
 	`;
 }
-const bi = () => w`
+const fi = () => w`
 	:host {
 		display: contents;
 	}
@@ -15314,10 +16856,10 @@ var Zt = class {
     }
   }
 };
-Zt = g([_({
+Zt = v([_({
   selector: "ml-breadcrumb-item",
-  template: gi,
-  styles: bi,
+  template: bi,
+  styles: fi,
   attributes: [
     "href",
     "icon",
@@ -15325,11 +16867,11 @@ Zt = g([_({
     "separator"
   ]
 })], Zt);
-function fi(e) {
+function _i(e) {
   return i`
 		<nav class="ml-pagination" aria-label="Pagination">
 			<button
-				class=${v({
+				class=${g({
     "ml-pagination__btn": !0,
     "ml-pagination__btn--nav": !0,
     "ml-pagination__btn--disabled": !e.hasPrevious
@@ -15345,7 +16887,7 @@ function fi(e) {
 			<div class="ml-pagination__pages">
 				${$(e.pages, (t, r) => t.type === "page" ? `page-${t.value}` : `ellipsis-${r}`, (t) => t.type === "ellipsis" ? i`<span class="ml-pagination__ellipsis">...</span>` : i`
 							<button
-								class=${v({
+								class=${g({
     "ml-pagination__btn": !0,
     "ml-pagination__btn--page": !0,
     "ml-pagination__btn--active": t.value === Number(e.page)
@@ -15360,7 +16902,7 @@ function fi(e) {
 			</div>
 
 			<button
-				class=${v({
+				class=${g({
     "ml-pagination__btn": !0,
     "ml-pagination__btn--nav": !0,
     "ml-pagination__btn--disabled": !e.hasNext
@@ -15375,7 +16917,7 @@ function fi(e) {
 		</nav>
 	`;
 }
-const _i = () => w`
+const wi = () => w`
 	:host {
 		/* Layout */
 		--ml-pagination-gap: var(--ml-space-3);
@@ -15541,21 +17083,21 @@ var er = class {
     return Number(this.page) < Number(this.totalPages);
   }
 };
-er = g([_({
+er = v([_({
   selector: "ml-pagination",
-  template: fi,
-  styles: _i,
+  template: _i,
+  styles: wi,
   attributes: [
     "page",
     "total-pages",
     "siblings"
   ]
 })], er);
-function wi(e) {
+function yi(e) {
   const t = e.navigation.length > 0, r = e.footerNavigation.length > 0, a = e.collapsed;
   return i`
 		<aside
-			class=${v({
+			class=${g({
     "ml-sidebar": !0,
     [`ml-sidebar--${e.variant}`]: !0,
     "ml-sidebar--collapsed": a
@@ -15574,7 +17116,7 @@ function wi(e) {
 			`)}
 
 			<div class="ml-sidebar__main">
-				${t ? $(e.navigation, (l, o) => `nav-group-${o}`, (l) => yi(e, l)) : i`<slot @slotchange=${e.handleDefaultSlotChange}></slot>`}
+				${t ? $(e.navigation, (l, o) => `nav-group-${o}`, (l) => xi(e, l)) : i`<slot @slotchange=${e.handleDefaultSlotChange}></slot>`}
 			</div>
 
 			<div class="ml-sidebar__footer">
@@ -15603,7 +17145,7 @@ function wi(e) {
 		</aside>
 	`;
 }
-function yi(e, t) {
+function xi(e, t) {
   const r = e.collapsed;
   return i`
 		<div class="ml-sidebar__group">
@@ -15617,7 +17159,7 @@ function yi(e, t) {
 	`;
 }
 function Le(e, t, r) {
-  const a = e.active === t.value, l = !!t.children && t.children.length > 0, o = e.expandedItems.has(t.value), s = e.collapsed, n = v({
+  const a = e.active === t.value, l = !!t.children && t.children.length > 0, o = e.expandedItems.has(t.value), s = e.collapsed, n = g({
     "ml-sidebar__item-link": !0,
     "ml-sidebar__item-link--active": a,
     "ml-sidebar__item-link--disabled": !!t.disabled,
@@ -15640,7 +17182,7 @@ function Le(e, t, r) {
 			<span class="ml-sidebar__item-label">${t.label}</span>
 			<div class="ml-sidebar__item-trailing">
 				${d(!!t.badge, () => i`
-					<span class=${v({
+					<span class=${g({
     "ml-sidebar__item-badge": !0,
     [`ml-sidebar__item-badge--${t.badgeColor || "default"}`]: !0
   })}>${t.badge}</span>
@@ -15686,7 +17228,7 @@ function Le(e, t, r) {
 		</div>
 	`;
 }
-const xi = () => w`
+const ki = () => w`
 	:host {
 		/* Container */
 		--ml-sidebar-width: 280px;
@@ -16190,13 +17732,13 @@ var tr = class {
     });
   }
 };
-tr = g([_({
+tr = v([_({
   selector: "ml-sidebar",
-  template: wi,
-  styles: xi,
+  template: yi,
+  styles: ki,
   attributes: ["variant", "active"]
 })], tr);
-function ki(e) {
+function $i(e) {
   return i`
 		<div class="ml-sidebar-group">
 			${d(!!e.label && !e.collapsed, () => i`
@@ -16208,7 +17750,7 @@ function ki(e) {
 		</div>
 	`;
 }
-const $i = () => w`
+const Ci = () => w`
 	:host {
 		--ml-sidebar-group-padding-y: var(--ml-space-1);
 		--ml-sidebar-group-label-padding-y: var(--ml-space-2);
@@ -16251,13 +17793,13 @@ var rr = class {
     this.label = "", this.collapsed = !1;
   }
 };
-rr = g([_({
+rr = v([_({
   selector: "ml-sidebar-group",
-  template: ki,
-  styles: $i,
+  template: $i,
+  styles: Ci,
   attributes: ["label", "collapsed"]
 })], rr);
-function Ci(e) {
+function zi(e) {
   const t = parseInt(e.level, 10) || 0, r = e.collapsed, a = i`
 		<div class="ml-sidebar-item__leading">
 			<slot name="leading">
@@ -16269,7 +17811,7 @@ function Ci(e) {
 			<div class="ml-sidebar-item__trailing">
 				<slot name="trailing">
 					${d(!!e.badge, () => i`
-						<span class=${v({
+						<span class=${g({
     "ml-sidebar-item__badge": !0,
     [`ml-sidebar-item__badge--${e["badge-color"]}`]: !0
   })}>${e.badge}</span>
@@ -16285,7 +17827,7 @@ function Ci(e) {
 				`)}
 			</div>
 		`)}
-	`, l = v({
+	`, l = g({
     "ml-sidebar-item__link": !0,
     "ml-sidebar-item__link--active": e.active,
     "ml-sidebar-item__link--disabled": e.disabled,
@@ -16328,7 +17870,7 @@ function Ci(e) {
 		</div>
 	`;
 }
-const zi = () => w`
+const Si = () => w`
 	:host {
 		/* Item link */
 		--ml-sidebar-item-gap: var(--ml-space-3);
@@ -16582,10 +18124,10 @@ var ar = class {
   onDestroy() {
   }
 };
-ar = g([_({
+ar = v([_({
   selector: "ml-sidebar-item",
-  template: Ci,
-  styles: zi,
+  template: zi,
+  styles: Si,
   attributes: [
     "icon",
     "icon-format",
@@ -16602,11 +18144,11 @@ ar = g([_({
     "level"
   ]
 })], ar);
-function Si(e) {
+function Ei(e) {
   const t = e.steps.length > 0, r = e.compact;
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-steps": !0,
     [`ml-steps--${e.variant}`]: !0,
     [`ml-steps--${e.orientation}`]: !0,
@@ -16619,7 +18161,7 @@ function Si(e) {
 				aria-orientation=${e.orientation}
 				@keydown=${e.handleKeyDown}
 			>
-				${t ? $(e.steps, (a) => `${a.value}-${e.active === a.value}`, (a, l) => Ei(e, a, l)) : i`<slot name="step" @slotchange=${e.handleStepSlotChange}></slot>`}
+				${t ? $(e.steps, (a) => `${a.value}-${e.active === a.value}`, (a, l) => Ri(e, a, l)) : i`<slot name="step" @slotchange=${e.handleStepSlotChange}></slot>`}
 			</div>
 
 			${d(r, () => i`
@@ -16634,11 +18176,11 @@ function Si(e) {
 		</div>
 	`;
 }
-function Ei(e, t, r) {
+function Ri(e, t, r) {
   const a = e.steps, l = r === 0, o = r === a.length - 1, s = e.getStepStatus(t.value), n = e.variant === "bar", c = e.compact;
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-step": !0,
     [`ml-step--${s}`]: !0,
     [`ml-step--${e.variant}`]: !0,
@@ -16656,13 +18198,13 @@ function Ei(e, t, r) {
 			tabindex=${s === "current" ? "0" : "-1"}
 			@click=${() => e.handleStepClick(t.value, t.href)}
 		>
-			${d(n, () => Ri(e, t))}
-			${d(!n && !c, () => Ti(e, t, r, l, o, s))}
-			${d(!n && c, () => Di(e, s))}
+			${d(n, () => Ti(e, t))}
+			${d(!n && !c, () => Di(e, t, r, l, o, s))}
+			${d(!n && c, () => Ai(e, s))}
 		</div>
 	`;
 }
-function Ri(e, t) {
+function Ti(e, t) {
   return i`
 		<div class="ml-step__bar"></div>
 		<div class="ml-step__content">
@@ -16671,12 +18213,12 @@ function Ri(e, t) {
 		</div>
 	`;
 }
-function Ti(e, t, r, a, l, o) {
+function Di(e, t, r, a, l, o) {
   return i`
 		<div class="ml-step__track">
 			<div class="ml-step__connector-before ${a ? "ml-step__connector--hidden" : `ml-step__connector--${e.connector}`}"></div>
 			<div class="ml-step__indicator">
-				${Ai(e, t, r, o)}
+				${Ii(e, t, r, o)}
 			</div>
 			<div class="ml-step__connector-after ${l ? "ml-step__connector--hidden" : `ml-step__connector--${e.connector}`}"></div>
 		</div>
@@ -16686,10 +18228,10 @@ function Ti(e, t, r, a, l, o) {
 		</div>
 	`;
 }
-function Di(e, t) {
+function Ai(e, t) {
   return i`<div class="ml-step__dot"></div>`;
 }
-function Ai(e, t, r, a) {
+function Ii(e, t, r, a) {
   switch (e.variant) {
     case "numbered":
       return i`
@@ -16715,7 +18257,7 @@ function Ai(e, t, r, a) {
       return i``;
   }
 }
-const Ii = () => w`
+const Pi = () => w`
 	:host {
 		/* Compact label */
 		--ml-steps-compact-gap: var(--ml-space-3);
@@ -17441,10 +18983,10 @@ var lr = class {
     this.syncWithRoute();
   }
 };
-lr = g([_({
+lr = v([_({
   selector: "ml-steps",
-  template: Si,
-  styles: Ii,
+  template: Ei,
+  styles: Pi,
   attributes: [
     "active",
     "variant",
@@ -17459,7 +19001,7 @@ function Mi(e) {
   const t = e.variant === "bar", r = e.compact;
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-step": !0,
     [`ml-step--${e.status}`]: !0,
     [`ml-step--${e.variant}`]: !0,
@@ -17476,13 +19018,13 @@ function Mi(e) {
 			tabindex=${e.status === "current" ? "0" : "-1"}
 			@click=${e.handleClick}
 		>
-			${d(t, () => Pi(e))}
-			${d(!t && !r, () => Oi(e))}
-			${d(!t && r, () => Li(e))}
+			${d(t, () => Oi(e))}
+			${d(!t && !r, () => Li(e))}
+			${d(!t && r, () => Ni(e))}
 		</div>
 	`;
 }
-function Pi(e) {
+function Oi(e) {
   return i`
 		<div class="ml-step__bar"></div>
 		<div class="ml-step__content">
@@ -17491,12 +19033,12 @@ function Pi(e) {
 		</div>
 	`;
 }
-function Oi(e) {
+function Li(e) {
   return i`
 		<div class="ml-step__track">
 			<div class="ml-step__connector-before ${e.first ? "ml-step__connector--hidden" : `ml-step__connector--${e.connector}`}"></div>
 			<div class="ml-step__indicator">
-				${Ni(e)}
+				${qi(e)}
 			</div>
 			<div class="ml-step__connector-after ${e.last ? "ml-step__connector--hidden" : `ml-step__connector--${e.connector}`}"></div>
 		</div>
@@ -17506,12 +19048,12 @@ function Oi(e) {
 		</div>
 	`;
 }
-function Li(e) {
+function Ni(e) {
   return i`
 		<div class="ml-step__dot"></div>
 	`;
 }
-function Ni(e) {
+function qi(e) {
   switch (e.variant) {
     case "numbered":
       return or(e);
@@ -18132,7 +19674,7 @@ var ir = class {
     };
   }
 };
-ir = g([_({
+ir = v([_({
   selector: "ml-step",
   template: Mi,
   styles: Bi,
@@ -18153,14 +19695,14 @@ ir = g([_({
     "compact"
   ]
 })], ir);
-function qi(e) {
+function ji(e) {
   return i`
 		<div class="ml-step-panel" role="tabpanel">
 			<slot></slot>
 		</div>
 	`;
 }
-const ji = () => w`
+const Hi = () => w`
 	:host {
 		display: block;
 	}
@@ -18178,13 +19720,13 @@ var sr = class {
     this.value = "";
   }
 };
-sr = g([_({
+sr = v([_({
   selector: "ml-step-panel",
-  template: qi,
-  styles: ji,
+  template: ji,
+  styles: Hi,
   attributes: ["value"]
 })], sr);
-const Hi = () => i`<dialog class="ml-dialog">
+const Gi = () => i`<dialog class="ml-dialog">
 		<div class="ml-dialog-header">
 			<slot name="dialog-header"></slot>
 		</div>
@@ -18196,7 +19738,7 @@ const Hi = () => i`<dialog class="ml-dialog">
 		<div class="ml-dialog-footer">
 			<slot name="dialog-footer"></slot>
 		</div>
-	</dialog> `, Gi = () => w`
+	</dialog> `, Ki = () => w`
 	:host {
 		/* Dialog panel */
 		--ml-dialog-max-width: 500px;
@@ -18357,7 +19899,7 @@ const Hi = () => i`<dialog class="ml-dialog">
 
 	/* Body */
 	.ml-dialog-body {
-		flex: 1;
+		flex: 1 1 auto;
 		padding: var(--ml-dialog-body-padding);
 		overflow-y: auto;
 		font-size: var(--ml-dialog-body-font-size);
@@ -18415,7 +19957,7 @@ const Hi = () => i`<dialog class="ml-dialog">
 		}
 	}
 `;
-var Ki = class {
+var Wi = class {
   constructor(e, t) {
     this._dialogID = e, this._dialogEl = t, this._afterOpenedCallback = null, this._afterClosedCallback = null, this._disableClose = !1, this._handleCancel = this.onCancel.bind(this), this._handleBackdropClick = this.onBackdropClick.bind(this), this._dialogEl.addEventListener("cancel", this._handleCancel), this._dialogEl.addEventListener("click", this._handleBackdropClick);
   }
@@ -18458,7 +20000,7 @@ var Ki = class {
     this._dialogs = /* @__PURE__ */ new Map();
   }
   addDialog(t, r) {
-    const a = new Ki(t, r);
+    const a = new Wi(t, r);
     return this._dialogs.set(t, {
       dialogRef: a,
       dialogComponent: void 0
@@ -18492,7 +20034,7 @@ var Ki = class {
     t.remove();
   }
 };
-Z = g([ee()], Z);
+Z = v([ee()], Z);
 var nr, Re = class {
   constructor() {
     this._dialogID = el(), this._registered = !1;
@@ -18518,18 +20060,18 @@ var nr, Re = class {
     return this.elementRef.getAttributeNames().find((t) => t.startsWith("#"))?.slice(1) ?? this._dialogID;
   }
 };
-g([H(Z), F("design:type", typeof (nr = typeof Z < "u" && Z) == "function" ? nr : Object)], Re.prototype, "_dialogService", void 0);
-Re = g([_({
+v([H(Z), V("design:type", typeof (nr = typeof Z < "u" && Z) == "function" ? nr : Object)], Re.prototype, "_dialogService", void 0);
+Re = v([_({
   selector: "ml-dialog",
-  template: Hi,
-  styles: Gi,
+  template: Gi,
+  styles: Ki,
   attributes: []
 })], Re);
-function Wi(e) {
+function Ui(e) {
   const t = e.side === "left" ? "left" : "right", r = e.size === "sm" || e.size === "md" || e.size === "lg" || e.size === "xl" ? e.size : "md";
   return i`
 		<dialog
-			class=${v({
+			class=${g({
     "ml-drawer": !0,
     "ml-drawer--left": t === "left",
     "ml-drawer--right": t === "right",
@@ -18560,7 +20102,7 @@ function Wi(e) {
 		</dialog>
 	`;
 }
-const Ui = () => w`
+const Yi = () => w`
 	:host {
 		/* Backdrop */
 		--ml-drawer-backdrop-color: rgba(0, 0, 0, 0.5);
@@ -18826,17 +20368,17 @@ var dr = class {
     }));
   }
 };
-dr = g([_({
+dr = v([_({
   selector: "ml-drawer",
-  template: Wi,
-  styles: Ui,
+  template: Ui,
+  styles: Yi,
   attributes: [
     "side",
     "size",
     "show-close"
   ]
 })], dr);
-function Yi(e) {
+function Xi(e) {
   return i`
 		<div class="ml-dropdown">
 			<div class="ml-dropdown__trigger" @click=${e.toggle}>
@@ -18853,7 +20395,7 @@ function Yi(e) {
 		</div>
 	`;
 }
-const Xi = () => w`
+const Ji = () => w`
 	:host {
 		/* Menu */
 		--ml-dropdown-padding: var(--ml-space-1);
@@ -19092,7 +20634,7 @@ var cr = class {
     const t = this.getTriggerEl(), r = this.getMenuEl();
     if (!t || !r) return;
     const a = () => this.updatePosition(t, r);
-    this._cleanupAutoUpdate?.(), this._cleanupAutoUpdate = Me(t, r, a);
+    this._cleanupAutoUpdate?.(), this._cleanupAutoUpdate = Pe(t, r, a);
   }
   updatePosition(t, r) {
     const a = this.arrow ? this.elementRef.shadowRoot?.querySelector(".ml-dropdown__arrow") : null, l = [
@@ -19121,20 +20663,20 @@ var cr = class {
     return this.elementRef.shadowRoot?.querySelector(".ml-dropdown__menu");
   }
 };
-cr = g([_({
+cr = v([_({
   selector: "ml-dropdown",
-  template: Yi,
-  styles: Xi,
+  template: Xi,
+  styles: Ji,
   attributes: [
     "placement",
     "offset",
     "arrow"
   ]
 })], cr);
-function Ji(e) {
+function Qi(e) {
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-dropdown-item": !0,
     "ml-dropdown-item--focused": e.focused,
     "ml-dropdown-item--disabled": e.disabled,
@@ -19151,7 +20693,7 @@ function Ji(e) {
 		</div>
 	`;
 }
-const Qi = () => w`
+const Zi = () => w`
 	:host {
 		/* Item base */
 		--ml-dropdown-item-gap: var(--ml-space-2);
@@ -19256,10 +20798,10 @@ var mr = class {
     };
   }
 };
-mr = g([_({
+mr = v([_({
   selector: "ml-dropdown-item",
-  template: Ji,
-  styles: Qi,
+  template: Qi,
+  styles: Zi,
   attributes: [
     "value",
     "icon",
@@ -19268,10 +20810,10 @@ mr = g([_({
     "destructive"
   ]
 })], mr);
-function Zi() {
+function es() {
   return i`<div class="ml-dropdown-separator" role="separator"></div>`;
 }
-const es = () => w`
+const ts = () => w`
 	:host {
 		display: block;
 	}
@@ -19284,12 +20826,12 @@ const es = () => w`
 `;
 var pr = class {
 };
-pr = g([_({
+pr = v([_({
   selector: "ml-dropdown-separator",
-  template: Zi,
-  styles: es
+  template: es,
+  styles: ts
 })], pr);
-function ts(e) {
+function rs(e) {
   return i`
 		<div class="ml-dropdown-group" role="group">
 			${d(!!e.label, () => i`<div class="ml-dropdown-group__label">${e.label}</div>`)}
@@ -19297,7 +20839,7 @@ function ts(e) {
 		</div>
 	`;
 }
-const rs = () => w`
+const as = () => w`
 	:host {
 		display: block;
 	}
@@ -19317,13 +20859,13 @@ var hr = class {
     this.label = "";
   }
 };
-hr = g([_({
+hr = v([_({
   selector: "ml-dropdown-group",
-  template: ts,
-  styles: rs,
+  template: rs,
+  styles: as,
   attributes: ["label"]
 })], hr);
-function as(e) {
+function ls(e) {
   return i`
 		<div class="ml-tooltip">
 			<div
@@ -19336,7 +20878,7 @@ function as(e) {
 				<slot></slot>
 			</div>
 			<div
-				class=${v({
+				class=${g({
     "ml-tooltip__content": !0,
     "ml-tooltip__content--visible": e.isVisible
   })}
@@ -19349,7 +20891,7 @@ function as(e) {
 		</div>
 	`;
 }
-const ls = () => w`
+const os = () => w`
 	:host {
 		/* Tooltip content */
 		--ml-tooltip-max-width: 320px;
@@ -19464,17 +21006,17 @@ var ur = class {
     }
   }
 };
-ur = g([_({
+ur = v([_({
   selector: "ml-tooltip",
-  template: as,
-  styles: ls,
+  template: ls,
+  styles: os,
   attributes: [
     "content",
     "placement",
     "delay"
   ]
 })], ur);
-function os(e) {
+function is(e) {
   return i`
 		<div class="ml-popover">
 			<div class="ml-popover__trigger" @click=${e.toggle}>
@@ -19490,7 +21032,7 @@ function os(e) {
 		</div>
 	`;
 }
-const is = () => w`
+const ss = () => w`
 	:host {
 		/* Content panel */
 		--ml-popover-padding-y: var(--ml-space-3);
@@ -19586,7 +21128,7 @@ const is = () => w`
 		border-right: none;
 	}
 `;
-var vr = class {
+var gr = class {
   constructor() {
     this.placement = "bottom", this.offset = 8, this.manual = !1, this.arrow = !1, this.isOpen = !1, this._cleanupAutoUpdate = null, this.toggle = () => {
       const t = this.getPopoverEl();
@@ -19618,7 +21160,7 @@ var vr = class {
     const t = this.getTriggerEl(), r = this.getPopoverEl();
     if (!t || !r) return;
     const a = () => this.updatePosition(t, r);
-    this._cleanupAutoUpdate?.(), this._cleanupAutoUpdate = Me(t, r, a);
+    this._cleanupAutoUpdate?.(), this._cleanupAutoUpdate = Pe(t, r, a);
   }
   updatePosition(t, r) {
     const a = this.arrow ? this.elementRef.shadowRoot?.querySelector(".ml-popover__arrow") : null, l = [
@@ -19647,22 +21189,22 @@ var vr = class {
     return this.elementRef.shadowRoot?.querySelector(".ml-popover__content");
   }
 };
-vr = g([_({
+gr = v([_({
   selector: "ml-popover",
-  template: os,
-  styles: is,
+  template: is,
+  styles: ss,
   attributes: [
     "placement",
     "offset",
     "manual",
     "arrow"
   ]
-})], vr);
-function ss(e) {
+})], gr);
+function ns(e) {
   const t = e["sidebar-position"] === "right", r = e["sidebar-collapsed"], a = e["header-fixed"], l = e.mobileOpen, o = e.mobile;
   return i`
 		<div
-			class=${v({
+			class=${g({
     "ml-app-shell": !0,
     "ml-app-shell--sidebar-right": t,
     "ml-app-shell--sidebar-collapsed": r,
@@ -19672,7 +21214,7 @@ function ss(e) {
 		>
 			${d(o, () => i`
 				<div
-					class=${v({
+					class=${g({
     "ml-app-shell__backdrop": !0,
     "ml-app-shell__backdrop--visible": l
   })}
@@ -19681,7 +21223,7 @@ function ss(e) {
 			`)}
 
 			<aside
-				class=${v({
+				class=${g({
     "ml-app-shell__sidebar": !0,
     "ml-app-shell__sidebar--mobile-open": l
   })}
@@ -19713,7 +21255,7 @@ function ss(e) {
 		</div>
 	`;
 }
-const ns = () => w`
+const ds = () => w`
 	:host {
 		display: block;
 		height: 100%;
@@ -19932,7 +21474,7 @@ const ns = () => w`
 		}
 	}
 `;
-var gr = class {
+var vr = class {
   constructor() {
     this["sidebar-position"] = "left", this["sidebar-collapsed"] = !1, this["header-fixed"] = !1, this.mobile = !1, this.mobileOpen = !1, this._mediaQuery = null, this._handleMediaChange = this.onMediaChange.bind(this), this.toggleMobileSidebar = () => {
       this.mobileOpen = !this.mobileOpen;
@@ -19950,21 +21492,21 @@ var gr = class {
     this.mobile = !t.matches, t.matches && (this.mobileOpen = !1);
   }
 };
-gr = g([_({
+vr = v([_({
   selector: "ml-app-shell",
-  template: ss,
-  styles: ns,
+  template: ns,
+  styles: ds,
   attributes: [
     "sidebar-position",
     "sidebar-collapsed",
     "header-fixed"
   ]
-})], gr);
-function ds(e) {
+})], vr);
+function cs(e) {
   const t = e.variant === "split" || e.variant === "split-reverse";
   return i`
 		<section
-			class=${v({
+			class=${g({
     "ml-hero": !0,
     [`ml-hero--${e.variant}`]: !0,
     [`ml-hero--${e.size}`]: !0,
@@ -20021,7 +21563,7 @@ function ds(e) {
 		</section>
 	`;
 }
-const cs = () => w`
+const ms = () => w`
 	:host {
 		display: block;
 		width: 100%;
@@ -20348,10 +21890,10 @@ var br = class {
     this.variant = "centered", this.size = "lg", this.background = "none", this.title = "", this.description = "";
   }
 };
-br = g([_({
+br = v([_({
   selector: "ml-hero-section",
-  template: ds,
-  styles: cs,
+  template: cs,
+  styles: ms,
   attributes: [
     "variant",
     "size",
@@ -20360,11 +21902,11 @@ br = g([_({
     "description"
   ]
 })], br);
-function ms(e) {
+function ps(e) {
   const t = !!(e.title || e.hasTitleSlot), r = !!(e.description || e.hasDescriptionSlot);
   return i`
 		<header
-			class=${v({
+			class=${g({
     "ml-page-header": !0,
     [`ml-page-header--${e.variant}`]: !0,
     "ml-page-header--divider": e.divider
@@ -20412,7 +21954,7 @@ function ms(e) {
 		</header>
 	`;
 }
-const ps = () => w`
+const hs = () => w`
 	:host {
 		display: block;
 
@@ -20642,10 +22184,10 @@ var fr = class {
     return this.elementRef?.querySelector('[slot="meta"]') !== null;
   }
 };
-fr = g([_({
+fr = v([_({
   selector: "ml-page-header",
-  template: ms,
-  styles: ps,
+  template: ps,
+  styles: hs,
   attributes: [
     "variant",
     "divider",
@@ -20653,7 +22195,7 @@ fr = g([_({
     "description"
   ]
 })], fr);
-function hs(e) {
+function us(e) {
   const t = e.variant === "split", r = i`
 		<div class="ml-auth__logo">
 			<slot name="logo"></slot>
@@ -20683,7 +22225,7 @@ function hs(e) {
 		</div>
 	`;
   return i`
-		<div class=${v({
+		<div class=${g({
     "ml-auth": !0,
     "ml-auth--centered": !t,
     "ml-auth--split": t
@@ -20931,7 +22473,7 @@ const Kr = `
 			padding: var(--ml-auth-mobile-padding);
 		}
 	}
-`, us = () => w`
+`, gs = () => w`
 	${Kr}
 `;
 var _r = class {
@@ -20947,10 +22489,10 @@ var _r = class {
     return this.elementRef?.querySelector('[slot="brand"]') !== null;
   }
 };
-_r = g([_({
+_r = v([_({
   selector: "ml-login-page",
-  template: hs,
-  styles: us,
+  template: us,
+  styles: gs,
   attributes: [
     "variant",
     "title",
@@ -20987,7 +22529,7 @@ function vs(e) {
 		</div>
 	`;
   return i`
-		<div class=${v({
+		<div class=${g({
     "ml-auth": !0,
     "ml-auth--centered": !t,
     "ml-auth--split": t
@@ -21011,7 +22553,7 @@ function vs(e) {
 		</div>
 	`;
 }
-const gs = () => w`
+const bs = () => w`
 	${Kr}
 `;
 var wr = class {
@@ -21027,17 +22569,17 @@ var wr = class {
     return this.elementRef?.querySelector('[slot="brand"]') !== null;
   }
 };
-wr = g([_({
+wr = v([_({
   selector: "ml-signup-page",
   template: vs,
-  styles: gs,
+  styles: bs,
   attributes: [
     "variant",
     "title",
     "description"
   ]
 })], wr);
-function bs(e) {
+function fs(e) {
   const t = e.layout === "default" && e.hasAside;
   return i`
 		<ml-app-shell>
@@ -21054,7 +22596,7 @@ function bs(e) {
 			</ml-page-header>
 
 			<div
-				class=${v({
+				class=${g({
     "ml-dashboard": !0,
     [`ml-dashboard--${e.layout}`]: !0
   })}
@@ -21080,7 +22622,7 @@ function bs(e) {
 		</ml-app-shell>
 	`;
 }
-const fs = () => w`
+const _s = () => w`
 	:host {
 		display: block;
 		height: 100%;
@@ -21212,10 +22754,10 @@ var yr = class {
     return this.elementRef?.querySelector('[slot="header-actions"]') !== null;
   }
 };
-yr = g([_({
+yr = v([_({
   selector: "ml-dashboard-page",
-  template: bs,
-  styles: fs,
+  template: fs,
+  styles: _s,
   attributes: [
     "title",
     "description",
@@ -21228,11 +22770,11 @@ export {
   Lt as ActivityFeedComponent,
   Nt as ActivityFeedItemComponent,
   xt as AlertComponent,
-  gr as AppShellComponent,
+  vr as AppShellComponent,
   Dt as AvatarComponent,
   At as BadgeComponent,
   It as BadgeGroupComponent,
-  ve as Binding,
+  ge as Binding,
   Qt as BreadcrumbComponent,
   Zt as BreadcrumbItemComponent,
   ot as ButtonComponent,
@@ -21248,17 +22790,17 @@ export {
   yr as DashboardPageComponent,
   yt as DatePickerComponent,
   Re as DialogComponent,
-  Ki as DialogRef,
+  Wi as DialogRef,
   Z as DialogService,
-  Gs as Directive,
+  Ks as Directive,
   Et as DividerComponent,
   dr as DrawerComponent,
   cr as DropdownComponent,
   hr as DropdownGroupComponent,
   mr as DropdownItemComponent,
   pr as DropdownSeparatorComponent,
-  va as EffectsBase,
-  Pr as FORM_CONTROL_MARKER,
+  ga as EffectsBase,
+  Mr as FORM_CONTROL_MARKER,
   Ea as FORM_GROUP_MARKER,
   Sa as FormControl,
   ft as FormFieldComponent,
@@ -21266,21 +22808,21 @@ export {
   br as HeroSectionComponent,
   De as HttpBaseError,
   je as HttpClient,
-  qe as HttpError,
+  Be as HttpError,
   Ut as IconComponent,
-  _s as Inject,
+  ws as Inject,
   ee as Injectable,
   Wr as InjectionEngine,
   N as Injector,
   nt as InputComponent,
-  Pt as ListComponent,
+  Mt as ListComponent,
   Ot as ListItemComponent,
   _r as LoginPageComponent,
   _ as MelodicComponent,
   aa as NetworkError,
   fr as PageHeaderComponent,
   er as PaginationComponent,
-  vr as PopoverComponent,
+  gr as PopoverComponent,
   zt as ProgressComponent,
   ia as ROUTE_CONTEXT_EVENT,
   Ce as RX_ACTION_PROVIDERS,
@@ -21291,20 +22833,20 @@ export {
   ht as RadioCardGroupComponent,
   mt as RadioComponent,
   pt as RadioGroupComponent,
-  Ss as RouteContextEvent,
+  Es as RouteContextEvent,
   ye as RouteContextService,
   _e as RouteMatcher,
   ke as RouterLinkComponent,
   xe as RouterOutletComponent,
-  V as RouterService,
+  q as RouterService,
   xr as SIGNAL_MARKER,
-  gt as SelectComponent,
+  vt as SelectComponent,
   H as Service,
   tr as SidebarComponent,
   rr as SidebarGroupComponent,
   ar as SidebarItemComponent,
   Ar as SignalEffect,
-  B as SignalStoreService,
+  F as SignalStoreService,
   wr as SignupPageComponent,
   bt as SliderComponent,
   lt as SpinnerComponent,
@@ -21314,184 +22856,184 @@ export {
   lr as StepsComponent,
   Xt as TabComponent,
   Jt as TabPanelComponent,
-  Vt as TableComponent,
+  qt as TableComponent,
   Yt as TabsComponent,
-  Mt as TagComponent,
+  Pt as TagComponent,
   ha as TemplateResult,
   dt as TextareaComponent,
   $t as ToastComponent,
   Ct as ToastContainerComponent,
   kt as ToastService,
-  vt as ToggleComponent,
+  gt as ToggleComponent,
   ur as TooltipComponent,
-  Us as Validators,
-  Fr as VirtualScroller,
+  Ys as Validators,
+  Vr as VirtualScroller,
   Co as activityFeedItemStyles,
   $o as activityFeedItemTemplate,
   ko as activityFeedStyles,
   xo as activityFeedTemplate,
-  Ba as allTokens,
-  pn as announce,
-  ns as appShellStyles,
-  ss as appShellTemplate,
+  Fa as allTokens,
+  hn as announce,
+  ds as appShellStyles,
+  ns as appShellTemplate,
   Xr as applyGlobalStyles,
   Ga as applyTheme,
   Lr as arrow,
-  Me as autoUpdate,
-  en as baseThemeCss,
-  ws as bootstrap,
+  Pe as autoUpdate,
+  tn as baseThemeCss,
+  ys as bootstrap,
   Na as borderTokens,
-  bi as breadcrumbItemStyles,
-  gi as breadcrumbItemTemplate,
+  fi as breadcrumbItemStyles,
+  bi as breadcrumbItemTemplate,
   vi as breadcrumbStyles,
-  ui as breadcrumbTemplate,
-  Fa as breakpointTokens,
-  Js as breakpoints,
+  gi as breadcrumbTemplate,
+  Va as breakpointTokens,
+  Qs as breakpoints,
   na as buildPathFromRoute,
   li as calendarViewStyles,
   ai as calendarViewTemplate,
-  v as classMap,
-  bn as clickOutside,
-  Ma as colorTokens,
-  gn as componentBaseStyles,
+  g as classMap,
+  fn as clickOutside,
+  Pa as colorTokens,
+  bn as componentBaseStyles,
   re as computePosition,
   T as computed,
   no as containerStyles,
   so as containerTemplate,
-  Os as createAction,
-  Xs as createAsyncValidator,
-  on as createBrandTheme,
-  Cs as createDeactivateGuard,
+  Ls as createAction,
+  Js as createAsyncValidator,
+  sn as createBrandTheme,
+  zs as createDeactivateGuard,
   Qa as createFocusTrap,
-  Ks as createFormControl,
-  Ws as createFormGroup,
-  $s as createGuard,
-  hn as createLiveRegion,
-  Ls as createReducer,
-  zs as createResolver,
-  Ns as createState,
+  Ws as createFormControl,
+  Us as createFormGroup,
+  Cs as createGuard,
+  un as createLiveRegion,
+  Ns as createReducer,
+  Ss as createResolver,
+  qs as createState,
   Or as createTheme,
   te as createToken,
-  Ys as createValidator,
+  Xs as createValidator,
   w as css,
   et as darkTheme,
-  Zs as darkThemeCss,
-  fs as dashboardPageStyles,
-  bs as dashboardPageTemplate,
-  ys as defineConfig,
+  en as darkThemeCss,
+  _s as dashboardPageStyles,
+  fs as dashboardPageTemplate,
+  xs as defineConfig,
   U as directive,
-  Ui as drawerStyles,
-  Wi as drawerTemplate,
-  rs as dropdownGroupStyles,
-  ts as dropdownGroupTemplate,
-  Qi as dropdownItemStyles,
-  Ji as dropdownItemTemplate,
-  es as dropdownSeparatorStyles,
-  Zi as dropdownSeparatorTemplate,
-  Xi as dropdownStyles,
-  Yi as dropdownTemplate,
+  Yi as drawerStyles,
+  Ui as drawerTemplate,
+  as as dropdownGroupStyles,
+  rs as dropdownGroupTemplate,
+  Zi as dropdownItemStyles,
+  Qi as dropdownItemTemplate,
+  ts as dropdownSeparatorStyles,
+  es as dropdownSeparatorTemplate,
+  Ji as dropdownStyles,
+  Xi as dropdownTemplate,
   ta as environment,
   sa as findRouteByName,
   le as flip,
-  sn as focusFirst,
-  nn as focusLast,
-  dn as focusTrap,
-  mn as focusVisible,
+  nn as focusFirst,
+  dn as focusLast,
+  cn as focusTrap,
+  pn as focusVisible,
   Aa as formControlDirective,
-  Pl as formFieldStyles,
-  Ml as formFieldTemplate,
+  Ml as formFieldStyles,
+  Pl as formFieldTemplate,
   Dr as getActiveEffect,
   ma as getAttributeDirective,
   ea as getEnvironment,
   Nr as getFirstFocusable,
-  Pe as getFocusableElements,
+  Me as getFocusableElements,
   Ja as getLastFocusable,
-  As as getRegisteredDirectives,
+  Is as getRegisteredDirectives,
   Ha as getResolvedTheme,
-  tn as getTheme,
+  rn as getTheme,
   O as getTokenKey,
-  Ts as hasAttributeDirective,
-  cs as heroSectionStyles,
-  ds as heroSectionTemplate,
+  Ds as hasAttributeDirective,
+  ms as heroSectionStyles,
+  cs as heroSectionTemplate,
   i as html,
-  ln as injectTheme,
+  on as injectTheme,
   Y as isDirective,
-  cn as isFocusVisible,
+  mn as isFocusVisible,
   Ur as isSignal,
   ja as lightTheme,
-  Qs as lightThemeCss,
+  Zs as lightThemeCss,
   yo as listItemStyles,
   wo as listItemTemplate,
   _o as listStyles,
   fo as listTemplate,
-  us as loginPageStyles,
-  hs as loginPageTemplate,
+  gs as loginPageStyles,
+  us as loginPageTemplate,
   we as matchRouteTree,
   el as newID,
   ae as offset,
   Vs as onAction,
-  rn as onThemeChange,
-  ps as pageHeaderStyles,
-  ms as pageHeaderTemplate,
-  _i as paginationStyles,
-  fi as paginationTemplate,
+  an as onThemeChange,
+  hs as pageHeaderStyles,
+  ps as pageHeaderTemplate,
+  wi as paginationStyles,
+  _i as paginationTemplate,
   za as portalDirective,
   Ia as primitiveColors,
   eo as progressStyles,
   Zl as progressTemplate,
-  Ps as props,
-  xs as provideConfig,
-  ks as provideHttp,
-  qs as provideRX,
+  Os as props,
+  ks as provideConfig,
+  $s as provideHttp,
+  js as provideRX,
   he as registerAttributeDirective,
   Ne as render,
   $ as repeat,
-  js as repeatRaw,
-  un as resetStyles,
+  Hs as repeatRaw,
+  gn as resetStyles,
   ua as routerLinkDirective,
   Dl as selectStyles,
   Sl as selectTemplate,
   Ye as setActiveEffect,
   La as shadowTokens,
   oe as shift,
-  $i as sidebarGroupStyles,
-  ki as sidebarGroupTemplate,
-  zi as sidebarItemStyles,
-  Ci as sidebarItemTemplate,
-  xi as sidebarStyles,
-  wi as sidebarTemplate,
-  P as signal,
-  gs as signupPageStyles,
+  Ci as sidebarGroupStyles,
+  $i as sidebarGroupTemplate,
+  Si as sidebarItemStyles,
+  zi as sidebarItemTemplate,
+  ki as sidebarStyles,
+  yi as sidebarTemplate,
+  M as signal,
+  bs as signupPageStyles,
   vs as signupPageTemplate,
   Il as sliderStyles,
   Al as sliderTemplate,
-  Pa as spacingTokens,
-  ji as stepPanelStyles,
-  qi as stepPanelTemplate,
+  Ma as spacingTokens,
+  Hi as stepPanelStyles,
+  ji as stepPanelTemplate,
   Bi as stepStyles,
   Mi as stepTemplate,
-  Ii as stepsStyles,
-  Si as stepsTemplate,
+  Pi as stepsStyles,
+  Ei as stepsTemplate,
   W as styleMap,
-  hi as tabPanelStyles,
-  pi as tabPanelTemplate,
-  mi as tabStyles,
-  ci as tabTemplate,
+  ui as tabPanelStyles,
+  hi as tabPanelTemplate,
+  pi as tabStyles,
+  mi as tabTemplate,
   Ro as tableStyles,
   Eo as tableTemplate,
-  di as tabsStyles,
-  si as tabsTemplate,
+  ci as tabsStyles,
+  ni as tabsTemplate,
   Yl as toastContainerStyles,
   Ul as toastContainerTemplate,
   Wl as toastStyles,
   Kl as toastTemplate,
-  an as toggleTheme,
-  qa as tokensToCss,
+  ln as toggleTheme,
+  Ba as tokensToCss,
   rl as tooltipDirective,
-  Va as transitionTokens,
+  qa as transitionTokens,
   Oa as typographyTokens,
-  Ds as unregisterAttributeDirective,
-  Hs as unsafeHTML,
+  As as unregisterAttributeDirective,
+  Gs as unsafeHTML,
   vn as visuallyHiddenStyles,
   d as when
 };