@melodicdev/components 1.0.4 → 1.0.6

package/assets/melodic-components.min.js

@@ -1,5 +1,5 @@
 const P = (e) => typeof e == "string" ? e : typeof e == "symbol" ? e.toString() : e.name;
-function ms(e) {
+function vs(e) {
   return function(t, r, l) {
     t.params || (t.params = []), t.params[l] = { __injectionToken: P(e) };
   };
@@ -60,7 +60,7 @@ var pe = class {
   clearInstance() {
     return this._instance = void 0, this._resolved = !1, this;
   }
-}, Br = class {
+}, Hr = class {
   constructor() {
     this._bindings = /* @__PURE__ */ new Map(), this._constructionStack = /* @__PURE__ */ new Set();
   }
@@ -134,7 +134,7 @@ var pe = class {
     return e.args.length > 0 && (l = l.concat(e.args)), Reflect.construct(r, l);
   }
 };
-const N = new Br();
+const N = new Hr();
 function B(e) {
   return function(t, r) {
     const l = `__service_${String(r)}`;
@@ -148,10 +148,10 @@ function B(e) {
     });
   };
 }
-function se(e) {
+function Z(e) {
   return Symbol(e);
 }
-async function us(e = {}) {
+async function gs(e = {}) {
   const t = e.devMode ?? !1, r = [];
   if (t && console.log("[Melodic] Bootstrap starting..."), e.onError) {
     const o = (n) => {
@@ -197,17 +197,17 @@ async function us(e = {}) {
 function Oe(e, t) {
   e.renderInto(t);
 }
-const yr = Symbol("melodic.signal"), Hr = (e) => typeof e == "function" && yr in e;
-var Ne = "melodic-styles", Kr = `style[${Ne}], link[rel="stylesheet"][${Ne}]`, Re = [], ve = null;
-const Wr = (e) => {
-  if (Ur()) {
+const yr = Symbol("melodic.signal"), Kr = (e) => typeof e == "function" && yr in e;
+var Ne = "melodic-styles", Wr = `style[${Ne}], link[rel="stylesheet"][${Ne}]`, Re = [], ve = null;
+const Gr = (e) => {
+  if (Yr()) {
     Le(e);
     return;
   }
-  ve || (ve = Gr()), ve.then(() => Le(e));
+  ve || (ve = Ur()), ve.then(() => Le(e));
 };
-var Gr = async () => {
-  const e = document.querySelectorAll(Kr);
+var Ur = async () => {
+  const e = document.querySelectorAll(Wr);
   if (e.length !== 0)
     for (const t of e) {
       if (t instanceof HTMLStyleElement) {
@@ -228,9 +228,9 @@ var Gr = async () => {
     const r = new CSSStyleSheet();
     r.replaceSync(t), Re.push(r);
   }
-}, Ur = () => Re.length > 0, Yr = class extends HTMLElement {
+}, Yr = () => Re.length > 0, Xr = class extends HTMLElement {
   constructor(e, t) {
-    super(), this._unsubscribers = [], this._renderScheduled = !1, this._booleanProperties = /* @__PURE__ */ new Set(), this._meta = e, this._component = t, this._component.elementRef = this, this._root = this.attachShadow({ mode: "open" }), Wr(this._root), this._style = this.renderStyles(), this.observe(), this._component.onInit && this._component.onInit();
+    super(), this._unsubscribers = [], this._renderScheduled = !1, this._booleanProperties = /* @__PURE__ */ new Set(), this._meta = e, this._component = t, this._component.elementRef = this, this._root = this.attachShadow({ mode: "open" }), Gr(this._root), this._style = this.renderStyles(), this.observe(), this._component.onInit && this._component.onInit();
   }
   get component() {
     return this._component;
@@ -281,7 +281,7 @@ var Gr = async () => {
     }
     const l = e.filter((a) => {
       const o = this._component[a];
-      return a.startsWith("_") ? !1 : Hr(o) ? (this.subscribeToSignal(o), !1) : typeof o == "function" ? !1 : a !== "elementRef" && a !== "constructor";
+      return a.startsWith("_") ? !1 : Kr(o) ? (this.subscribeToSignal(o), !1) : typeof o == "function" ? !1 : a !== "elementRef" && a !== "constructor";
     });
     for (const a of l) {
       const o = this.getPropertyDescriptor(this._component, a), s = Object.getOwnPropertyDescriptor(this, a)?.value;
@@ -335,7 +335,7 @@ var Gr = async () => {
 function _(e) {
   return function(t) {
     if (customElements.get(e.selector) === void 0) {
-      const r = class extends Yr {
+      const r = class extends Xr {
         constructor() {
           const a = [], o = t.params;
           if (o && Array.isArray(o)) for (const s of o) {
@@ -350,23 +350,48 @@ function _(e) {
     }
   };
 }
-var Te = class xr extends Error {
+function Jr() {
+  return "prod";
+}
+const Qr = Jr();
+function xr(e, t) {
+  const r = { ...e };
+  for (const l of Object.keys(t)) {
+    const a = r[l], o = t[l];
+    o !== null && typeof o == "object" && !Array.isArray(o) && a !== null && typeof a == "object" && !Array.isArray(a) ? r[l] = xr(a, o) : r[l] = o;
+  }
+  return r;
+}
+function bs(e) {
+  const t = e[Qr], r = {
+    ...e.base,
+    ...t
+  };
+  return e.extends ? xr(e.extends, r) : r;
+}
+const Zr = Z("APP_CONFIG");
+function fs(e) {
+  return (t) => {
+    t.bindValue(Zr, e);
+  };
+}
+var Te = class wr extends Error {
   constructor(t, r, l) {
-    super(t), this.config = r, this.code = l, this.name = "HttpBaseError", Object.setPrototypeOf(this, xr.prototype);
+    super(t), this.config = r, this.code = l, this.name = "HttpBaseError", Object.setPrototypeOf(this, wr.prototype);
   }
-}, Xr = class wr extends Te {
+}, el = class kr extends Te {
   constructor(t, r, l) {
-    super(t, l, `HTTP_${r.status}`), this.response = r, this.name = "HttpError", Object.setPrototypeOf(this, wr.prototype);
+    super(t, l, `HTTP_${r.status}`), this.response = r, this.name = "HttpError", Object.setPrototypeOf(this, kr.prototype);
   }
-}, Jr = class kr extends Te {
+}, tl = class $r extends Te {
   constructor(t, r) {
-    super(t, r, "NETWORK_ERROR"), this.name = "NetworkError", Object.setPrototypeOf(this, kr.prototype);
+    super(t, r, "NETWORK_ERROR"), this.name = "NetworkError", Object.setPrototypeOf(this, $r.prototype);
   }
-}, Qr = class $r extends Te {
+}, rl = class Cr extends Te {
   constructor(t, r) {
-    super(t, r, "ABORTED"), this.name = "AbortError", Object.setPrototypeOf(this, $r.prototype);
+    super(t, r, "ABORTED"), this.name = "AbortError", Object.setPrototypeOf(this, Cr.prototype);
   }
-}, Zr = class {
+}, ll = class {
   constructor() {
     this._pendingRequests = /* @__PURE__ */ new Map();
   }
@@ -416,7 +441,7 @@ var Te = class xr extends Error {
   }
 }, je = class {
   constructor(e) {
-    this._requestManager = new Zr(), this._interceptors = {
+    this._requestManager = new ll(), this._interceptors = {
       request: [],
       response: []
     }, this.interceptors = {
@@ -510,10 +535,10 @@ var Te = class xr extends Error {
         headers: r.headers,
         config: e
       };
-      if (!r.ok) throw new Xr(`HTTP Error: ${r.status} ${r.statusText}`, l, e);
+      if (!r.ok) throw new el(`HTTP Error: ${r.status} ${r.statusText}`, l, e);
       return l;
     }).catch((r) => {
-      throw r instanceof Error && r.name === "AbortError" ? new Qr("Request aborted", e) : new Jr((r instanceof Error ? r.message : "Network error") || "Network error", e);
+      throw r instanceof Error && r.name === "AbortError" ? new rl("Request aborted", e) : new tl((r instanceof Error ? r.message : "Network error") || "Network error", e);
     });
     return e.deduplicate === !0 && this._requestManager.addPendingRequest(e, t), await t;
   }
@@ -580,7 +605,7 @@ var Te = class xr 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 hs(e, t) {
+function _s(e, t) {
   return (r) => {
     const l = new je(e);
     r.bindValue(je, l), t?.request && t.request.forEach((a) => {
@@ -590,13 +615,13 @@ function hs(e, t) {
     });
   };
 }
-function ps(e) {
+function ys(e) {
   return { canActivate: e };
 }
-function vs(e) {
+function xs(e) {
   return { canDeactivate: e };
 }
-function gs(e) {
+function ws(e) {
   return { resolve: e };
 }
 var be = class {
@@ -652,17 +677,17 @@ var be = class {
     return r === "R" ? e.test(t) : r === "F" ? e(t) : e === t;
   }
 };
-const el = "melodic:route-context";
-var bs = class extends CustomEvent {
+const al = "melodic:route-context";
+var ks = class extends CustomEvent {
   constructor(e) {
-    super(el, {
+    super(al, {
       bubbles: !1,
       composed: !0,
       detail: e
     });
   }
 };
-function Cr(e, t, r, l, a) {
+function Sr(e, t, r, l, a) {
   for (const o of e) {
     const s = new be(o.path);
     if (o.redirectTo && o.path === t) return {
@@ -698,7 +723,7 @@ function Cr(e, t, r, l, a) {
           fullPath: m,
           children: o.children
         };
-        return Object.assign(a, c.params), l.push(u), o.children && c.remainingPath ? Cr(o.children, c.remainingPath, m, l, a) : {
+        return Object.assign(a, c.params), l.push(u), o.children && c.remainingPath ? Sr(o.children, c.remainingPath, m, l, a) : {
           matches: l,
           params: a,
           isExactMatch: c.remainingPath === ""
@@ -713,7 +738,7 @@ function Cr(e, t, r, l, a) {
   };
 }
 function fe(e, t, r = "") {
-  const l = Cr(e, t.startsWith("/") ? t.slice(1) : t, r, [], {});
+  const l = Sr(e, t.startsWith("/") ? t.slice(1) : t, r, [], {});
   return {
     matches: l.matches,
     params: l.params,
@@ -721,17 +746,17 @@ function fe(e, t, r = "") {
     redirectTo: l.redirectTo
   };
 }
-function tl(e, t) {
+function ol(e, t) {
   for (const r of e) {
     if (r.name === t) return r;
     if (r.children) {
-      const l = tl(r.children, t);
+      const l = ol(r.children, t);
       if (l) return l;
     }
   }
   return null;
 }
-function rl(e, t, r = {}) {
+function il(e, t, r = {}) {
   const l = [];
   function a(o, s) {
     for (const n of o) {
@@ -843,9 +868,9 @@ var ze = (e, t, r, l) => new PopStateEvent("History", { state: {
   protocol: window.location.protocol,
   params: new URLSearchParams(window.location.search),
   title: r
-} }), ll = history.pushState;
+} }), sl = history.pushState;
 history.pushState = (e, t, r) => {
-  ll.apply(history, [
+  sl.apply(history, [
     e,
     t,
     r
@@ -853,9 +878,9 @@ history.pushState = (e, t, r) => {
   const l = new CustomEvent("NavigationEvent", { detail: ze("push", e, t, r) });
   window.dispatchEvent(l);
 };
-var al = history.replaceState;
+var nl = history.replaceState;
 history.replaceState = (e, t, r) => {
-  al.apply(history, [
+  nl.apply(history, [
     e,
     t,
     r
@@ -965,7 +990,7 @@ var L = class {
     };
   }
   async navigateByName(t, r = {}, l = {}) {
-    const a = rl(this._routes, t, r);
+    const a = il(this._routes, t, r);
     return a ? this.navigate(a, l) : {
       success: !1,
       error: `Route with name '${t}' not found`
@@ -1076,7 +1101,7 @@ var L = class {
   }
 };
 L = g([Q(), V("design:paramtypes", [])], L);
-var K = /* @__PURE__ */ new Map(), Sr = (e) => {
+var K = /* @__PURE__ */ new Map(), Er = (e) => {
   if (K.has(e)) return K.get(e);
   const t = e.toLowerCase();
   for (const [r, l] of K) if (r.toLowerCase() === t) return l;
@@ -1084,27 +1109,27 @@ var K = /* @__PURE__ */ new Map(), Sr = (e) => {
 function ne(e, t) {
   K.set(e, t);
 }
-function ol(e) {
-  return Sr(e);
+function dl(e) {
+  return Er(e);
 }
-function ys(e) {
-  return Sr(e) !== void 0;
+function Ss(e) {
+  return Er(e) !== void 0;
 }
-function xs(e) {
+function Es(e) {
   return K.delete(e);
 }
-function ws() {
+function Rs() {
   return Array.from(K.keys());
 }
-function Z(e) {
+function ee(e) {
   return typeof e == "object" && e !== null && "__directive" in e;
 }
-var de = `m${Math.random().toString(36).slice(2, 9)}`, il = `<!--${de}-->`, Ae = `__${de}_`, Fe = new RegExp(`${Ae}(\\d+)__`, "g"), ee = (e) => `${Ae}${e}__`, U = /* @__PURE__ */ new Map(), qe = /* @__PURE__ */ new WeakMap();
+var de = `m${Math.random().toString(36).slice(2, 9)}`, cl = `<!--${de}-->`, Ae = `__${de}_`, Fe = new RegExp(`${Ae}(\\d+)__`, "g"), te = (e) => `${Ae}${e}__`, U = /* @__PURE__ */ new Map(), qe = /* @__PURE__ */ new WeakMap();
 function Be(e) {
   let t = qe.get(e);
   return t === void 0 && (t = e.join(de), qe.set(e, t)), t;
 }
-var sl = class Y {
+var ml = class Y {
   constructor(t, r) {
     this.strings = t, this.values = r;
   }
@@ -1141,11 +1166,11 @@ var sl = class Y {
     for (let x = 1; x < this.strings.length; x++) {
       const k = this.strings[x], R = x - 1, C = /([@.:]?[\w:-]+)\s*=\s*["']?$/.exec(a), E = /([@.:]?[\w:-]+)\s*=\s*(["'])([^"']*)$/.exec(a);
       let S = "___";
-      if (s) a += ee(R);
+      if (s) a += te(R);
       else {
         const A = E?.[1]?.charAt(0), z = A !== void 0 && Object.keys(o).includes(A);
         if (E && !z)
-          a += ee(R), s = E[1], n = E[2];
+          a += te(R), s = E[1], n = E[2];
         else {
           if (C) {
             S = "__";
@@ -1153,7 +1178,7 @@ var sl = class Y {
             Object.keys(o).includes(F) && (S = F);
           }
           if (S === "__" && C) {
-            a += ee(R), s = C[1];
+            a += te(R), s = C[1];
             const F = /(["'])$/.exec(C[0]);
             n = F ? F[1] : null;
           } else a = o[S](R, a, C ? C[1] : void 0, C);
@@ -1274,11 +1299,11 @@ var sl = class Y {
         index: r,
         name: a?.slice(1)
       }), l.slice(0, -(o?.[0].length ?? 0)) + `__action-${r}__=""`),
-      __: (r, l, a) => l + ee(r),
+      __: (r, l, a) => l + te(r),
       ___: (r, l) => (t.push({
         type: "node",
         index: r
-      }), l + il)
+      }), l + cl)
     };
   }
   prepareParts(t, r) {
@@ -1480,15 +1505,15 @@ var sl = class Y {
   commit(t) {
     for (const r of t) {
       const l = this.values[r.index], a = r.type === "attribute" && r.attributeIndices && r.attributeStrings;
-      if (!(!a && !Z(l) && r.type !== "action" && r.previousValue === l)) {
+      if (!(!a && !ee(l) && r.type !== "action" && r.previousValue === l)) {
         switch (r.type) {
           case "node":
-            r.node && (Z(l) ? r.directiveState = l.render(r.node, r.directiveState) : l instanceof Y ? this.renderNestedTemplate(r, l) : l instanceof Node ? this.renderNode(r, l) : Array.isArray(l) ? this.renderArray(r, l) : (this.clearRenderedNodes(r), r.node.textContent = String(l ?? "")));
+            r.node && (ee(l) ? r.directiveState = l.render(r.node, r.directiveState) : l instanceof Y ? this.renderNestedTemplate(r, l) : l instanceof Node ? this.renderNode(r, l) : Array.isArray(l) ? this.renderArray(r, l) : (this.clearRenderedNodes(r), r.node.textContent = String(l ?? "")));
             break;
           case "attribute":
             if (r.node && r.name) {
               const o = r.node;
-              if (Z(l)) r.directiveState = l.render(o, r.directiveState);
+              if (ee(l)) r.directiveState = l.render(o, r.directiveState);
               else if (a) {
                 const s = r.attributeStrings, n = r.attributeIndices;
                 let c = s[0] ?? "";
@@ -1503,7 +1528,7 @@ var sl = class Y {
             }
             break;
           case "property":
-            r.node && r.name && (Z(l) ? r.directiveState = l.render(r.node, r.directiveState) : r.node[r.name] = l);
+            r.node && r.name && (ee(l) ? r.directiveState = l.render(r.node, r.directiveState) : r.node[r.name] = l);
             break;
           case "event":
             if (r.node && r.name) {
@@ -1517,7 +1542,7 @@ var sl = class Y {
               const o = r.node, s = r.index >= 0 ? l : r.staticValue;
               if (r.index >= 0 && r.previousValue === s || r.index < 0 && r.actionCleanup !== void 0) continue;
               r.actionCleanup && (r.actionCleanup(), r.actionCleanup = void 0);
-              const n = ol(r.name);
+              const n = dl(r.name);
               if (n) {
                 const c = n(o, s, r.name);
                 typeof c == "function" ? r.actionCleanup = c : r.actionCleanup = () => {
@@ -1534,7 +1559,7 @@ var sl = class Y {
   }
 };
 function i(e, ...t) {
-  return new sl(e, t);
+  return new ml(e, t);
 }
 const y = i;
 var He, Ke = "melodic:outlet-register", ye = class {
@@ -1804,7 +1829,7 @@ xe = g([_({
 	`,
   attributes: ["href", "active-class"]
 })], xe);
-function nl(e, t, r) {
+function ul(e, t, r) {
   let l;
   if (typeof t == "string") l = { href: t };
   else if (t && typeof t == "object" && "href" in t) l = t;
@@ -1846,12 +1871,12 @@ function nl(e, t, r) {
     e.removeEventListener("click", b), window.removeEventListener("NavigationEvent", w);
   });
 }
-ne("routerLink", nl);
-var Er = null;
+ne("routerLink", ul);
+var Rr = null;
 const Ge = (e) => {
-  Er = e;
-}, Rr = () => Er;
-var Tr = class {
+  Rr = e;
+}, Tr = () => Rr;
+var zr = class {
   constructor(e) {
     this.execute = e, this._dependencies = /* @__PURE__ */ new Set(), this._isRunning = !1, this._needsRerun = !1, this.run = () => {
       if (this._isRunning) {
@@ -1863,7 +1888,7 @@ var Tr = class {
         this._needsRerun = !1, this._dependencies.forEach((r) => {
           r.unsubscribe(this.run);
         }), this._dependencies.clear();
-        const t = Rr();
+        const t = Tr();
         Ge(this), this.execute(), Ge(t);
       } while (this._needsRerun);
       this._isRunning = !1;
@@ -1883,7 +1908,7 @@ function M(e) {
   const r = /* @__PURE__ */ new Set(), l = () => {
     [...r].forEach((o) => o(t));
   }, a = (() => {
-    const o = Rr();
+    const o = Tr();
     return o && (o.addDependency(a), r.add(o.run)), t;
   });
   return a.set = (o) => {
@@ -1901,7 +1926,7 @@ function M(e) {
   }), a;
 }
 function T(e) {
-  const t = M(void 0), r = new Tr(() => {
+  const t = M(void 0), r = new zr(() => {
     t.set(e());
   });
   r.run();
@@ -1910,23 +1935,23 @@ function T(e) {
     r.destroy(), l();
   }, t;
 }
-const Cs = () => () => ({}), Ss = (e, t) => ((r) => ({
+const As = () => () => ({}), Ds = (e, t) => ((r) => ({
   type: e,
   payload: r ?? (t ? t() : void 0)
 }));
-function Es(...e) {
+function Is(...e) {
   return { reducers: e };
 }
-const Rs = (e) => {
+const Ms = (e) => {
   const t = {};
   return Object.keys(e).forEach((r) => {
     t[r] = M(e[r]);
   }), t;
-}, Ts = (e, t) => ({
+}, Ps = (e, t) => ({
   action: e(),
   reducer: t
-}), we = se("RX_INIT_STATE"), ke = se("RX_ACTION_PROVIDERS"), $e = se("RX_EFFECTS_PROVIDERS"), zr = se("RX_STATE_DEBUG");
-var dl = class {
+}), we = Z("RX_INIT_STATE"), ke = Z("RX_ACTION_PROVIDERS"), $e = Z("RX_EFFECTS_PROVIDERS"), Ar = Z("RX_STATE_DEBUG");
+var hl = class {
   constructor() {
     this._effects = [];
   }
@@ -1939,7 +1964,7 @@ var dl = class {
   getEffects() {
     return this._effects;
   }
-}, zs = class extends dl {
+}, Os = class extends hl {
   constructor(e, t = { reducers: [] }, r = !1) {
     super(), this._initState = e, this._reducerConfig = t, this._debug = r, this._state = M(e);
   }
@@ -2051,24 +2076,24 @@ var dl = class {
 g([B(we), V("design:type", Object)], j.prototype, "_state", void 0);
 g([B(ke), V("design:type", Object)], j.prototype, "_reducerMap", void 0);
 g([B($e), V("design:type", Object)], j.prototype, "_effectMap", void 0);
-g([B(zr), V("design:type", Boolean)], j.prototype, "_debug", void 0);
+g([B(Ar), V("design:type", Boolean)], j.prototype, "_debug", void 0);
 j = g([Q(), V("design:paramtypes", [])], j);
-function Ds(e, t, r, l = !1) {
+function Ls(e, t, r, l = !1) {
   return (a) => {
-    a.bindValue(we, e), a.bindValue(ke, t), a.bindValue($e, r), a.bindValue(zr, l), a.bind(j, j, { dependencies: [
+    a.bindValue(we, e), a.bindValue(ke, t), a.bindValue($e, r), a.bindValue(Ar, l), a.bind(j, j, { dependencies: [
       we,
       ke,
       $e
     ] });
   };
 }
-var Ue = /* @__PURE__ */ new WeakMap(), cl = class Ar {
+var Ue = /* @__PURE__ */ new WeakMap(), pl = class Dr {
   constructor(t) {
     this._factory = null, this._hasEvents = !1, this._canCompile = !1, this.analyzeAndCompile(t);
   }
   static compile(t) {
     let r = Ue.get(t);
-    return r || (r = new Ar(t), Ue.set(t, r)), r;
+    return r || (r = new Dr(t), Ue.set(t, r)), r;
   }
   /**
   * Check if this template can use the fast path
@@ -2195,7 +2220,7 @@ function Ye(e, t, r, l) {
     }
   }
   if (l.useCompiledPath === void 0 && e.length > 0) {
-    const p = r(e[0], 0), b = cl.compile(p.strings);
+    const p = r(e[0], 0), b = pl.compile(p.strings);
     l.useCompiledPath = b.canUseFastPath(), l.useCompiledPath && (l.compiledTemplate = b);
   }
   const n = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
@@ -2211,7 +2236,7 @@ function Ye(e, t, r, l) {
         isNew: !1
       });
     } else {
-      const f = ml(b, p, w, r, l);
+      const f = vl(b, p, w, r, l);
       s.push({
         item: f,
         oldIndex: -1,
@@ -2219,20 +2244,20 @@ function Ye(e, t, r, l) {
       });
     }
   }
-  for (const p of n.values()) pl(p);
+  for (const p of n.values()) fl(p);
   if (s.length === 0) {
     l.keyToIndex = o, l.items = [];
     return;
   }
-  const m = vl(s), u = l.startMarker.parentElement;
+  const m = _l(s), u = l.startMarker.parentElement;
   let h = l.endMarker;
   for (let p = s.length - 1; p >= 0; p--) {
     const b = s[p];
-    b.isNew ? ul(b.item, u, h) : m.has(p) || hl(b.item, h), h = b.item.start;
+    b.isNew ? gl(b.item, u, h) : m.has(p) || bl(b.item, h), h = b.item.start;
   }
   l.keyToIndex = o, l.items = s.map((p) => p.item);
 }
-function ml(e, t, r, l, a) {
+function vl(e, t, r, l, a) {
   const o = l(e, t);
   let s, n;
   if (a.useCompiledPath && a.compiledTemplate) {
@@ -2249,13 +2274,13 @@ function ml(e, t, r, l, a) {
     end: document.createComment("repeat-item-end")
   };
 }
-function ul(e, t, r) {
+function gl(e, t, r) {
   const l = document.createDocumentFragment();
   l.appendChild(e.start);
   for (const a of e.nodes) l.appendChild(a);
   l.appendChild(e.end), t.insertBefore(l, r);
 }
-function hl(e, t) {
+function bl(e, t) {
   const r = t.parentNode;
   if (!r) return;
   const l = document.createDocumentFragment();
@@ -2268,7 +2293,7 @@ function hl(e, t) {
   }
   r.insertBefore(l, t);
 }
-function pl(e) {
+function fl(e) {
   let t = e.start;
   const r = e.end;
   for (; t; ) {
@@ -2277,17 +2302,17 @@ function pl(e) {
     t = l;
   }
 }
-function vl(e) {
+function _l(e) {
   const t = [], r = [];
   for (let o = 0; o < e.length; o++) e[o].oldIndex >= 0 && (t.push(e[o].oldIndex), r.push(o));
-  const l = gl(t), a = /* @__PURE__ */ new Set();
+  const l = yl(t), a = /* @__PURE__ */ new Set();
   for (const o of l) {
     const s = r[o];
     s !== void 0 && a.add(s);
   }
   return a;
 }
-function gl(e) {
+function yl(e) {
   if (e.length === 0) return [];
   const t = new Array(e.length).fill(-1), r = new Array(e.length).fill(0);
   let l = 0;
@@ -2306,7 +2331,7 @@ function gl(e) {
     a[s] = o, o = t[o];
   return a;
 }
-function Is(e, t, r) {
+function Vs(e, t, r) {
   return G((l, a) => {
     if (!a) {
       const o = l.parentNode;
@@ -2327,10 +2352,10 @@ function Is(e, t, r) {
       }
       return o.insertBefore(m, n), c;
     }
-    return bl(e, t, r, a), a;
+    return xl(e, t, r, a), a;
   });
 }
-function bl(e, t, r, l) {
+function xl(e, t, r, l) {
   const a = l.keyToItem, o = /* @__PURE__ */ new Map(), s = l.startMarker.parentElement, n = l.endMarker;
   if (a.size === e.length) {
     let u = !0, h = 0;
@@ -2395,13 +2420,13 @@ function d(e, t, r) {
         endMarker: n,
         nodes: []
       };
-      return e ? te(c, !0) : c.falseTemplate && te(c, !1), c.condition = e, c;
+      return e ? re(c, !0) : c.falseTemplate && re(c, !1), c.condition = e, c;
     }
     if (!a.startMarker.parentNode) throw new Error("when() directive: markers were removed from DOM");
     if (e && !a.condition)
-      Xe(a), a.template = t(), te(a, !0);
+      Xe(a), a.template = t(), re(a, !0);
     else if (!e && a.condition)
-      Xe(a), r && (a.falseTemplate = r(), te(a, !1));
+      Xe(a), r && (a.falseTemplate = r(), re(a, !1));
     else if (e && a.condition) {
       const o = t();
       a.container && o.renderInto(a.container), a.template = o;
@@ -2412,7 +2437,7 @@ function d(e, t, r) {
     return a.condition = e, a;
   });
 }
-function te(e, t) {
+function re(e, t) {
   const r = e.startMarker.parentNode;
   if (!r) throw new Error("when() directive: markers not in DOM");
   const l = t ? e.template : e.falseTemplate;
@@ -2443,7 +2468,7 @@ function W(e) {
     return a;
   });
 }
-function Ms(e) {
+function js(e) {
   return G((t, r) => {
     if (!r) {
       const l = t.parentNode;
@@ -2473,10 +2498,10 @@ function Je(e, t) {
   for (const o of t.nodes) r.insertBefore(o, t.endMarker);
   t.html = e;
 }
-function fl(e) {
+function wl(e) {
   return typeof e == "string" ? document.querySelector(e) : e;
 }
-function _l(e) {
+function kl(e) {
   return typeof e == "string" ? {
     target: e,
     persist: !1
@@ -2488,12 +2513,12 @@ function _l(e) {
     persist: e.persist ?? !1
   };
 }
-function yl(e, t, r) {
+function $l(e, t, r) {
   if (!t) {
     console.warn("portal directive: value is required");
     return;
   }
-  const l = _l(t), a = fl(l.target);
+  const l = kl(t), a = wl(l.target);
   if (!a) {
     console.warn(`portal directive: target "${l.target}" not found`);
     return;
@@ -2504,16 +2529,16 @@ function yl(e, t, r) {
     l.persist || e.remove(), o.remove();
   };
 }
-ne("portal", yl);
-var Ps = class {
+ne("portal", $l);
+var Fs = class {
   constructor() {
     this.__directive = !0;
   }
 };
-const Dr = Symbol("melodic.formControl");
-var xl = class {
+const Ir = Symbol("melodic.formControl");
+var Cl = class {
   constructor(e, t = {}) {
-    this[Dr] = !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(() => ({
+    this[Ir] = !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(),
@@ -2610,10 +2635,10 @@ var xl = class {
     this.errors.set(t);
   }
 };
-const wl = Symbol("melodic.formGroup");
-var kl = class {
+const Sl = Symbol("melodic.formGroup");
+var El = class {
   constructor(e, t = {}) {
-    this[wl] = !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();
+    this[Sl] = !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];
@@ -2704,7 +2729,7 @@ var kl = class {
     });
   }
   setupControlWatcher(e) {
-    const t = new Tr(() => {
+    const t = new zr(() => {
       e.value(), this.runGroupValidation();
     });
     t.run(), this._controlEffects.push(t);
@@ -2729,13 +2754,13 @@ var kl = class {
     this.errors.set(t);
   }
 };
-function Os(e, t) {
-  return new xl(e, t);
+function qs(e, t) {
+  return new Cl(e, t);
 }
-function Ns(e, t) {
-  return new kl(e, t);
+function Bs(e, t) {
+  return new El(e, t);
 }
-const Ls = {
+const Hs = {
   required: (e) => e == null || e === "" || Array.isArray(e) && e.length === 0 ? { required: {
     code: "required",
     message: "This field is required"
@@ -2811,22 +2836,22 @@ const Ls = {
     return l;
   }
 };
-function Vs(e, t, r) {
+function Ks(e, t, r) {
   return (l) => t(l) ? null : { [e]: {
     code: e,
     message: typeof r == "function" ? r(l) : r
   } };
 }
-function js(e, t, r) {
+function Ws(e, t, r) {
   return async (l) => await t(l) ? null : { [e]: {
     code: e,
     message: typeof r == "function" ? r(l) : r
   } };
 }
-function $l(e) {
-  return e !== null && typeof e == "object" && Dr in e;
+function Rl(e) {
+  return e !== null && typeof e == "object" && Ir in e;
 }
-function Cl(e) {
+function Tl(e) {
   const t = e.tagName.toLowerCase();
   if (t === "select") return "select";
   if (t === "textarea") return "textarea";
@@ -2837,12 +2862,12 @@ function Cl(e) {
   }
   return "text";
 }
-function Sl(e, t, r) {
-  if (!$l(t)) {
+function zl(e, t, r) {
+  if (!Rl(t)) {
     console.warn("formControl directive: value must be a FormControl");
     return;
   }
-  const l = t, a = Cl(e), o = [], s = (f) => {
+  const l = t, a = Tl(e), o = [], s = (f) => {
     a === "checkbox" ? e.checked = !!f : a === "radio" ? e.checked = e.value === f : e.value = f != null ? String(f) : "";
   }, n = (f) => {
     f ? e.setAttribute("disabled", "") : e.removeAttribute("disabled");
@@ -2872,8 +2897,8 @@ function Sl(e, t, r) {
     e.removeEventListener(w, m), e.removeEventListener("blur", u), e.removeAttribute("data-form-control"), o.forEach((f) => f());
   };
 }
-ne("formControl", Sl);
-const El = {
+ne("formControl", zl);
+const Al = {
   "--ml-white": "#ffffff",
   "--ml-black": "#000000",
   "--ml-gray-25": "#fcfcfd",
@@ -2960,7 +2985,7 @@ const El = {
   "--ml-purple-800": "#53389e",
   "--ml-purple-900": "#42307d",
   "--ml-purple-950": "#2c1c5f"
-}, Rl = {
+}, Dl = {
   "--ml-color-primary": "var(--ml-blue-600)",
   "--ml-color-primary-hover": "var(--ml-blue-700)",
   "--ml-color-primary-active": "var(--ml-blue-800)",
@@ -3038,7 +3063,7 @@ const El = {
   "--ml-tooltip-bg": "var(--ml-gray-900)",
   "--ml-tooltip-text": "var(--ml-white)",
   "--ml-card-footer-bg": "var(--ml-gray-50)"
-}, Tl = {
+}, Il = {
   "--ml-space-0": "0",
   "--ml-space-px": "1px",
   "--ml-space-0-5": "0.125rem",
@@ -3074,7 +3099,7 @@ const El = {
   "--ml-space-72": "18rem",
   "--ml-space-80": "20rem",
   "--ml-space-96": "24rem"
-}, zl = {
+}, Ml = {
   "--ml-font-sans": "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'",
   "--ml-font-serif": "Georgia, Cambria, 'Times New Roman', Times, serif",
   "--ml-font-mono": "ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
@@ -3112,7 +3137,7 @@ const El = {
   "--ml-tracking-wide": "0.025em",
   "--ml-tracking-wider": "0.05em",
   "--ml-tracking-widest": "0.1em"
-}, Al = {
+}, Pl = {
   "--ml-shadow-none": "none",
   "--ml-shadow-xs": "0 1px 2px 0 rgb(16 24 40 / 0.05)",
   "--ml-shadow-sm": "0 1px 2px 0 rgb(16 24 40 / 0.06), 0 1px 3px 0 rgb(16 24 40 / 0.1)",
@@ -3137,7 +3162,7 @@ const El = {
   "--ml-shadow-primary": "0 1px 2px 0 rgb(21 94 239 / 0.05)",
   "--ml-shadow-success": "0 1px 2px 0 rgb(7 148 85 / 0.05)",
   "--ml-shadow-danger": "0 1px 2px 0 rgb(217 45 32 / 0.05)"
-}, Dl = {
+}, Ol = {
   "--ml-radius-none": "0",
   "--ml-radius-xxs": "0.125rem",
   "--ml-radius-xs": "0.25rem",
@@ -3155,7 +3180,7 @@ const El = {
   "--ml-border-2": "2px",
   "--ml-border-4": "4px",
   "--ml-border-8": "8px"
-}, Il = {
+}, Nl = {
   "--ml-duration-0": "0ms",
   "--ml-duration-75": "75ms",
   "--ml-duration-100": "100ms",
@@ -3176,35 +3201,35 @@ const El = {
   "--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)"
-}, Ml = {
+}, Ll = {
   "--ml-screen-xs": "320px",
   "--ml-screen-sm": "640px",
   "--ml-screen-md": "768px",
   "--ml-screen-lg": "1024px",
   "--ml-screen-xl": "1280px",
   "--ml-screen-2xl": "1536px"
-}, Fs = {
+}, Gs = {
   xs: 320,
   sm: 640,
   md: 768,
   lg: 1024,
   xl: 1280,
   "2xl": 1536
-}, Pl = {
-  ...El,
-  ...Rl,
-  ...Tl,
-  ...zl,
+}, Vl = {
   ...Al,
   ...Dl,
   ...Il,
-  ...Ml
+  ...Ml,
+  ...Pl,
+  ...Ol,
+  ...Nl,
+  ...Ll
 };
-function Ol(e) {
+function jl(e) {
   return Object.entries(e).map(([t, r]) => `${t}: ${r};`).join(`
 	`);
 }
-const Nl = {
+const Fl = {
   "--ml-color-background": "var(--ml-white)",
   "--ml-color-surface": "var(--ml-white)",
   "--ml-color-surface-raised": "var(--ml-gray-50)",
@@ -3218,8 +3243,8 @@ const Nl = {
   "--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"] {
-	${Object.entries(Nl).map(([e, t]) => `${e}: ${t};`).join(`
+}, Us = `:root, [data-theme="light"] {
+	${Object.entries(Fl).map(([e, t]) => `${e}: ${t};`).join(`
 	`)}
 
 	color-scheme: light;
@@ -3292,7 +3317,7 @@ const Nl = {
   "--ml-tooltip-bg": "var(--ml-gray-100)",
   "--ml-tooltip-text": "var(--ml-gray-900)",
   "--ml-card-footer-bg": "var(--ml-gray-800)"
-}, Bs = `[data-theme="dark"] {
+}, Ys = `[data-theme="dark"] {
 	${Object.entries(Qe).map(([e, t]) => `${e}: ${t};`).join(`
 	`)}
 
@@ -3306,57 +3331,57 @@ const Nl = {
 
 		color-scheme: dark;
 	}
-}`, Hs = `:root {
-	${Ol(Pl)}
+}`, Xs = `:root {
+	${jl(Vl)}
 
 	/* Default to light color scheme */
 	color-scheme: light;
 }`;
-var ae = "system", Ce = /* @__PURE__ */ new Set(), re = null;
-function Ks() {
-  return ae;
+var oe = "system", Ce = /* @__PURE__ */ new Set(), le = null;
+function Js() {
+  return oe;
 }
-function Ll() {
-  return ae === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : ae;
+function ql() {
+  return oe === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : oe;
 }
-function Vl(e) {
-  if (re && (re(), re = null), ae = e, e === "system") {
+function Bl(e) {
+  if (le && (le(), le = null), oe = e, e === "system") {
     const t = window.matchMedia("(prefers-color-scheme: dark)"), r = () => {
       const a = t.matches ? "dark" : "light";
       document.documentElement.setAttribute("data-theme", a), ge("system", a);
     };
-    t.addEventListener("change", r), re = () => t.removeEventListener("change", r);
+    t.addEventListener("change", r), le = () => t.removeEventListener("change", r);
     const l = t.matches ? "dark" : "light";
     document.documentElement.setAttribute("data-theme", l), ge("system", l);
   } else
     document.documentElement.setAttribute("data-theme", e), ge(e, e);
 }
-function Ws(e) {
+function Qs(e) {
   return Ce.add(e), () => Ce.delete(e);
 }
 function ge(e, t) {
   Ce.forEach((r) => r(e, t));
 }
-function Gs() {
-  Vl(Ll() === "light" ? "dark" : "light");
+function Zs() {
+  Bl(ql() === "light" ? "dark" : "light");
 }
-function Ir(e, t) {
+function Mr(e, t) {
   return `[data-theme="${e}"] {
 	${Object.entries(t).map(([r, l]) => `${r}: ${l};`).join(`
 	`)}
 }`;
 }
-function Us(e, t) {
-  const r = Ir(e, t), l = document.createElement("style");
+function en(e, t) {
+  const r = Mr(e, t), l = document.createElement("style");
   l.id = `ml-theme-${e}`, l.textContent = r;
   const a = document.getElementById(l.id);
   return a && a.remove(), document.head.appendChild(l), l;
 }
-function Ys(e, t) {
+function tn(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), Ir(e, 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), Mr(e, r);
 }
-function jl(e, t, r) {
+function Hl(e, t, r) {
   const [l, a = "center"] = r.split("-");
   let o = 0, s = 0;
   switch (l) {
@@ -3401,7 +3426,7 @@ function jl(e, t, r) {
   };
 }
 function ce(e, t, r = {}) {
-  const { placement: l = "bottom", middleware: a = [] } = r, o = e.getBoundingClientRect(), s = t.getBoundingClientRect(), { x: n, y: c } = jl(o, s, l);
+  const { placement: l = "bottom", middleware: a = [] } = r, o = e.getBoundingClientRect(), s = t.getBoundingClientRect(), { x: n, y: c } = Hl(o, s, l);
   let m = {
     x: n,
     y: c,
@@ -3433,7 +3458,7 @@ function ce(e, t, r = {}) {
     middlewareData: m.middlewareData
   };
 }
-function Fl(e) {
+function Kl(e) {
   const t = {
     top: "bottom",
     bottom: "top",
@@ -3442,10 +3467,10 @@ function Fl(e) {
   };
   return e.replace(/top|bottom|left|right/g, (r) => t[r]);
 }
-function oe(e) {
+function ie(e) {
   return e.split("-")[0];
 }
-function ql(e) {
+function Wl(e) {
   const t = [];
   let r = e;
   for (; r; ) {
@@ -3464,7 +3489,7 @@ function ql(e) {
 function De(e, t, r, l = {}) {
   const { ancestorScroll: a = !0, ancestorResize: o = !0, elementResize: s = !0, animationFrame: n = !1 } = l, c = [];
   if (a) {
-    const m = ql(e);
+    const m = Wl(e);
     for (const u of m)
       u.addEventListener("scroll", r, { passive: !0 }), c.push(() => u.removeEventListener("scroll", r));
     window.addEventListener("scroll", r, { passive: !0 }), c.push(() => window.removeEventListener("scroll", r));
@@ -3491,7 +3516,7 @@ function me(e = 0) {
   return {
     name: "offset",
     fn(l) {
-      const { x: a, y: o, placement: s } = l, n = oe(s);
+      const { x: a, y: o, placement: s } = l, n = ie(s);
       let c = a, m = o;
       switch (n) {
         case "top":
@@ -3547,12 +3572,12 @@ function ue(e = {}) {
   return {
     name: "flip",
     fn(r) {
-      const { x: l, y: a, placement: o, rects: s } = r, n = oe(o);
+      const { x: l, y: a, placement: o, rects: s } = r, n = ie(o);
       if (!et(Ze(l, a, s.floating, t), n)) return;
-      const c = Fl(o), m = e.fallbackPlacements ?? [c];
+      const c = Kl(o), m = e.fallbackPlacements ?? [c];
       for (const u of m) {
-        const h = Bl(s.reference, s.floating, u);
-        if (!et(Ze(h.x, h.y, s.floating, t), oe(u))) return {
+        const h = Gl(s.reference, s.floating, u);
+        if (!et(Ze(h.x, h.y, s.floating, t), ie(u))) return {
           x: h.x,
           y: h.y,
           placement: u
@@ -3561,7 +3586,7 @@ function ue(e = {}) {
     }
   };
 }
-function Bl(e, t, r) {
+function Gl(e, t, r) {
   const [l, a = "center"] = r.split("-");
   let o = 0, s = 0;
   switch (l) {
@@ -3630,12 +3655,12 @@ function he(e = {}) {
     }
   };
 }
-function Mr(e) {
+function Pr(e) {
   const { element: t, padding: r = 0 } = e;
   return {
     name: "arrow",
     fn(l) {
-      const { rects: a, placement: o } = l, s = oe(o), n = t.getBoundingClientRect(), c = n.width, m = n.height;
+      const { rects: a, placement: o } = l, s = ie(o), n = t.getBoundingClientRect(), c = n.width, m = n.height;
       let u, h;
       if (s === "top" || s === "bottom") {
         u = a.reference.left + a.reference.width / 2 - l.x - c / 2;
@@ -3654,7 +3679,7 @@ function Mr(e) {
     }
   };
 }
-var Hl = [
+var Ul = [
   "a[href]",
   "area[href]",
   'input:not([disabled]):not([type="hidden"])',
@@ -3668,24 +3693,24 @@ var Hl = [
   '[tabindex]:not([tabindex="-1"])'
 ].join(", ");
 function Ie(e) {
-  return Array.from(e.querySelectorAll(Hl)).filter((t) => !(t.offsetParent === null && t.style.position !== "fixed" || getComputedStyle(t).visibility === "hidden"));
+  return Array.from(e.querySelectorAll(Ul)).filter((t) => !(t.offsetParent === null && t.style.position !== "fixed" || getComputedStyle(t).visibility === "hidden"));
 }
-function Pr(e) {
+function Or(e) {
   return Ie(e)[0] ?? null;
 }
-function Kl(e) {
+function Yl(e) {
   const t = Ie(e);
   return t[t.length - 1] ?? null;
 }
-function Xs(e) {
-  const t = Pr(e);
+function rn(e) {
+  const t = Or(e);
   return t ? (t.focus(), !0) : !1;
 }
-function Js(e) {
-  const t = Kl(e);
+function ln(e) {
+  const t = Yl(e);
   return t ? (t.focus(), !0) : !1;
 }
-function Wl(e, t = {}) {
+function Xl(e, t = {}) {
   const { initialFocus: r = null, returnFocus: l = null, autoFocus: a = !0 } = t;
   let o = !1, s = null;
   function n(h) {
@@ -3699,7 +3724,7 @@ function Wl(e, t = {}) {
     if (!o) {
       if (o = !0, s = document.activeElement, e.addEventListener("keydown", n), r) r.focus();
       else if (a) {
-        const h = Pr(e);
+        const h = Or(e);
         h && h.focus();
       }
     }
@@ -3719,12 +3744,12 @@ function Wl(e, t = {}) {
     isActive: u
   };
 }
-function Qs(e, t) {
-  const r = Wl(e, t);
+function an(e, t) {
+  const r = Xl(e, t);
   return r.activate(), () => r.deactivate();
 }
 var X = !1, tt = !1;
-function Or() {
+function Nr() {
   tt || (tt = !0, document.addEventListener("keydown", () => {
     X = !0;
   }, !0), document.addEventListener("mousedown", () => {
@@ -3733,11 +3758,11 @@ function Or() {
     X = !1;
   }, !0));
 }
-function Zs() {
-  return Or(), X;
+function on() {
+  return Nr(), X;
 }
-function en(e, t = "focus-visible") {
-  Or();
+function sn(e, t = "focus-visible") {
+  Nr();
   function r() {
     X && e.classList.add(t);
   }
@@ -3749,7 +3774,7 @@ function en(e, t = "focus-visible") {
   };
 }
 var D = null;
-function Gl() {
+function Jl() {
   return D && document.body.contains(D) || (D = document.createElement("div"), D.id = "ml-live-region", D.setAttribute("aria-live", "polite"), D.setAttribute("aria-atomic", "true"), D.setAttribute("role", "status"), Object.assign(D.style, {
     position: "absolute",
     width: "1px",
@@ -3762,13 +3787,13 @@ function Gl() {
     border: "0"
   }), document.body.appendChild(D)), D;
 }
-function tn(e, t = "polite") {
-  const r = Gl();
+function nn(e, t = "polite") {
+  const r = Jl();
   r.setAttribute("aria-live", t), r.textContent = "", setTimeout(() => {
     r.textContent = e;
   }, 50);
 }
-function rn(e = {}) {
+function dn(e = {}) {
   const { id: t, priority: r = "polite", atomic: l = !0 } = e, a = document.createElement("div");
   return t && (a.id = t), a.setAttribute("aria-live", r), a.setAttribute("aria-atomic", l.toString()), a.setAttribute("role", "status"), Object.assign(a.style, {
     position: "absolute",
@@ -3782,7 +3807,7 @@ function rn(e = {}) {
     border: "0"
   }), a;
 }
-const ln = `
+const cn = `
 	*,
 	*::before,
 	*::after {
@@ -3827,7 +3852,7 @@ const ln = `
 	[hidden] {
 		display: none !important;
 	}
-`, an = `
+`, mn = `
 	.visually-hidden {
 		position: absolute;
 		width: 1px;
@@ -3850,7 +3875,7 @@ const ln = `
 		clip: auto;
 		white-space: normal;
 	}
-`, on = `
+`, un = `
 	:host {
 		/* Inherit font from parent by default */
 		font-family: var(--ml-font-sans);
@@ -3882,7 +3907,7 @@ const ln = `
 		display: none !important;
 	}
 `;
-function sn(e, t) {
+function hn(e, t) {
   function r(l) {
     const a = l.target;
     e.contains(a) || t(l);
@@ -3891,7 +3916,7 @@ function sn(e, t) {
     document.removeEventListener("click", r, !0);
   };
 }
-var Nr = class {
+var Lr = class {
   constructor() {
     this._viewport = null, this._resizeObserver = null, this._options = null, this._handleScroll = () => {
       this._compute(this._viewport.clientHeight);
@@ -3922,24 +3947,24 @@ var Nr = class {
     l(Math.max(0, Math.floor(n / c) - o), Math.min(s, Math.ceil((n + e) / c) + o));
   }
 };
-const Ul = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replaceAll(/[xy]/g, function(e) {
+const Ql = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replaceAll(/[xy]/g, function(e) {
   const t = Math.trunc(Math.random() * 16);
   return (e === "x" ? t : t & 3 | 8).toString(16);
 });
-function Yl(e) {
+function Zl(e) {
   return typeof e == "string" ? { content: e } : e && typeof e == "object" && "content" in e ? e : { content: String(e ?? "") };
 }
-function Xl(e, t) {
+function ea(e, t) {
   if (!t) return;
-  const { content: r, placement: l } = Yl(t);
+  const { content: r, placement: l } = Zl(t);
   if (!r) return;
   const a = document.createElement("ml-tooltip");
   return a.setAttribute("content", r), l && a.setAttribute("placement", l), e.parentNode?.insertBefore(a, e), a.appendChild(e), () => {
     a.parentNode?.insertBefore(e, a), a.remove();
   };
 }
-ne("tooltip", Xl);
-function Jl(e) {
+ne("tooltip", ea);
+function ta(e) {
   return i`
 		<div
 			class=${v({
@@ -3963,7 +3988,7 @@ function Jl(e) {
 		</div>
 	`;
 }
-const Ql = () => y`
+const ra = () => y`
 	:host {
 		display: inline-flex;
 		align-items: center;
@@ -4041,11 +4066,11 @@ var rt = class {
 };
 rt = g([_({
   selector: "ml-spinner",
-  template: Jl,
-  styles: Ql,
+  template: ta,
+  styles: ra,
   attributes: ["size", "label"]
 })], rt);
-function Zl(e) {
+function la(e) {
   return i`
 		<button
 			type="${e.type}"
@@ -4075,7 +4100,7 @@ function Zl(e) {
 		</button>
 	`;
 }
-const ea = () => y`
+const aa = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -4323,8 +4348,8 @@ var lt = class {
 };
 lt = g([_({
   selector: "ml-button",
-  template: Zl,
-  styles: ea,
+  template: la,
+  styles: aa,
   attributes: [
     "variant",
     "size",
@@ -4334,7 +4359,7 @@ lt = g([_({
     "full-width"
   ]
 })], lt);
-function ta(e) {
+function oa(e) {
   return i`
 		<div
 			class=${v({
@@ -4347,7 +4372,7 @@ function ta(e) {
 		</div>
 	`;
 }
-const ra = () => y`
+const ia = () => y`
 	:host {
 		display: inline-flex;
 	}
@@ -4403,8 +4428,8 @@ var at = class {
 };
 at = g([_({
   selector: "ml-button-group",
-  template: ta,
-  styles: ra,
+  template: oa,
+  styles: ia,
   attributes: [
     "value",
     "variant",
@@ -4413,7 +4438,7 @@ at = g([_({
     "multiple"
   ]
 })], at);
-function la(e) {
+function sa(e) {
   return i`
 		<button
 			type="button"
@@ -4427,7 +4452,7 @@ function la(e) {
 		</button>
 	`;
 }
-const aa = () => y`
+const na = () => y`
 	:host {
 		display: inline-flex;
 	}
@@ -4551,8 +4576,8 @@ var ot = class {
 };
 ot = g([_({
   selector: "ml-button-group-item",
-  template: la,
-  styles: aa,
+  template: sa,
+  styles: na,
   attributes: [
     "value",
     "icon",
@@ -4562,7 +4587,7 @@ ot = g([_({
     "group-size"
   ]
 })], ot);
-function oa(e) {
+function da(e) {
   return i`
 		<div
 			class=${v({
@@ -4571,7 +4596,7 @@ function oa(e) {
     "ml-input--disabled": e.disabled,
     "ml-input--readonly": e.readonly,
     "ml-input--error": !!e.error,
-    "ml-input--focused": e._focused
+    "ml-input--focused": e.focused
   })}
 		>
 			${d(!!e.label, () => i`
@@ -4607,7 +4632,7 @@ function oa(e) {
 		</div>
 	`;
 }
-const ia = () => y`
+const ca = () => y`
 	:host {
 		display: block;
 		width: 100%;
@@ -4739,7 +4764,7 @@ const ia = () => y`
 `;
 var it = class {
   constructor() {
-    this.type = "text", this.value = "", this.placeholder = "", this.label = "", this.hint = "", this.error = "", this.size = "md", this.disabled = !1, this.readonly = !1, this.required = !1, this.autocomplete = "off", this._focused = !1, this.handleInput = (t) => {
+    this.type = "text", this.value = "", this.placeholder = "", this.label = "", this.hint = "", this.error = "", this.size = "md", this.disabled = !1, this.readonly = !1, this.required = !1, this.autocomplete = "off", this.focused = !1, this.handleInput = (t) => {
       this.value = t.target.value, this.elementRef.dispatchEvent(new CustomEvent("ml:input", {
         bubbles: !0,
         composed: !0,
@@ -4752,12 +4777,12 @@ var it = class {
         detail: { value: this.value }
       }));
     }, this.handleFocus = () => {
-      this._focused = !0, this.elementRef.dispatchEvent(new CustomEvent("ml:focus", {
+      this.focused = !0, this.elementRef.dispatchEvent(new CustomEvent("ml:focus", {
         bubbles: !0,
         composed: !0
       }));
     }, this.handleBlur = () => {
-      this._focused = !1, this.elementRef.dispatchEvent(new CustomEvent("ml:blur", {
+      this.focused = !1, this.elementRef.dispatchEvent(new CustomEvent("ml:blur", {
         bubbles: !0,
         composed: !0
       }));
@@ -4769,8 +4794,8 @@ var it = class {
 };
 it = g([_({
   selector: "ml-input",
-  template: oa,
-  styles: ia,
+  template: da,
+  styles: ca,
   attributes: [
     "type",
     "value",
@@ -4785,7 +4810,7 @@ it = g([_({
     "autocomplete"
   ]
 })], it);
-function sa(e) {
+function ma(e) {
   return i`
 		<div
 			class=${v({
@@ -4794,7 +4819,7 @@ function sa(e) {
     "ml-textarea--disabled": e.disabled,
     "ml-textarea--readonly": e.readonly,
     "ml-textarea--error": !!e.error,
-    "ml-textarea--focused": e._focused,
+    "ml-textarea--focused": e.focused,
     "ml-textarea--resize": e.resize
   })}
 		>
@@ -4832,7 +4857,7 @@ function sa(e) {
 		</div>
 	`;
 }
-const na = () => y`
+const ua = () => y`
 	:host {
 		display: block;
 		width: 100%;
@@ -4947,7 +4972,7 @@ const na = () => y`
 `;
 var st = class {
   constructor() {
-    this.value = "", this.placeholder = "", this.label = "", this.hint = "", this.error = "", this.size = "md", this.rows = 3, this.maxLength = 0, this.disabled = !1, this.readonly = !1, this.required = !1, this.resize = !1, this._focused = !1, this.handleInput = (t) => {
+    this.value = "", this.placeholder = "", this.label = "", this.hint = "", this.error = "", this.size = "md", this.rows = 3, this.maxLength = 0, this.disabled = !1, this.readonly = !1, this.required = !1, this.resize = !1, this.focused = !1, this.handleInput = (t) => {
       this.value = t.target.value, this.elementRef.dispatchEvent(new CustomEvent("ml:input", {
         bubbles: !0,
         composed: !0,
@@ -4960,12 +4985,12 @@ var st = class {
         detail: { value: this.value }
       }));
     }, this.handleFocus = () => {
-      this._focused = !0, this.elementRef.dispatchEvent(new CustomEvent("ml:focus", {
+      this.focused = !0, this.elementRef.dispatchEvent(new CustomEvent("ml:focus", {
         bubbles: !0,
         composed: !0
       }));
     }, this.handleBlur = () => {
-      this._focused = !1, this.elementRef.dispatchEvent(new CustomEvent("ml:blur", {
+      this.focused = !1, this.elementRef.dispatchEvent(new CustomEvent("ml:blur", {
         bubbles: !0,
         composed: !0
       }));
@@ -4977,8 +5002,8 @@ var st = class {
 };
 st = g([_({
   selector: "ml-textarea",
-  template: sa,
-  styles: na,
+  template: ma,
+  styles: ua,
   attributes: [
     "value",
     "placeholder",
@@ -4994,7 +5019,7 @@ st = g([_({
     "resize"
   ]
 })], st);
-function da(e) {
+function ha(e) {
   return i`
 		<label
 			class=${v({
@@ -5030,7 +5055,7 @@ function da(e) {
 		${d(!!e.hint, () => i`<span class="ml-checkbox__hint">${e.hint}</span>`)}
 	`;
 }
-const ca = () => y`
+const pa = () => y`
 	:host {
 		display: block;
 	}
@@ -5162,8 +5187,8 @@ var nt = class {
 };
 nt = g([_({
   selector: "ml-checkbox",
-  template: da,
-  styles: ca,
+  template: ha,
+  styles: pa,
   attributes: [
     "label",
     "hint",
@@ -5173,7 +5198,7 @@ nt = g([_({
     "disabled"
   ]
 })], nt);
-function ma(e) {
+function va(e) {
   return i`
 		<label
 			class=${v({
@@ -5200,7 +5225,7 @@ function ma(e) {
 		${d(!!e.hint, () => i`<span class="ml-radio__hint">${e.hint}</span>`)}
 	`;
 }
-const ua = () => y`
+const ga = () => y`
 	:host {
 		display: block;
 	}
@@ -5343,8 +5368,8 @@ var dt = class {
 };
 dt = g([_({
   selector: "ml-radio",
-  template: ma,
-  styles: ua,
+  template: va,
+  styles: ga,
   attributes: [
     "name",
     "value",
@@ -5355,7 +5380,7 @@ dt = g([_({
     "disabled"
   ]
 })], dt);
-function ha(e) {
+function ba(e) {
   return i`
 		<fieldset
 			class=${v({
@@ -5382,7 +5407,7 @@ function ha(e) {
 		</fieldset>
 	`;
 }
-const pa = () => y`
+const fa = () => y`
 	:host {
 		display: block;
 	}
@@ -5472,8 +5497,8 @@ var ct = class {
 };
 ct = g([_({
   selector: "ml-radio-group",
-  template: ha,
-  styles: pa,
+  template: ba,
+  styles: fa,
   attributes: [
     "label",
     "name",
@@ -5485,7 +5510,7 @@ ct = g([_({
     "required"
   ]
 })], ct);
-function va(e) {
+function _a(e) {
   return i`
 		<fieldset
 			class=${v({
@@ -5514,7 +5539,7 @@ function va(e) {
 		</fieldset>
 	`;
 }
-const ga = () => y`
+const ya = () => y`
 	:host {
 		display: block;
 	}
@@ -5615,8 +5640,8 @@ var mt = class {
 };
 mt = g([_({
   selector: "ml-radio-card-group",
-  template: va,
-  styles: ga,
+  template: _a,
+  styles: ya,
   attributes: [
     "value",
     "label",
@@ -5627,7 +5652,7 @@ mt = g([_({
     "required"
   ]
 })], mt);
-function ba(e) {
+function xa(e) {
   return i`
 		<div
 			class=${v({
@@ -5667,7 +5692,7 @@ function ba(e) {
 		</div>
 	`;
 }
-const fa = () => y`
+const wa = () => y`
 	:host {
 		display: block;
 	}
@@ -5820,8 +5845,8 @@ var ut = class {
 };
 ut = g([_({
   selector: "ml-radio-card",
-  template: ba,
-  styles: fa,
+  template: xa,
+  styles: wa,
   attributes: [
     "value",
     "label",
@@ -5833,7 +5858,7 @@ ut = g([_({
     "group-disabled"
   ]
 })], ut);
-function _a(e) {
+function ka(e) {
   return i`
 		<label
 			class=${v({
@@ -5852,7 +5877,7 @@ function _a(e) {
 		${d(!!e.hint, () => i`<span class="ml-toggle__hint">${e.hint}</span>`)}
 	`;
 }
-const ya = () => y`
+const $a = () => y`
 	:host {
 		display: block;
 	}
@@ -5999,8 +6024,8 @@ var ht = class {
 };
 ht = g([_({
   selector: "ml-toggle",
-  template: _a,
-  styles: ya,
+  template: ka,
+  styles: $a,
   attributes: [
     "label",
     "hint",
@@ -6009,7 +6034,7 @@ ht = g([_({
     "disabled"
   ]
 })], ht);
-function xa(e) {
+function Ca(e) {
   return i`
 		<div
 			class=${v({
@@ -6040,7 +6065,7 @@ function xa(e) {
 					@click=${e.toggle}
 				>
 					<span class="ml-select__value">
-						${d(e.multiple, () => ka(e), () => wa(e))}
+						${d(e.multiple, () => Ea(e), () => Sa(e))}
 					</span>
 					<ml-icon icon="caret-down" size="sm" format="regular" class="ml-select__chevron"></ml-icon>
 				</div>
@@ -6053,7 +6078,7 @@ function xa(e) {
 					role="listbox"
 					aria-multiselectable=${e.multiple || !1}
 				>
-					${e.filteredOptions.length ? $(e.filteredOptions, (t) => `${t.value}-${e.multiple ? e.values.includes(t.value) : e.value === t.value}`, (t, r) => $a(e, t, r)) : i`<div class="ml-select__empty">No results found</div>`}
+					${e.filteredOptions.length ? $(e.filteredOptions, (t) => `${t.value}-${e.multiple ? e.values.includes(t.value) : e.value === t.value}`, (t, r) => Ra(e, t, r)) : i`<div class="ml-select__empty">No results found</div>`}
 				</div>
 			</div>
 
@@ -6061,13 +6086,13 @@ function xa(e) {
 		</div>
 	`;
 }
-function wa(e) {
+function Sa(e) {
   return i`
 		${d(!!e.selectedOption?.icon, () => i`<ml-icon icon="${e.selectedOption?.icon ?? ""}" size="sm" class="ml-select__value-icon"></ml-icon>`)}
 		${e.displayText ? i`<span class="ml-select__value-text">${e.displayText}</span>` : i`<span class="ml-select__placeholder">${e.placeholder}</span>`}
 	`;
 }
-function ka(e) {
+function Ea(e) {
   return i`
 		<ml-icon icon="magnifying-glass" size="sm" format="regular" class="ml-select__search-icon"></ml-icon>
 		<span class="ml-select__tags">
@@ -6092,7 +6117,7 @@ function ka(e) {
 		/>
 	`;
 }
-function $a(e, t, r) {
+function Ra(e, t, r) {
   const l = e.multiple ? e.values.includes(t.value) : e.value === t.value, a = e.focusedIndex === r;
   return i`
 		<div
@@ -6114,7 +6139,7 @@ function $a(e, t, r) {
 		</div>
 	`;
 }
-const Ca = () => y`
+const Ta = () => y`
 	:host {
 		display: block;
 		width: 100%;
@@ -6684,8 +6709,8 @@ var pt = class {
 };
 pt = g([_({
   selector: "ml-select",
-  template: xa,
-  styles: Ca,
+  template: Ca,
+  styles: Ta,
   attributes: [
     "label",
     "placeholder",
@@ -6698,7 +6723,7 @@ pt = g([_({
     "multiple"
   ]
 })], pt);
-function Sa(e) {
+function za(e) {
   return i`
 		<div
 			class=${v({
@@ -6737,7 +6762,7 @@ function Sa(e) {
 		</div>
 	`;
 }
-const Ea = () => y`
+const Aa = () => y`
 	:host {
 		display: block;
 	}
@@ -6935,8 +6960,8 @@ var vt = class {
 };
 vt = g([_({
   selector: "ml-slider",
-  template: Sa,
-  styles: Ea,
+  template: za,
+  styles: Aa,
   attributes: [
     "label",
     "value",
@@ -6950,7 +6975,7 @@ vt = g([_({
     "error"
   ]
 })], vt);
-function Ra(e) {
+function Da(e) {
   return i`
 		<div
 			class=${v({
@@ -6977,7 +7002,7 @@ function Ra(e) {
 		</div>
 	`;
 }
-const Ta = () => y`
+const Ia = () => y`
 	:host {
 		display: block;
 		width: 100%;
@@ -7193,8 +7218,8 @@ var gt = class {
 };
 gt = g([_({
   selector: "ml-form-field",
-  template: Ra,
-  styles: Ta,
+  template: Da,
+  styles: Ia,
   attributes: [
     "label",
     "hint",
@@ -7205,7 +7230,7 @@ gt = g([_({
     "required"
   ]
 })], gt);
-function za(e) {
+function Ma(e) {
   return i`
 		<div class="ml-calendar" role="grid" aria-label=${e.monthLabel}>
 			<div class="ml-calendar__header">
@@ -7263,7 +7288,7 @@ function za(e) {
 		</div>
 	`;
 }
-const Aa = () => y`
+const Pa = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -7448,7 +7473,7 @@ const Aa = () => y`
 		box-shadow: var(--ml-shadow-focus-ring);
 	}
 `;
-var Da = [
+var Oa = [
   "January",
   "February",
   "March",
@@ -7461,7 +7486,7 @@ var Da = [
   "October",
   "November",
   "December"
-], Ia = [
+], Na = [
   "Su",
   "Mo",
   "Tu",
@@ -7470,12 +7495,12 @@ var Da = [
   "Fr",
   "Sa"
 ];
-function le(e, t, r) {
+function ae(e, t, r) {
   return `${e}-${String(t + 1).padStart(2, "0")}-${String(r).padStart(2, "0")}`;
 }
 function bt() {
   const e = /* @__PURE__ */ new Date();
-  return le(e.getFullYear(), e.getMonth(), e.getDate());
+  return ae(e.getFullYear(), e.getMonth(), e.getDate());
 }
 var ft = class {
   constructor() {
@@ -7516,15 +7541,15 @@ var ft = class {
     t.length === 3 && (this.viewYear = Number.parseInt(t[0], 10), this.viewMonth = Number.parseInt(t[1], 10) - 1);
   }
   get monthLabel() {
-    return `${Da[this.viewMonth]} ${this.viewYear}`;
+    return `${Oa[this.viewMonth]} ${this.viewYear}`;
   }
   get weekdays() {
-    return Ia;
+    return Na;
   }
   get days() {
     const t = this.viewYear, r = this.viewMonth, l = new Date(t, r, 1).getDay(), a = new Date(t, r + 1, 0).getDate(), o = new Date(t, r, 0).getDate(), s = bt(), n = [], c = r === 0 ? 11 : r - 1, m = r === 0 ? t - 1 : t;
     for (let b = l - 1; b >= 0; b--) {
-      const w = o - b, f = le(m, c, w);
+      const w = o - b, f = ae(m, c, w);
       n.push({
         date: w,
         month: c,
@@ -7537,7 +7562,7 @@ var ft = class {
       });
     }
     for (let b = 1; b <= a; b++) {
-      const w = le(t, r, b);
+      const w = ae(t, r, b);
       n.push({
         date: b,
         month: r,
@@ -7553,7 +7578,7 @@ var ft = class {
     if (p > 0) {
       const b = 7 - p;
       for (let w = 1; w <= b; w++) {
-        const f = le(h, u, w);
+        const f = ae(h, u, w);
         n.push({
           date: w,
           month: u,
@@ -7574,15 +7599,15 @@ var ft = class {
 };
 ft = g([_({
   selector: "ml-calendar",
-  template: za,
-  styles: Aa,
+  template: Ma,
+  styles: Pa,
   attributes: [
     "value",
     "min",
     "max"
   ]
 })], ft);
-function Ma(e) {
+function La(e) {
   return i`
 		<div class=${v({
     "ml-date-picker": !0,
@@ -7629,7 +7654,7 @@ function Ma(e) {
 		</div>
 	`;
 }
-const Pa = () => y`
+const Va = () => y`
 	:host {
 		display: block;
 	}
@@ -7781,7 +7806,7 @@ const Pa = () => y`
 		color: var(--ml-color-danger);
 	}
 `;
-var Oa = [
+var ja = [
   "Jan",
   "Feb",
   "Mar",
@@ -7795,12 +7820,12 @@ var Oa = [
   "Nov",
   "Dec"
 ];
-function Na(e) {
+function Fa(e) {
   if (!e) return "";
   const t = e.split("-");
   if (t.length !== 3) return e;
   const r = parseInt(t[1], 10) - 1, l = parseInt(t[2], 10), a = parseInt(t[0], 10);
-  return `${Oa[r]} ${l}, ${a}`;
+  return `${ja[r]} ${l}, ${a}`;
 }
 var _t = class {
   constructor() {
@@ -7819,7 +7844,7 @@ var _t = class {
     };
   }
   get displayValue() {
-    return Na(this.value);
+    return Fa(this.value);
   }
   onCreate() {
     const t = this.getPopoverEl();
@@ -7871,8 +7896,8 @@ var _t = class {
 };
 _t = g([_({
   selector: "ml-date-picker",
-  template: Ma,
-  styles: Pa,
+  template: La,
+  styles: Va,
   attributes: [
     "value",
     "placeholder",
@@ -7886,7 +7911,7 @@ _t = g([_({
     "max"
   ]
 })], _t);
-function La(e) {
+function qa(e) {
   return i`
 		<div
 			class=${v({
@@ -7914,7 +7939,7 @@ function La(e) {
 		</div>
 	`;
 }
-const Va = () => y`
+const Ba = () => y`
 	:host {
 		display: block;
 	}
@@ -8046,8 +8071,8 @@ var yt = class {
 };
 yt = g([_({
   selector: "ml-alert",
-  template: La,
-  styles: Va,
+  template: qa,
+  styles: Ba,
   attributes: [
     "variant",
     "title",
@@ -8104,7 +8129,7 @@ var xt = class {
   }
 };
 xt = g([Q()], xt);
-function ja(e) {
+function Ha(e) {
   return i`
 		<div
 			class=${v({
@@ -8128,7 +8153,7 @@ function ja(e) {
 		</div>
 	`;
 }
-const Fa = () => y`
+const Ka = () => y`
 	:host {
 		display: block;
 	}
@@ -8241,8 +8266,8 @@ var wt = class {
 };
 wt = g([_({
   selector: "ml-toast",
-  template: ja,
-  styles: Fa,
+  template: Ha,
+  styles: Ka,
   attributes: [
     "variant",
     "title",
@@ -8251,7 +8276,7 @@ wt = g([_({
     "dismissible"
   ]
 })], wt);
-function qa(e) {
+function Wa(e) {
   return i`
 		<div
 			class=${v({
@@ -8263,7 +8288,7 @@ function qa(e) {
 		</div>
 	`;
 }
-const Ba = () => y`
+const Ga = () => y`
 	:host {
 		display: block;
 	}
@@ -8332,11 +8357,11 @@ var kt = class {
 };
 kt = g([_({
   selector: "ml-toast-container",
-  template: qa,
-  styles: Ba,
+  template: Wa,
+  styles: Ga,
   attributes: ["position"]
 })], kt);
-function Ha(e) {
+function Ua(e) {
   const t = e.labelPosition === "top" && (!!e.label || e.showValue), r = e.labelPosition === "right" && e.showValue, l = e.labelPosition === "bottom" && e.showValue, a = e.labelPosition === "floating-top" && e.showValue, o = e.labelPosition === "floating-bottom" && e.showValue;
   return i`
 		<div class=${v({
@@ -8380,7 +8405,7 @@ function Ha(e) {
 		</div>
 	`;
 }
-function Ka(e) {
+function Ya(e) {
   return i`
 		<div class=${v({
     "ml-progress-circle": !0,
@@ -8423,7 +8448,7 @@ function Ka(e) {
 		</div>
 	`;
 }
-function Wa(e) {
+function Xa(e) {
   return i`
 		<div class=${v({
     "ml-progress-half": !0,
@@ -8462,10 +8487,10 @@ function Wa(e) {
 		</div>
 	`;
 }
-function Ga(e) {
-  return e.shape === "circle" ? Ka(e) : e.shape === "half-circle" ? Wa(e) : Ha(e);
+function Ja(e) {
+  return e.shape === "circle" ? Ya(e) : e.shape === "half-circle" ? Xa(e) : Ua(e);
 }
-const Ua = () => y`
+const Qa = () => y`
 	:host {
 		display: block;
 	}
@@ -8805,8 +8830,8 @@ var $t = class {
 };
 $t = g([_({
   selector: "ml-progress",
-  template: Ga,
-  styles: Ua,
+  template: Ja,
+  styles: Qa,
   attributes: [
     "value",
     "max",
@@ -8818,7 +8843,7 @@ $t = g([_({
     "label-position"
   ]
 })], $t);
-function Ya(e) {
+function Za(e) {
   return i`
 		<div
 			class=${v({
@@ -8845,7 +8870,7 @@ function Ya(e) {
 		</div>
 	`;
 }
-const Xa = () => y`
+const eo = () => y`
 	:host {
 		display: block;
 	}
@@ -8936,15 +8961,15 @@ var Ct = class {
 };
 Ct = g([_({
   selector: "ml-card",
-  template: Ya,
-  styles: Xa,
+  template: Za,
+  styles: eo,
   attributes: [
     "variant",
     "hoverable",
     "clickable"
   ]
 })], Ct);
-function Ja(e) {
+function to(e) {
   return i`
 		<div
 			class=${v({
@@ -8963,7 +8988,7 @@ function Ja(e) {
 		</div>
 	`;
 }
-const Qa = () => y`
+const ro = () => y`
 	:host {
 		display: block;
 	}
@@ -9045,18 +9070,18 @@ var St = class {
 };
 St = g([_({
   selector: "ml-divider",
-  template: Ja,
-  styles: Qa,
+  template: to,
+  styles: ro,
   attributes: ["orientation"]
 })], St);
-function Za(e) {
+function lo(e) {
   return i`
 		<div class="ml-stack" style=${W(e.getStyles())}>
 			<slot></slot>
 		</div>
 	`;
 }
-const eo = () => y`
+const ao = () => y`
 	:host {
 		display: block;
 	}
@@ -9095,8 +9120,8 @@ var Et = class {
 };
 Et = g([_({
   selector: "ml-stack",
-  template: Za,
-  styles: eo,
+  template: lo,
+  styles: ao,
   attributes: [
     "direction",
     "gap",
@@ -9105,14 +9130,14 @@ Et = g([_({
     "wrap"
   ]
 })], Et);
-function to(e) {
+function oo(e) {
   return i`
 		<div class="ml-container" style=${W(e.getStyles())}>
 			<slot></slot>
 		</div>
 	`;
 }
-const ro = () => y`
+const io = () => y`
 	:host {
 		display: block;
 		width: 100%;
@@ -9144,15 +9169,15 @@ var Rt = class {
 };
 Rt = g([_({
   selector: "ml-container",
-  template: to,
-  styles: ro,
+  template: oo,
+  styles: io,
   attributes: [
     "size",
     "padding",
     "centered"
   ]
 })], Rt);
-function lo(e) {
+function so(e) {
   return i`
 		<span
 			class=${v({
@@ -9173,7 +9198,7 @@ function lo(e) {
 		</span>
 	`;
 }
-const ao = () => y`
+const no = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -9274,8 +9299,8 @@ var Tt = class {
 };
 Tt = g([_({
   selector: "ml-avatar",
-  template: lo,
-  styles: ao,
+  template: so,
+  styles: no,
   attributes: [
     "src",
     "alt",
@@ -9284,7 +9309,7 @@ Tt = g([_({
     "rounded"
   ]
 })], Tt);
-function oo(e) {
+function co(e) {
   return i`
 		<span
 			class=${v({
@@ -9300,7 +9325,7 @@ function oo(e) {
 		</span>
 	`;
 }
-const io = () => y`
+const mo = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -9392,8 +9417,8 @@ var zt = class {
 };
 zt = g([_({
   selector: "ml-badge",
-  template: oo,
-  styles: io,
+  template: co,
+  styles: mo,
   attributes: [
     "variant",
     "size",
@@ -9401,7 +9426,7 @@ zt = g([_({
     "pill"
   ]
 })], zt);
-function so(e) {
+function uo(e) {
   const t = e.badgePosition === "trailing";
   return i`
 		<span
@@ -9424,7 +9449,7 @@ function so(e) {
 		</span>
 	`;
 }
-const no = () => y`
+const ho = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -9562,8 +9587,8 @@ var At = class {
 };
 At = g([_({
   selector: "ml-badge-group",
-  template: so,
-  styles: no,
+  template: uo,
+  styles: ho,
   attributes: [
     "label",
     "variant",
@@ -9573,7 +9598,7 @@ At = g([_({
     "icon"
   ]
 })], At);
-function co(e) {
+function po(e) {
   const t = e["avatar-src"], r = e["dot-color"];
   return i`
 		<span
@@ -9624,7 +9649,7 @@ function co(e) {
 		</span>
 	`;
 }
-const mo = () => y`
+const vo = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -9835,8 +9860,8 @@ var Dt = class {
 };
 Dt = g([_({
   selector: "ml-tag",
-  template: co,
-  styles: mo,
+  template: po,
+  styles: vo,
   attributes: [
     "size",
     "dot",
@@ -9850,7 +9875,7 @@ Dt = g([_({
     "disabled"
   ]
 })], Dt);
-function uo(e) {
+function go(e) {
   return i`
 		<div
 			class=${v({
@@ -9864,7 +9889,7 @@ function uo(e) {
 		</div>
 	`;
 }
-const ho = () => y`
+const bo = () => y`
 	:host {
 		display: block;
 	}
@@ -9899,11 +9924,11 @@ var It = class {
 };
 It = g([_({
   selector: "ml-list",
-  template: uo,
-  styles: ho,
+  template: go,
+  styles: bo,
   attributes: ["variant", "size"]
 })], It);
-function po(e) {
+function fo(e) {
   return i`
 		<div class="ml-li" role="listitem">
 			${d(e.hasLeadingSlot, () => i`
@@ -9924,7 +9949,7 @@ function po(e) {
 		</div>
 	`;
 }
-const vo = () => y`
+const _o = () => y`
 	:host {
 		display: block;
 		padding: var(--_ml-list-padding, var(--ml-space-3) 0);
@@ -10010,8 +10035,8 @@ var Mt = class {
 };
 Mt = g([_({
   selector: "ml-list-item",
-  template: po,
-  styles: vo,
+  template: fo,
+  styles: _o,
   attributes: [
     "primary",
     "secondary",
@@ -10019,7 +10044,7 @@ Mt = g([_({
     "interactive"
   ]
 })], Mt);
-function go(e) {
+function yo(e) {
   return i`
 		<div
 			class=${v({
@@ -10032,7 +10057,7 @@ function go(e) {
 		</div>
 	`;
 }
-const bo = () => y`
+const xo = () => y`
 	:host {
 		display: block;
 	}
@@ -10063,11 +10088,11 @@ var Pt = class {
 };
 Pt = g([_({
   selector: "ml-activity-feed",
-  template: go,
-  styles: bo,
+  template: yo,
+  styles: xo,
   attributes: ["variant"]
 })], Pt);
-function fo(e) {
+function wo(e) {
   return i`
 		<article class="ml-afi">
 			<div class="ml-afi__left">
@@ -10110,7 +10135,7 @@ function fo(e) {
 		</article>
 	`;
 }
-const _o = () => y`
+const ko = () => y`
 	:host {
 		display: block;
 		padding: var(--ml-space-4) 0;
@@ -10253,8 +10278,8 @@ var Ot = class {
 };
 Ot = g([_({
   selector: "ml-activity-feed-item",
-  template: fo,
-  styles: _o,
+  template: wo,
+  styles: ko,
   attributes: [
     "name",
     "timestamp",
@@ -10266,10 +10291,10 @@ Ot = g([_({
     "indicator-color"
   ]
 })], Ot);
-function yo(e, t, r) {
+function $o(e, t, r) {
   return e.render ? e.render(t[e.key], t, r) : t[e.key] ?? "";
 }
-function xo(e) {
+function Co(e) {
   return i`
 		<div class=${v({
     "ml-table": !0,
@@ -10362,7 +10387,7 @@ function xo(e) {
       "ml-table__td": !0,
       [`ml-table__td--${a.align ?? "left"}`]: !0
     })}>
-											${yo(a, t, l)}
+											${$o(a, t, l)}
 										</td>
 									`)}
 								</tr>
@@ -10386,7 +10411,7 @@ function xo(e) {
 		</div>
 	`;
 }
-const wo = () => y`
+const So = () => y`
 	:host {
 		display: block;
 	}
@@ -10627,7 +10652,7 @@ const wo = () => y`
 `;
 var Nt = class {
   constructor() {
-    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 Nr(), this._viewport = null, this.isRowSelected = (t) => this.selectedIndices.includes(t), this.handleSort = (t) => {
+    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 Lr(), 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,
@@ -10731,8 +10756,8 @@ var Nt = class {
 };
 Nt = g([_({
   selector: "ml-table",
-  template: xo,
-  styles: wo,
+  template: Co,
+  styles: So,
   attributes: [
     "selectable",
     "striped",
@@ -10744,12 +10769,12 @@ Nt = g([_({
     "virtual"
   ]
 })], Nt);
-function ko(e, t, r) {
+function Eo(e, t, r) {
   if (e.render) return e.render(t[e.key], t, r);
   const l = t[e.key];
   return l ?? "";
 }
-function $o(e) {
+function Ro(e) {
   const t = e.gridTemplateColumns, r = e.totalGridWidth;
   return i`
 		<div class=${v({
@@ -10896,7 +10921,7 @@ function $o(e) {
   })}
 										style=${o.pinned === "left" ? `left: ${e.getPinnedLeftOffset(o.key)}px` : ""}
 									>
-										${ko(o, l, e.startIndex + a)}
+										${Eo(o, l, e.startIndex + a)}
 									</div>
 								`)}
 							</div>
@@ -10951,7 +10976,7 @@ function $o(e) {
 		</div>
 	`;
 }
-const Co = () => y`
+const To = () => y`
 	:host {
 		display: flex;
 		flex-direction: column;
@@ -11444,7 +11469,7 @@ const Co = () => y`
 `;
 var Lt = 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 Nr(), 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 Lr(), 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,
@@ -11651,8 +11676,8 @@ var Lt = class {
 };
 Lt = g([_({
   selector: "ml-data-grid",
-  template: $o,
-  styles: Co,
+  template: Ro,
+  styles: To,
   attributes: [
     "selectable",
     "striped",
@@ -11666,7 +11691,7 @@ Lt = g([_({
     "show-filter-row"
   ]
 })], Lt);
-var So = [
+var zo = [
   "January",
   "February",
   "March",
@@ -11692,7 +11717,7 @@ var So = [
   "Oct",
   "Nov",
   "Dec"
-], Lr = [
+], Vr = [
   "Sunday",
   "Monday",
   "Tuesday",
@@ -11716,11 +11741,11 @@ function Vt(e) {
   const [t, r, l] = e.split("T")[0].split("-").map(Number);
   return new Date(t, r - 1, l);
 }
-function Eo(e, t) {
+function Ao(e, t) {
   return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function Vr(e) {
-  return Eo(e, /* @__PURE__ */ new Date());
+function jr(e) {
+  return Ao(e, /* @__PURE__ */ new Date());
 }
 function H(e, t) {
   const r = new Date(e);
@@ -11730,11 +11755,11 @@ function jt(e, t) {
   const r = new Date(e);
   return r.setMonth(r.getMonth() + t), r;
 }
-function jr(e, t = 0) {
+function Fr(e, t = 0) {
   const r = new Date(e), l = (r.getDay() - t + 7) % 7;
   return r.setDate(r.getDate() - l), r;
 }
-function Ro(e) {
+function Do(e) {
   const t = new Date(Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()));
   t.setUTCDate(t.getUTCDate() + 4 - (t.getUTCDay() || 7));
   const r = new Date(Date.UTC(t.getUTCFullYear(), 0, 1));
@@ -11745,9 +11770,9 @@ function q(e) {
   return l === 0 ? `${o} ${a}` : `${o}:${String(l).padStart(2, "0")} ${a}`;
 }
 function Ft(e) {
-  return `${So[e.getMonth()]} ${e.getFullYear()}`;
+  return `${zo[e.getMonth()]} ${e.getFullYear()}`;
 }
-function To(e, t) {
+function Io(e, t) {
   const r = Se[e.getMonth()], l = Se[t.getMonth()];
   return e.getMonth() === t.getMonth() && e.getFullYear() === t.getFullYear() ? `${r} ${e.getDate()} – ${t.getDate()}, ${e.getFullYear()}` : e.getFullYear() === t.getFullYear() ? `${r} ${e.getDate()} – ${l} ${t.getDate()}, ${e.getFullYear()}` : `${r} ${e.getDate()}, ${e.getFullYear()} – ${l} ${t.getDate()}, ${t.getFullYear()}`;
 }
@@ -11792,8 +11817,8 @@ function qt(e, t, r = 0) {
   }
   return c;
 }
-function zo(e, t = 0) {
-  const r = jr(e, t);
+function Mo(e, t = 0) {
+  const r = Fr(e, t);
   return Array.from({ length: 7 }, (l, a) => H(r, a));
 }
 function Bt(e = 0) {
@@ -11801,18 +11826,18 @@ function Bt(e = 0) {
     const l = (e + r) % 7;
     return {
       short: Me[l],
-      full: Lr[l]
+      full: Vr[l]
     };
   });
 }
-function ie(e, t) {
+function se(e, t) {
   return e.filter((r) => r.start.split("T")[0] === t);
 }
-function Ao(e) {
+function Po(e) {
   return Se[e.getMonth()];
 }
-function Do(e) {
-  return Lr[e.getDay()];
+function Oo(e) {
+  return Vr[e.getDay()];
 }
 function I(e) {
   const t = new Date(e);
@@ -11821,7 +11846,7 @@ function I(e) {
 function Ht(e) {
   return Math.floor(e / 30) + 1;
 }
-function Fr(e) {
+function qr(e) {
   if (e.length === 0) return [];
   const t = [...e].sort((n, c) => {
     const m = I(n.start), u = I(c.start);
@@ -11864,7 +11889,7 @@ function Fr(e) {
   }
   return s;
 }
-function Io() {
+function No() {
   const e = [];
   for (let t = 0; t < 24; t++) for (let r = 0; r < 60; r += 30) {
     const l = t >= 12 ? "PM" : "AM", a = t % 12 || 12, o = r === 0 ? `${a} ${l}` : "";
@@ -11876,29 +11901,29 @@ function Io() {
   }
   return e;
 }
-function Mo(e, t, r) {
-  return zo(e, t).map((l) => {
-    const a = O(l.getFullYear(), l.getMonth(), l.getDate()), o = ie(r, a).filter((s) => !s.allDay);
+function Lo(e, t, r) {
+  return Mo(e, t).map((l) => {
+    const a = O(l.getFullYear(), l.getMonth(), l.getDate()), o = se(r, a).filter((s) => !s.allDay);
     return {
       date: a,
       dayLabel: Me[l.getDay()],
       dayNumber: l.getDate(),
-      isToday: Vr(l),
-      events: Fr(o)
+      isToday: jr(l),
+      events: qr(o)
     };
   });
 }
-function Po(e, t) {
-  const r = O(e.getFullYear(), e.getMonth(), e.getDate()), l = ie(t, r).filter((a) => !a.allDay);
+function Vo(e, t) {
+  const r = O(e.getFullYear(), e.getMonth(), e.getDate()), l = se(t, r).filter((a) => !a.allDay);
   return {
     date: r,
     dayLabel: Me[e.getDay()],
     dayNumber: e.getDate(),
-    isToday: Vr(e),
-    events: Fr(l)
+    isToday: jr(e),
+    events: qr(l)
   };
 }
-function Oo(e, t, r) {
+function jo(e, t, r) {
   const l = /* @__PURE__ */ new Set(), a = new Date(e, t + 1, 0).getDate();
   for (let o = 1; o <= a; o++) {
     const s = O(e, t, o);
@@ -11906,12 +11931,12 @@ function Oo(e, t, r) {
   }
   return l;
 }
-var No = {
+var Fo = {
   month: "Month view",
   week: "Week view",
   day: "Day view"
 };
-function Lo(e) {
+function qo(e) {
   return i`
 		<div class="ml-cv__today-badge">
 			<span class="ml-cv__today-badge-month">${e.todayMonthAbbrev}</span>
@@ -11926,7 +11951,7 @@ function Lo(e) {
 		</div>
 	`;
 }
-function Vo(e) {
+function Bo(e) {
   return i`
 		${d(!e.hideNav, () => i`
 				<div class="ml-cv__nav-group">
@@ -11951,7 +11976,7 @@ function Vo(e) {
   })}
 						@click=${e.toggleViewDropdown}
 					>
-						${No[e.view]}
+						${Fo[e.view]}
 						<ml-icon icon="caret-down" size="xs"></ml-icon>
 					</button>
 					${d(e.isViewDropdownOpen, () => i`
@@ -11999,20 +12024,20 @@ function Vo(e) {
 			`)}
 	`;
 }
-function jo(e) {
+function Ho(e) {
   return i`
 		<div class="ml-cv__header">
 			<div class="ml-cv__header-left">
-				${d(e.hasHeaderLeftSlot, () => i`<slot name="header-left"></slot>`, () => Lo(e))}
+				${d(e.hasHeaderLeftSlot, () => i`<slot name="header-left"></slot>`, () => qo(e))}
 			</div>
 
 			<div class="ml-cv__header-right">
-				${d(e.hasHeaderActionsSlot, () => i`<slot name="header-actions"></slot>`, () => Vo(e))}
+				${d(e.hasHeaderActionsSlot, () => i`<slot name="header-actions"></slot>`, () => Bo(e))}
 			</div>
 		</div>
 	`;
 }
-function Fo(e, t) {
+function Ko(e, t) {
   const r = t.color || "blue";
   return i`
 		<div
@@ -12031,7 +12056,7 @@ function Fo(e, t) {
 		</div>
 	`;
 }
-function qo(e) {
+function Wo(e) {
   const t = e.weekdayHeaders, r = e.monthGrid, l = (/* @__PURE__ */ new Date()).getDay(), a = e.weekStartsOn;
   return i`
 		<div class="ml-cv__month">
@@ -12064,7 +12089,7 @@ function qo(e) {
     })}>${o.date}</div>
 
 							<div class="ml-cv__day-events">
-								${$(s, (c) => c.id, (c) => Fo(e, c))}
+								${$(s, (c) => c.id, (c) => Ko(e, c))}
 								${d(n > 0, () => i`
 									<button
 										type="button"
@@ -12091,7 +12116,7 @@ function qo(e) {
 		</div>
 	`;
 }
-function Bo(e, t, r) {
+function Go(e, t, r) {
   const l = t.event.color || "blue";
   return i`
 		<div
@@ -12109,7 +12134,7 @@ function Bo(e, t, r) {
 		</div>
 	`;
 }
-function Ho(e) {
+function Uo(e) {
   const t = e.weekColumns, r = e.timeSlots;
   return i`
 		<div class="ml-cv__time-layout">
@@ -12156,13 +12181,13 @@ function Ho(e) {
 					${$(t.flatMap((l, a) => l.events.map((o) => ({
     pe: o,
     colIdx: a
-  }))), (l) => l.pe.event.id, (l) => Bo(e, l.pe, l.colIdx))}
+  }))), (l) => l.pe.event.id, (l) => Go(e, l.pe, l.colIdx))}
 				</div>
 			</div>
 		</div>
 	`;
 }
-function Ko(e, t) {
+function Yo(e, t) {
   const r = t.event.color || "blue";
   return i`
 		<div
@@ -12180,7 +12205,7 @@ function Ko(e, t) {
 		</div>
 	`;
 }
-function Wo(e) {
+function Xo(e) {
   const t = e.miniCalendarGrid, r = e.miniCalendarWeekdays, l = e.miniCalendarDots, a = e.currentIsoDate;
   return i`
 		<div class="ml-cv__mini-cal">
@@ -12222,7 +12247,7 @@ function Wo(e) {
 		</div>
 	`;
 }
-function Go(e) {
+function Jo(e) {
   const t = e.dayEvents;
   return i`
 		<div class="ml-cv__sidebar-title">Events for ${e.dayViewDateLabel}</div>
@@ -12246,7 +12271,7 @@ function Go(e) {
 		`)}
 	`;
 }
-function Uo(e) {
+function Qo(e) {
   const t = e.dayColumn, r = e.timeSlots;
   return i`
 		<div class="ml-cv__day-layout">
@@ -12282,30 +12307,30 @@ function Uo(e) {
 							`)}
 
 							<!-- Events -->
-							${$(t.events, (l) => l.event.id, (l) => Ko(e, l))}
+							${$(t.events, (l) => l.event.id, (l) => Yo(e, l))}
 						</div>
 					</div>
 				</div>
 			</div>
 
 			<div class="ml-cv__day-sidebar">
-				${Wo(e)}
-				${Go(e)}
+				${Xo(e)}
+				${Jo(e)}
 			</div>
 		</div>
 	`;
 }
-function Yo(e) {
+function Zo(e) {
   return i`
 		<div class="ml-cv">
-			${jo(e)}
-			${d(e.view === "month", () => qo(e))}
-			${d(e.view === "week", () => Ho(e))}
-			${d(e.view === "day", () => Uo(e))}
+			${Ho(e)}
+			${d(e.view === "month", () => Wo(e))}
+			${d(e.view === "week", () => Uo(e))}
+			${d(e.view === "day", () => Qo(e))}
 		</div>
 	`;
 }
-const Xo = () => y`
+const ei = () => y`
 	:host {
 		display: block;
 		font-family: var(--ml-font-sans);
@@ -13163,7 +13188,7 @@ var Kt = class {
     }
   }
   get todayMonthAbbrev() {
-    return Ao(/* @__PURE__ */ new Date());
+    return Po(/* @__PURE__ */ new Date());
   }
   get todayDayNumber() {
     return (/* @__PURE__ */ new Date()).getDate();
@@ -13172,15 +13197,15 @@ var Kt = class {
     return Ft(this._currentDate);
   }
   get weekNumber() {
-    return Ro(this._currentDate);
+    return Do(this._currentDate);
   }
   get headerSubtitle() {
     if (this.view === "month") return `Week ${this.weekNumber}`;
     if (this.view === "week") {
-      const t = jr(this._currentDate, this.weekStartsOn);
-      return To(t, H(t, 6));
+      const t = Fr(this._currentDate, this.weekStartsOn);
+      return Io(t, H(t, 6));
     }
-    return Do(this._currentDate);
+    return Oo(this._currentDate);
   }
   get currentIsoDate() {
     const t = this._currentDate;
@@ -13191,20 +13216,20 @@ var Kt = class {
   }
   get monthGrid() {
     const t = this._currentDate, r = qt(t.getFullYear(), t.getMonth(), this.weekStartsOn);
-    for (const l of r) l.events = ie(this.events, l.iso);
+    for (const l of r) l.events = se(this.events, l.iso);
     return r;
   }
   get weekColumns() {
-    return Mo(this._currentDate, this.weekStartsOn, this.events);
+    return Lo(this._currentDate, this.weekStartsOn, this.events);
   }
   get timeSlots() {
-    return Io();
+    return No();
   }
   get dayColumn() {
-    return Po(this._currentDate, this.events);
+    return Vo(this._currentDate, this.events);
   }
   get dayEvents() {
-    return ie(this.events, this.currentIsoDate);
+    return se(this.events, this.currentIsoDate);
   }
   get dayViewDateLabel() {
     return this._currentDate.toLocaleDateString("en-US", {
@@ -13223,7 +13248,7 @@ var Kt = class {
     return qt(this._miniCalYear, this._miniCalMonth, this.weekStartsOn);
   }
   get miniCalendarDots() {
-    return Oo(this._miniCalYear, this._miniCalMonth, this.events);
+    return jo(this._miniCalYear, this._miniCalMonth, this.events);
   }
   setDate(t) {
     this.date = O(t.getFullYear(), t.getMonth(), t.getDate()), this._miniCalYear = t.getFullYear(), this._miniCalMonth = t.getMonth(), this.elementRef.dispatchEvent(new CustomEvent("ml:date-change", {
@@ -13235,8 +13260,8 @@ var Kt = class {
 };
 Kt = g([_({
   selector: "ml-calendar-view",
-  template: Yo,
-  styles: Xo,
+  template: Zo,
+  styles: ei,
   attributes: [
     "view",
     "date",
@@ -13249,7 +13274,7 @@ Kt = g([_({
     "hide-add-button"
   ]
 })], Kt);
-const Jo = (e) => i`<i class="${e.format === "regular" ? "ph" : `ph-${e.format}`}">${e.format === "regular" ? e.icon : `${e.icon}-${e.format}`}</i>`, Qo = () => y`
+const ti = (e) => i`<i class="${e.format === "regular" ? "ph" : `ph-${e.format}`}">${e.format === "regular" ? e.icon : `${e.icon}-${e.format}`}</i>`, ri = () => y`
 	:host {
 		display: inline-flex;
 		align-items: center;
@@ -13284,15 +13309,15 @@ var Wt = class {
 };
 Wt = g([_({
   selector: "ml-icon",
-  template: Jo,
-  styles: Qo,
+  template: ti,
+  styles: ri,
   attributes: [
     "icon",
     "format",
     "size"
   ]
 })], Wt);
-function Zo(e) {
+function li(e) {
   const t = e.tabs.length > 0;
   return i`
 		<div
@@ -13309,7 +13334,7 @@ function Zo(e) {
 				aria-orientation=${e.orientation}
 				@keydown=${e.handleKeyDown}
 			>
-				${t ? $(e.tabs, (r) => `${r.value}-${e.value === r.value}`, (r) => ei(e, r)) : i`<slot name="tab" @slotchange=${e.handleTabSlotChange}></slot>`}
+				${t ? $(e.tabs, (r) => `${r.value}-${e.value === r.value}`, (r) => ai(e, r)) : i`<slot name="tab" @slotchange=${e.handleTabSlotChange}></slot>`}
 			</div>
 
 			<div class="ml-tabs__panels">
@@ -13318,7 +13343,7 @@ function Zo(e) {
 		</div>
 	`;
 }
-function ei(e, t) {
+function ai(e, t) {
   const r = e.value === t.value;
   return i`
 		<button
@@ -13341,7 +13366,7 @@ function ei(e, t) {
 		</button>
 	`;
 }
-const ti = () => y`
+const oi = () => y`
 	:host {
 		display: block;
 		width: 100%;
@@ -13683,8 +13708,8 @@ var Gt = class {
 };
 Gt = g([_({
   selector: "ml-tabs",
-  template: Zo,
-  styles: ti,
+  template: li,
+  styles: oi,
   attributes: [
     "value",
     "variant",
@@ -13693,7 +13718,7 @@ Gt = g([_({
     "routed"
   ]
 })], Gt);
-function ri(e) {
+function ii(e) {
   return i`
 		<button
 			type="button"
@@ -13715,7 +13740,7 @@ function ri(e) {
 		</button>
 	`;
 }
-const li = () => y`
+const si = () => y`
 	:host {
 		display: contents;
 	}
@@ -13776,8 +13801,8 @@ var Ut = class {
 };
 Ut = g([_({
   selector: "ml-tab",
-  template: ri,
-  styles: li,
+  template: ii,
+  styles: si,
   attributes: [
     "value",
     "label",
@@ -13787,14 +13812,14 @@ Ut = g([_({
     "href"
   ]
 })], Ut);
-function ai(e) {
+function ni(e) {
   return i`
 		<div class="ml-tab-panel" role="tabpanel">
 			<slot></slot>
 		</div>
 	`;
 }
-const oi = () => y`
+const di = () => y`
 	:host {
 		display: block;
 	}
@@ -13819,11 +13844,11 @@ var Yt = class {
 };
 Yt = g([_({
   selector: "ml-tab-panel",
-  template: ai,
-  styles: oi,
+  template: ni,
+  styles: di,
   attributes: ["value"]
 })], Yt);
-function ii(e) {
+function ci(e) {
   return i`
 		<nav class="ml-breadcrumb" aria-label="Breadcrumb">
 			<ol class="ml-breadcrumb__list">
@@ -13832,7 +13857,7 @@ function ii(e) {
 		</nav>
 	`;
 }
-const si = () => y`
+const mi = () => y`
 	:host {
 		display: block;
 	}
@@ -13854,11 +13879,11 @@ var Xt = class {
 };
 Xt = g([_({
   selector: "ml-breadcrumb",
-  template: ii,
-  styles: si,
+  template: ci,
+  styles: mi,
   attributes: ["separator"]
 })], Xt);
-function ni(e) {
+function ui(e) {
   const t = e.separator === "slash" ? "slash-forward" : "caret-right";
   return i`
 		<li
@@ -13884,7 +13909,7 @@ function ni(e) {
 		</li>
 	`;
 }
-const di = () => y`
+const hi = () => y`
 	:host {
 		display: contents;
 	}
@@ -13952,8 +13977,8 @@ var Jt = class {
 };
 Jt = g([_({
   selector: "ml-breadcrumb-item",
-  template: ni,
-  styles: di,
+  template: ui,
+  styles: hi,
   attributes: [
     "href",
     "icon",
@@ -13961,7 +13986,7 @@ Jt = g([_({
     "separator"
   ]
 })], Jt);
-function ci(e) {
+function pi(e) {
   return i`
 		<nav class="ml-pagination" aria-label="Pagination">
 			<button
@@ -14011,7 +14036,7 @@ function ci(e) {
 		</nav>
 	`;
 }
-const mi = () => y`
+const vi = () => y`
 	:host {
 		display: block;
 	}
@@ -14143,15 +14168,15 @@ var Qt = class {
 };
 Qt = g([_({
   selector: "ml-pagination",
-  template: ci,
-  styles: mi,
+  template: pi,
+  styles: vi,
   attributes: [
     "page",
     "total-pages",
     "siblings"
   ]
 })], Qt);
-function ui(e) {
+function gi(e) {
   const t = e.navigation.length > 0, r = e.footerNavigation.length > 0, l = e.collapsed;
   return i`
 		<aside
@@ -14174,7 +14199,7 @@ function ui(e) {
 			`)}
 
 			<div class="ml-sidebar__main">
-				${t ? $(e.navigation, (a, o) => `nav-group-${o}`, (a) => hi(e, a)) : i`<slot @slotchange=${e.handleDefaultSlotChange}></slot>`}
+				${t ? $(e.navigation, (a, o) => `nav-group-${o}`, (a) => bi(e, a)) : i`<slot @slotchange=${e.handleDefaultSlotChange}></slot>`}
 			</div>
 
 			<div class="ml-sidebar__footer">
@@ -14203,7 +14228,7 @@ function ui(e) {
 		</aside>
 	`;
 }
-function hi(e, t) {
+function bi(e, t) {
   const r = e.collapsed;
   return i`
 		<div class="ml-sidebar__group">
@@ -14217,7 +14242,7 @@ function hi(e, t) {
 	`;
 }
 function Pe(e, t, r) {
-  const l = e.active === t.value, a = !!t.children && t.children.length > 0, o = e._expandedItems.has(t.value), s = e.collapsed, n = v({
+  const l = e.active === t.value, a = !!t.children && t.children.length > 0, o = e.expandedItems.has(t.value), s = e.collapsed, n = v({
     "ml-sidebar__item-link": !0,
     "ml-sidebar__item-link--active": l,
     "ml-sidebar__item-link--disabled": !!t.disabled,
@@ -14227,7 +14252,7 @@ function Pe(e, t, r) {
   }), c = (u) => {
     if (!t.disabled) {
       if (a) {
-        u.preventDefault(), e.handleConfigToggle(t, e._expandedItems);
+        u.preventDefault(), e.handleConfigToggle(t);
         return;
       }
       e.handleConfigItemClick(t.value, t.href);
@@ -14286,7 +14311,7 @@ function Pe(e, t, r) {
 		</div>
 	`;
 }
-const pi = () => y`
+const fi = () => y`
 	:host {
 		display: block;
 		height: 100%;
@@ -14579,8 +14604,9 @@ var Zt = class {
       this._slottedItems = t.target.assignedElements({ flatten: !0 }), this.updateItemStates();
     }, this.handleConfigItemClick = (t, r) => {
       this.activateItem(t, r);
-    }, this.handleConfigToggle = (t, r) => {
-      r.has(t.value) ? r.delete(t.value) : r.add(t.value), this.elementRef.dispatchEvent(new Event("ml:internal-update"));
+    }, this.handleConfigToggle = (t) => {
+      const r = new Set(this.expandedItems);
+      r.has(t.value) ? r.delete(t.value) : r.add(t.value), this.expandedItems = r;
     }, this.handleKeyDown = (t) => {
       const r = this.elementRef.shadowRoot?.querySelector(".ml-sidebar__main");
       if (!r) return;
@@ -14603,7 +14629,7 @@ var Zt = class {
           return;
       }
       o !== a && l[o] && l[o].focus();
-    }, this._expandedItems = /* @__PURE__ */ new Set();
+    }, this.expandedItems = /* @__PURE__ */ new Set();
   }
   /** Check if search slot has content */
   get hasSearch() {
@@ -14670,11 +14696,11 @@ var Zt = class {
 };
 Zt = g([_({
   selector: "ml-sidebar",
-  template: ui,
-  styles: pi,
+  template: gi,
+  styles: fi,
   attributes: ["variant", "active"]
 })], Zt);
-function vi(e) {
+function _i(e) {
   return i`
 		<div class="ml-sidebar-group">
 			${d(!!e.label && !e.collapsed, () => i`
@@ -14686,7 +14712,7 @@ function vi(e) {
 		</div>
 	`;
 }
-const gi = () => y`
+const yi = () => y`
 	:host {
 		display: block;
 	}
@@ -14721,11 +14747,11 @@ var er = class {
 };
 er = g([_({
   selector: "ml-sidebar-group",
-  template: vi,
-  styles: gi,
+  template: _i,
+  styles: yi,
   attributes: ["label", "collapsed"]
 })], er);
-function bi(e) {
+function xi(e) {
   const t = parseInt(e.level, 10) || 0, r = e.collapsed, l = i`
 		<div class="ml-sidebar-item__leading">
 			<slot name="leading">
@@ -14796,7 +14822,7 @@ function bi(e) {
 		</div>
 	`;
 }
-const fi = () => y`
+const wi = () => y`
 	:host {
 		display: block;
 	}
@@ -14978,8 +15004,8 @@ var tr = class {
 };
 tr = g([_({
   selector: "ml-sidebar-item",
-  template: bi,
-  styles: fi,
+  template: xi,
+  styles: wi,
   attributes: [
     "icon",
     "label",
@@ -14995,7 +15021,7 @@ tr = g([_({
     "level"
   ]
 })], tr);
-function _i(e) {
+function ki(e) {
   const t = e.steps.length > 0, r = e.compact;
   return i`
 		<div
@@ -15012,7 +15038,7 @@ function _i(e) {
 				aria-orientation=${e.orientation}
 				@keydown=${e.handleKeyDown}
 			>
-				${t ? $(e.steps, (l) => `${l.value}-${e.active === l.value}`, (l, a) => yi(e, l, a)) : i`<slot name="step" @slotchange=${e.handleStepSlotChange}></slot>`}
+				${t ? $(e.steps, (l) => `${l.value}-${e.active === l.value}`, (l, a) => $i(e, l, a)) : i`<slot name="step" @slotchange=${e.handleStepSlotChange}></slot>`}
 			</div>
 
 			${d(r, () => i`
@@ -15027,7 +15053,7 @@ function _i(e) {
 		</div>
 	`;
 }
-function yi(e, t, r) {
+function $i(e, t, r) {
   const l = e.steps, a = r === 0, o = r === l.length - 1, s = e.getStepStatus(t.value), n = e.variant === "bar", c = e.compact;
   return i`
 		<div
@@ -15049,13 +15075,13 @@ function yi(e, t, r) {
 			tabindex=${s === "current" ? "0" : "-1"}
 			@click=${() => e.handleStepClick(t.value, t.href)}
 		>
-			${d(n, () => xi(e, t))}
-			${d(!n && !c, () => wi(e, t, r, a, o, s))}
-			${d(!n && c, () => ki(e, s))}
+			${d(n, () => Ci(e, t))}
+			${d(!n && !c, () => Si(e, t, r, a, o, s))}
+			${d(!n && c, () => Ei(e, s))}
 		</div>
 	`;
 }
-function xi(e, t) {
+function Ci(e, t) {
   return i`
 		<div class="ml-step__bar"></div>
 		<div class="ml-step__content">
@@ -15064,12 +15090,12 @@ function xi(e, t) {
 		</div>
 	`;
 }
-function wi(e, t, r, l, a, o) {
+function Si(e, t, r, l, a, o) {
   return i`
 		<div class="ml-step__track">
 			<div class="ml-step__connector-before ${l ? "ml-step__connector--hidden" : `ml-step__connector--${e.connector}`}"></div>
 			<div class="ml-step__indicator">
-				${$i(e, t, r, o)}
+				${Ri(e, t, r, o)}
 			</div>
 			<div class="ml-step__connector-after ${a ? "ml-step__connector--hidden" : `ml-step__connector--${e.connector}`}"></div>
 		</div>
@@ -15079,10 +15105,10 @@ function wi(e, t, r, l, a, o) {
 		</div>
 	`;
 }
-function ki(e, t) {
+function Ei(e, t) {
   return i`<div class="ml-step__dot"></div>`;
 }
-function $i(e, t, r, l) {
+function Ri(e, t, r, l) {
   switch (e.variant) {
     case "numbered":
       return i`
@@ -15108,7 +15134,7 @@ function $i(e, t, r, l) {
       return i``;
   }
 }
-const Ci = () => y`
+const Ti = () => y`
 	:host {
 		display: block;
 		width: 100%;
@@ -15758,8 +15784,8 @@ var rr = class {
 };
 rr = g([_({
   selector: "ml-steps",
-  template: _i,
-  styles: Ci,
+  template: ki,
+  styles: Ti,
   attributes: [
     "active",
     "variant",
@@ -15770,7 +15796,7 @@ rr = g([_({
     "routed"
   ]
 })], rr);
-function Si(e) {
+function zi(e) {
   const t = e.variant === "bar", r = e.compact;
   return i`
 		<div
@@ -15791,13 +15817,13 @@ function Si(e) {
 			tabindex=${e.status === "current" ? "0" : "-1"}
 			@click=${e.handleClick}
 		>
-			${d(t, () => Ei(e))}
-			${d(!t && !r, () => Ri(e))}
-			${d(!t && r, () => Ti(e))}
+			${d(t, () => Ai(e))}
+			${d(!t && !r, () => Di(e))}
+			${d(!t && r, () => Ii(e))}
 		</div>
 	`;
 }
-function Ei(e) {
+function Ai(e) {
   return i`
 		<div class="ml-step__bar"></div>
 		<div class="ml-step__content">
@@ -15806,12 +15832,12 @@ function Ei(e) {
 		</div>
 	`;
 }
-function Ri(e) {
+function Di(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">
-				${zi(e)}
+				${Mi(e)}
 			</div>
 			<div class="ml-step__connector-after ${e.last ? "ml-step__connector--hidden" : `ml-step__connector--${e.connector}`}"></div>
 		</div>
@@ -15821,19 +15847,19 @@ function Ri(e) {
 		</div>
 	`;
 }
-function Ti(e) {
+function Ii(e) {
   return i`
 		<div class="ml-step__dot"></div>
 	`;
 }
-function zi(e) {
+function Mi(e) {
   switch (e.variant) {
     case "numbered":
       return lr(e);
     case "circles":
-      return Ai(e);
+      return Pi(e);
     case "icons":
-      return Di(e);
+      return Oi(e);
     default:
       return lr(e);
   }
@@ -15847,7 +15873,7 @@ function lr(e) {
 		</div>
 	`;
 }
-function Ai(e) {
+function Pi(e) {
   const t = e.status === "completed";
   return i`
 		<div class="ml-step__indicator-inner ml-step__indicator-inner--circles">
@@ -15856,14 +15882,14 @@ function Ai(e) {
 		</div>
 	`;
 }
-function Di(e) {
+function Oi(e) {
   return i`
 		<div class="ml-step__indicator-inner ml-step__indicator-inner--icons">
 			<ml-icon icon=${e.icon || "circle"} size="sm"></ml-icon>
 		</div>
 	`;
 }
-const Ii = () => y`
+const Ni = () => y`
 	:host {
 		display: contents;
 	}
@@ -16383,8 +16409,8 @@ var ar = class {
 };
 ar = g([_({
   selector: "ml-step",
-  template: Si,
-  styles: Ii,
+  template: zi,
+  styles: Ni,
   attributes: [
     "value",
     "label",
@@ -16402,14 +16428,14 @@ ar = g([_({
     "compact"
   ]
 })], ar);
-function Mi(e) {
+function Li(e) {
   return i`
 		<div class="ml-step-panel" role="tabpanel">
 			<slot></slot>
 		</div>
 	`;
 }
-const Pi = () => y`
+const Vi = () => y`
 	:host {
 		display: block;
 	}
@@ -16429,11 +16455,11 @@ var or = class {
 };
 or = g([_({
   selector: "ml-step-panel",
-  template: Mi,
-  styles: Pi,
+  template: Li,
+  styles: Vi,
   attributes: ["value"]
 })], or);
-const Oi = () => i`<dialog class="ml-dialog">
+const ji = () => i`<dialog class="ml-dialog">
 		<div class="ml-dialog-header">
 			<slot name="dialog-header"></slot>
 		</div>
@@ -16445,7 +16471,7 @@ const Oi = () => i`<dialog class="ml-dialog">
 		<div class="ml-dialog-footer">
 			<slot name="dialog-footer"></slot>
 		</div>
-	</dialog> `, Ni = () => y`
+	</dialog> `, Fi = () => y`
 	:host {
 		display: contents;
 	}
@@ -16624,7 +16650,7 @@ const Oi = () => i`<dialog class="ml-dialog">
 		}
 	}
 `;
-var Li = class {
+var qi = 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);
   }
@@ -16667,7 +16693,7 @@ var Li = class {
     this._dialogs = /* @__PURE__ */ new Map();
   }
   addDialog(t, r) {
-    const l = new Li(t, r);
+    const l = new qi(t, r);
     return this._dialogs.set(t, {
       dialogRef: l,
       dialogComponent: void 0
@@ -16704,7 +16730,7 @@ var Li = class {
 J = g([Q()], J);
 var ir, Ee = class {
   constructor() {
-    this._dialogID = Ul();
+    this._dialogID = Ql();
   }
   onCreate() {
     this._dialogEl = this.elementRef.shadowRoot?.querySelector("dialog"), this._dialogID = this.createDialogID(), this._dialogEl.id = this._dialogID, this._dialogRef = this._dialogService.addDialog(this._dialogID, this._dialogEl);
@@ -16725,11 +16751,11 @@ var ir, Ee = class {
 g([B(J), V("design:type", typeof (ir = typeof J < "u" && J) == "function" ? ir : Object)], Ee.prototype, "_dialogService", void 0);
 Ee = g([_({
   selector: "ml-dialog",
-  template: Oi,
-  styles: Ni,
+  template: ji,
+  styles: Fi,
   attributes: []
 })], Ee);
-function Vi(e) {
+function Bi(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
@@ -16764,7 +16790,7 @@ function Vi(e) {
 		</dialog>
 	`;
 }
-const ji = () => y`
+const Hi = () => y`
 	:host {
 		display: contents;
 	}
@@ -16988,15 +17014,15 @@ var sr = class {
 };
 sr = g([_({
   selector: "ml-drawer",
-  template: Vi,
-  styles: ji,
+  template: Bi,
+  styles: Hi,
   attributes: [
     "side",
     "size",
     "show-close"
   ]
 })], sr);
-function Fi(e) {
+function Ki(e) {
   return i`
 		<div class="ml-dropdown">
 			<div class="ml-dropdown__trigger" @click=${e.toggle}>
@@ -17013,7 +17039,7 @@ function Fi(e) {
 		</div>
 	`;
 }
-const qi = () => y`
+const Wi = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -17245,7 +17271,7 @@ var nr = class {
       ue(),
       he({ padding: 8 })
     ];
-    l && a.push(Mr({
+    l && a.push(Pr({
       element: l,
       padding: 8
     }));
@@ -17268,15 +17294,15 @@ var nr = class {
 };
 nr = g([_({
   selector: "ml-dropdown",
-  template: Fi,
-  styles: qi,
+  template: Ki,
+  styles: Wi,
   attributes: [
     "placement",
     "offset",
     "arrow"
   ]
 })], nr);
-function Bi(e) {
+function Gi(e) {
   return i`
 		<div
 			class=${v({
@@ -17296,7 +17322,7 @@ function Bi(e) {
 		</div>
 	`;
 }
-const Hi = () => y`
+const Ui = () => y`
 	:host {
 		display: block;
 	}
@@ -17377,8 +17403,8 @@ var dr = class {
 };
 dr = g([_({
   selector: "ml-dropdown-item",
-  template: Bi,
-  styles: Hi,
+  template: Gi,
+  styles: Ui,
   attributes: [
     "value",
     "icon",
@@ -17387,10 +17413,10 @@ dr = g([_({
     "destructive"
   ]
 })], dr);
-function Ki() {
+function Yi() {
   return i`<div class="ml-dropdown-separator" role="separator"></div>`;
 }
-const Wi = () => y`
+const Xi = () => y`
 	:host {
 		display: block;
 	}
@@ -17405,10 +17431,10 @@ var cr = class {
 };
 cr = g([_({
   selector: "ml-dropdown-separator",
-  template: Ki,
-  styles: Wi
+  template: Yi,
+  styles: Xi
 })], cr);
-function Gi(e) {
+function Ji(e) {
   return i`
 		<div class="ml-dropdown-group" role="group">
 			${d(!!e.label, () => i`<div class="ml-dropdown-group__label">${e.label}</div>`)}
@@ -17416,7 +17442,7 @@ function Gi(e) {
 		</div>
 	`;
 }
-const Ui = () => y`
+const Qi = () => y`
 	:host {
 		display: block;
 	}
@@ -17438,11 +17464,11 @@ var mr = class {
 };
 mr = g([_({
   selector: "ml-dropdown-group",
-  template: Gi,
-  styles: Ui,
+  template: Ji,
+  styles: Qi,
   attributes: ["label"]
 })], mr);
-function Yi(e) {
+function Zi(e) {
   return i`
 		<div class="ml-tooltip">
 			<div
@@ -17468,7 +17494,7 @@ function Yi(e) {
 		</div>
 	`;
 }
-const Xi = () => y`
+const es = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -17569,15 +17595,15 @@ var ur = class {
 };
 ur = g([_({
   selector: "ml-tooltip",
-  template: Yi,
-  styles: Xi,
+  template: Zi,
+  styles: es,
   attributes: [
     "content",
     "placement",
     "delay"
   ]
 })], ur);
-function Ji(e) {
+function ts(e) {
   return i`
 		<div class="ml-popover">
 			<div class="ml-popover__trigger" @click=${e.toggle}>
@@ -17593,7 +17619,7 @@ function Ji(e) {
 		</div>
 	`;
 }
-const Qi = () => y`
+const rs = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -17713,7 +17739,7 @@ var hr = class {
       ue(),
       he({ padding: 8 })
     ];
-    l && a.push(Mr({
+    l && a.push(Pr({
       element: l,
       padding: 8
     }));
@@ -17736,8 +17762,8 @@ var hr = class {
 };
 hr = g([_({
   selector: "ml-popover",
-  template: Ji,
-  styles: Qi,
+  template: ts,
+  styles: rs,
   attributes: [
     "placement",
     "offset",
@@ -17745,8 +17771,8 @@ hr = g([_({
     "arrow"
   ]
 })], hr);
-function Zi(e) {
-  const t = e["sidebar-position"] === "right", r = e["sidebar-collapsed"], l = e["header-fixed"], a = e._mobileOpen, o = e.isMobile;
+function ls(e) {
+  const t = e["sidebar-position"] === "right", r = e["sidebar-collapsed"], l = e["header-fixed"], a = e.mobileOpen, o = e.mobile;
   return i`
 		<div
 			class=${v({
@@ -17800,7 +17826,7 @@ function Zi(e) {
 		</div>
 	`;
 }
-const es = () => y`
+const as = () => y`
 	:host {
 		display: block;
 		height: 100%;
@@ -17990,36 +18016,33 @@ const es = () => y`
 `;
 var pr = class {
   constructor() {
-    this["sidebar-position"] = "left", this["sidebar-collapsed"] = !1, this["header-fixed"] = !1, this._mobileOpen = !1, this._mediaQuery = null, this._handleMediaChange = this.onMediaChange.bind(this), this.toggleMobileSidebar = () => {
-      this._mobileOpen = !this._mobileOpen;
+    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;
     }, this.closeMobileSidebar = () => {
-      this._mobileOpen = !1;
+      this.mobileOpen = !1;
     };
   }
-  get isMobile() {
-    return this._mediaQuery?.matches === !1;
-  }
   onCreate() {
-    this._mediaQuery = window.matchMedia("(min-width: 768px)"), this._mediaQuery.addEventListener("change", this._handleMediaChange), this.isMobile || (this._mobileOpen = !1);
+    this._mediaQuery = window.matchMedia("(min-width: 768px)"), this._mediaQuery.addEventListener("change", this._handleMediaChange), this.mobile = !this._mediaQuery.matches;
   }
   onDestroy() {
     this._mediaQuery?.removeEventListener("change", this._handleMediaChange);
   }
   onMediaChange(t) {
-    t.matches && (this._mobileOpen = !1);
+    this.mobile = !t.matches, t.matches && (this.mobileOpen = !1);
   }
 };
 pr = g([_({
   selector: "ml-app-shell",
-  template: Zi,
-  styles: es,
+  template: ls,
+  styles: as,
   attributes: [
     "sidebar-position",
     "sidebar-collapsed",
     "header-fixed"
   ]
 })], pr);
-function ts(e) {
+function os(e) {
   const t = e.variant === "split" || e.variant === "split-reverse";
   return i`
 		<section
@@ -18080,7 +18103,7 @@ function ts(e) {
 		</section>
 	`;
 }
-const rs = () => y`
+const is = () => y`
 	:host {
 		display: block;
 		width: 100%;
@@ -18352,8 +18375,8 @@ var vr = class {
 };
 vr = g([_({
   selector: "ml-hero-section",
-  template: ts,
-  styles: rs,
+  template: os,
+  styles: is,
   attributes: [
     "variant",
     "size",
@@ -18362,7 +18385,7 @@ vr = g([_({
     "description"
   ]
 })], vr);
-function ls(e) {
+function ss(e) {
   const t = !!(e.title || e.hasTitleSlot), r = !!(e.description || e.hasDescriptionSlot);
   return i`
 		<header
@@ -18414,7 +18437,7 @@ function ls(e) {
 		</header>
 	`;
 }
-const as = () => y`
+const ns = () => y`
 	:host {
 		display: block;
 	}
@@ -18610,8 +18633,8 @@ var gr = class {
 };
 gr = g([_({
   selector: "ml-page-header",
-  template: ls,
-  styles: as,
+  template: ss,
+  styles: ns,
   attributes: [
     "variant",
     "divider",
@@ -18619,7 +18642,7 @@ gr = g([_({
     "description"
   ]
 })], gr);
-function os(e) {
+function ds(e) {
   const t = e.variant === "split", r = i`
 		<div class="ml-auth__logo">
 			<slot name="logo"></slot>
@@ -18673,7 +18696,7 @@ function os(e) {
 		</div>
 	`;
 }
-const qr = `
+const Br = `
 	/* ============================================
 	   AUTH LAYOUT - SHARED STYLES
 	   ============================================ */
@@ -18845,8 +18868,8 @@ const qr = `
 			padding: var(--ml-space-6);
 		}
 	}
-`, is = () => y`
-	${qr}
+`, cs = () => y`
+	${Br}
 `;
 var br = class {
   constructor() {
@@ -18863,15 +18886,15 @@ var br = class {
 };
 br = g([_({
   selector: "ml-login-page",
-  template: os,
-  styles: is,
+  template: ds,
+  styles: cs,
   attributes: [
     "variant",
     "title",
     "description"
   ]
 })], br);
-function ss(e) {
+function ms(e) {
   const t = e.variant === "split", r = i`
 		<div class="ml-auth__logo">
 			<slot name="logo"></slot>
@@ -18925,8 +18948,8 @@ function ss(e) {
 		</div>
 	`;
 }
-const ns = () => y`
-	${qr}
+const us = () => y`
+	${Br}
 `;
 var fr = class {
   constructor() {
@@ -18943,15 +18966,15 @@ var fr = class {
 };
 fr = g([_({
   selector: "ml-signup-page",
-  template: ss,
-  styles: ns,
+  template: ms,
+  styles: us,
   attributes: [
     "variant",
     "title",
     "description"
   ]
 })], fr);
-function ds(e) {
+function hs(e) {
   const t = e.layout === "default" && e.hasAside;
   return i`
 		<ml-app-shell>
@@ -18994,7 +19017,7 @@ function ds(e) {
 		</ml-app-shell>
 	`;
 }
-const cs = () => y`
+const ps = () => y`
 	:host {
 		display: block;
 		height: 100%;
@@ -19106,8 +19129,8 @@ var _r = class {
 };
 _r = g([_({
   selector: "ml-dashboard-page",
-  template: ds,
-  styles: cs,
+  template: hs,
+  styles: ps,
   attributes: [
     "title",
     "description",
@@ -19115,7 +19138,8 @@ _r = g([_({
   ]
 })], _r);
 export {
-  Qr as AbortError,
+  Zr as APP_CONFIG,
+  rl as AbortError,
   Pt as ActivityFeedComponent,
   Ot as ActivityFeedItemComponent,
   yt as AlertComponent,
@@ -19133,56 +19157,56 @@ export {
   Kt as CalendarViewComponent,
   Ct as CardComponent,
   nt as CheckboxComponent,
-  Yr as ComponentBase,
-  zs as ComponentStateBaseService,
+  Xr as ComponentBase,
+  Os as ComponentStateBaseService,
   Rt as ContainerComponent,
   _r as DashboardPageComponent,
   _t as DatePickerComponent,
   Ee as DialogComponent,
-  Li as DialogRef,
+  qi as DialogRef,
   J as DialogService,
-  Ps as Directive,
+  Fs as Directive,
   St as DividerComponent,
   sr as DrawerComponent,
   nr as DropdownComponent,
   mr as DropdownGroupComponent,
   dr as DropdownItemComponent,
   cr as DropdownSeparatorComponent,
-  dl as EffectsBase,
-  Dr as FORM_CONTROL_MARKER,
-  wl as FORM_GROUP_MARKER,
-  xl as FormControl,
+  hl as EffectsBase,
+  Ir as FORM_CONTROL_MARKER,
+  Sl as FORM_GROUP_MARKER,
+  Cl as FormControl,
   gt as FormFieldComponent,
-  kl as FormGroup,
+  El as FormGroup,
   vr as HeroSectionComponent,
   Te as HttpBaseError,
   je as HttpClient,
-  Xr as HttpError,
+  el as HttpError,
   Wt as IconComponent,
-  ms as Inject,
+  vs as Inject,
   Q as Injectable,
-  Br as InjectionEngine,
+  Hr as InjectionEngine,
   N as Injector,
   it as InputComponent,
   It as ListComponent,
   Mt as ListItemComponent,
   br as LoginPageComponent,
   _ as MelodicComponent,
-  Jr as NetworkError,
+  tl as NetworkError,
   gr as PageHeaderComponent,
   Qt as PaginationComponent,
   hr as PopoverComponent,
   $t as ProgressComponent,
-  el as ROUTE_CONTEXT_EVENT,
+  al as ROUTE_CONTEXT_EVENT,
   ke as RX_ACTION_PROVIDERS,
   $e as RX_EFFECTS_PROVIDERS,
   we as RX_INIT_STATE,
-  zr as RX_STATE_DEBUG,
+  Ar as RX_STATE_DEBUG,
   ut as RadioCardComponent,
   mt as RadioCardGroupComponent,
   dt as RadioComponent,
   ct as RadioGroupComponent,
-  bs as RouteContextEvent,
+  ks as RouteContextEvent,
   _e as RouteContextService,
   be as RouteMatcher,
   xe as RouterLinkComponent,
@@ -19194,7 +19218,7 @@ export {
   Zt as SidebarComponent,
   er as SidebarGroupComponent,
   tr as SidebarItemComponent,
-  Tr as SignalEffect,
+  zr as SignalEffect,
   j as SignalStoreService,
   fr as SignupPageComponent,
   vt as SliderComponent,
@@ -19208,177 +19232,181 @@ export {
   Nt as TableComponent,
   Gt as TabsComponent,
   Dt as TagComponent,
-  sl as TemplateResult,
+  ml as TemplateResult,
   st as TextareaComponent,
   wt as ToastComponent,
   kt as ToastContainerComponent,
   xt as ToastService,
   ht as ToggleComponent,
   ur as TooltipComponent,
-  Ls as Validators,
-  Nr as VirtualScroller,
-  _o as activityFeedItemStyles,
-  fo as activityFeedItemTemplate,
-  bo as activityFeedStyles,
-  go as activityFeedTemplate,
-  Pl as allTokens,
-  tn as announce,
-  es as appShellStyles,
-  Zi as appShellTemplate,
-  Wr as applyGlobalStyles,
-  Vl as applyTheme,
-  Mr as arrow,
+  Hs as Validators,
+  Lr as VirtualScroller,
+  ko as activityFeedItemStyles,
+  wo as activityFeedItemTemplate,
+  xo as activityFeedStyles,
+  yo as activityFeedTemplate,
+  Vl as allTokens,
+  nn as announce,
+  as as appShellStyles,
+  ls as appShellTemplate,
+  Gr as applyGlobalStyles,
+  Bl as applyTheme,
+  Pr as arrow,
   De as autoUpdate,
-  Hs as baseThemeCss,
-  us as bootstrap,
-  Dl as borderTokens,
-  di as breadcrumbItemStyles,
-  ni as breadcrumbItemTemplate,
-  si as breadcrumbStyles,
-  ii as breadcrumbTemplate,
-  Ml as breakpointTokens,
-  Fs as breakpoints,
-  rl as buildPathFromRoute,
-  Xo as calendarViewStyles,
-  Yo as calendarViewTemplate,
+  Xs as baseThemeCss,
+  gs as bootstrap,
+  Ol as borderTokens,
+  hi as breadcrumbItemStyles,
+  ui as breadcrumbItemTemplate,
+  mi as breadcrumbStyles,
+  ci as breadcrumbTemplate,
+  Ll as breakpointTokens,
+  Gs as breakpoints,
+  il as buildPathFromRoute,
+  ei as calendarViewStyles,
+  Zo as calendarViewTemplate,
   v as classMap,
-  sn as clickOutside,
-  Rl as colorTokens,
-  on as componentBaseStyles,
+  hn as clickOutside,
+  Dl as colorTokens,
+  un as componentBaseStyles,
   ce as computePosition,
   T as computed,
-  ro as containerStyles,
-  to as containerTemplate,
-  Ss as createAction,
-  js as createAsyncValidator,
-  Ys as createBrandTheme,
-  vs as createDeactivateGuard,
-  Wl as createFocusTrap,
-  Os as createFormControl,
-  Ns as createFormGroup,
-  ps as createGuard,
-  rn as createLiveRegion,
-  Es as createReducer,
-  gs as createResolver,
-  Rs as createState,
-  Ir as createTheme,
-  se as createToken,
-  Vs as createValidator,
+  io as containerStyles,
+  oo as containerTemplate,
+  Ds as createAction,
+  Ws as createAsyncValidator,
+  tn as createBrandTheme,
+  xs as createDeactivateGuard,
+  Xl as createFocusTrap,
+  qs as createFormControl,
+  Bs as createFormGroup,
+  ys as createGuard,
+  dn as createLiveRegion,
+  Is as createReducer,
+  ws as createResolver,
+  Ms as createState,
+  Mr as createTheme,
+  Z as createToken,
+  Ks as createValidator,
   y as css,
   Qe as darkTheme,
-  Bs as darkThemeCss,
-  cs as dashboardPageStyles,
-  ds as dashboardPageTemplate,
+  Ys as darkThemeCss,
+  ps as dashboardPageStyles,
+  hs as dashboardPageTemplate,
+  bs as defineConfig,
   G as directive,
-  ji as drawerStyles,
-  Vi as drawerTemplate,
-  Ui as dropdownGroupStyles,
-  Gi as dropdownGroupTemplate,
-  Hi as dropdownItemStyles,
-  Bi as dropdownItemTemplate,
-  Wi as dropdownSeparatorStyles,
-  Ki as dropdownSeparatorTemplate,
-  qi as dropdownStyles,
-  Fi as dropdownTemplate,
-  tl as findRouteByName,
+  Hi as drawerStyles,
+  Bi as drawerTemplate,
+  Qi as dropdownGroupStyles,
+  Ji as dropdownGroupTemplate,
+  Ui as dropdownItemStyles,
+  Gi as dropdownItemTemplate,
+  Xi as dropdownSeparatorStyles,
+  Yi as dropdownSeparatorTemplate,
+  Wi as dropdownStyles,
+  Ki as dropdownTemplate,
+  Qr as environment,
+  ol as findRouteByName,
   ue as flip,
-  Xs as focusFirst,
-  Js as focusLast,
-  Qs as focusTrap,
-  en as focusVisible,
-  Sl as formControlDirective,
-  Ta as formFieldStyles,
-  Ra as formFieldTemplate,
-  Rr as getActiveEffect,
-  ol as getAttributeDirective,
-  Pr as getFirstFocusable,
+  rn as focusFirst,
+  ln as focusLast,
+  an as focusTrap,
+  sn as focusVisible,
+  zl as formControlDirective,
+  Ia as formFieldStyles,
+  Da as formFieldTemplate,
+  Tr as getActiveEffect,
+  dl as getAttributeDirective,
+  Jr as getEnvironment,
+  Or as getFirstFocusable,
   Ie as getFocusableElements,
-  Kl as getLastFocusable,
-  ws as getRegisteredDirectives,
-  Ll as getResolvedTheme,
-  Ks as getTheme,
+  Yl as getLastFocusable,
+  Rs as getRegisteredDirectives,
+  ql as getResolvedTheme,
+  Js as getTheme,
   P as getTokenKey,
-  ys as hasAttributeDirective,
-  rs as heroSectionStyles,
-  ts as heroSectionTemplate,
+  Ss as hasAttributeDirective,
+  is as heroSectionStyles,
+  os as heroSectionTemplate,
   i as html,
-  Us as injectTheme,
-  Z as isDirective,
-  Zs as isFocusVisible,
-  Hr as isSignal,
-  Nl as lightTheme,
-  qs as lightThemeCss,
-  vo as listItemStyles,
-  po as listItemTemplate,
-  ho as listStyles,
-  uo as listTemplate,
-  is as loginPageStyles,
-  os as loginPageTemplate,
+  en as injectTheme,
+  ee as isDirective,
+  on as isFocusVisible,
+  Kr as isSignal,
+  Fl as lightTheme,
+  Us as lightThemeCss,
+  _o as listItemStyles,
+  fo as listItemTemplate,
+  bo as listStyles,
+  go as listTemplate,
+  cs as loginPageStyles,
+  ds as loginPageTemplate,
   fe as matchRouteTree,
-  Ul as newID,
+  Ql as newID,
   me as offset,
-  Ts as onAction,
-  Ws as onThemeChange,
-  as as pageHeaderStyles,
-  ls as pageHeaderTemplate,
-  mi as paginationStyles,
-  ci as paginationTemplate,
-  yl as portalDirective,
-  El as primitiveColors,
-  Ua as progressStyles,
-  Ga as progressTemplate,
-  Cs as props,
-  hs as provideHttp,
-  Ds as provideRX,
+  Ps as onAction,
+  Qs as onThemeChange,
+  ns as pageHeaderStyles,
+  ss as pageHeaderTemplate,
+  vi as paginationStyles,
+  pi as paginationTemplate,
+  $l as portalDirective,
+  Al as primitiveColors,
+  Qa as progressStyles,
+  Ja as progressTemplate,
+  As as props,
+  fs as provideConfig,
+  _s as provideHttp,
+  Ls as provideRX,
   ne as registerAttributeDirective,
   Oe as render,
   $ as repeat,
-  Is as repeatRaw,
-  ln as resetStyles,
-  nl as routerLinkDirective,
-  Ca as selectStyles,
-  xa as selectTemplate,
+  Vs as repeatRaw,
+  cn as resetStyles,
+  ul as routerLinkDirective,
+  Ta as selectStyles,
+  Ca as selectTemplate,
   Ge as setActiveEffect,
-  Al as shadowTokens,
+  Pl as shadowTokens,
   he as shift,
-  gi as sidebarGroupStyles,
-  vi as sidebarGroupTemplate,
-  fi as sidebarItemStyles,
-  bi as sidebarItemTemplate,
-  pi as sidebarStyles,
-  ui as sidebarTemplate,
+  yi as sidebarGroupStyles,
+  _i as sidebarGroupTemplate,
+  wi as sidebarItemStyles,
+  xi as sidebarItemTemplate,
+  fi as sidebarStyles,
+  gi as sidebarTemplate,
   M as signal,
-  ns as signupPageStyles,
-  ss as signupPageTemplate,
-  Ea as sliderStyles,
-  Sa as sliderTemplate,
-  Tl as spacingTokens,
-  Pi as stepPanelStyles,
-  Mi as stepPanelTemplate,
-  Ii as stepStyles,
-  Si as stepTemplate,
-  Ci as stepsStyles,
-  _i as stepsTemplate,
+  us as signupPageStyles,
+  ms as signupPageTemplate,
+  Aa as sliderStyles,
+  za as sliderTemplate,
+  Il as spacingTokens,
+  Vi as stepPanelStyles,
+  Li as stepPanelTemplate,
+  Ni as stepStyles,
+  zi as stepTemplate,
+  Ti as stepsStyles,
+  ki as stepsTemplate,
   W as styleMap,
-  oi as tabPanelStyles,
-  ai as tabPanelTemplate,
-  li as tabStyles,
-  ri as tabTemplate,
-  wo as tableStyles,
-  xo as tableTemplate,
-  ti as tabsStyles,
-  Zo as tabsTemplate,
-  Ba as toastContainerStyles,
-  qa as toastContainerTemplate,
-  Fa as toastStyles,
-  ja as toastTemplate,
-  Gs as toggleTheme,
-  Ol as tokensToCss,
-  Xl as tooltipDirective,
-  Il as transitionTokens,
-  zl as typographyTokens,
-  xs as unregisterAttributeDirective,
-  Ms as unsafeHTML,
-  an as visuallyHiddenStyles,
+  di as tabPanelStyles,
+  ni as tabPanelTemplate,
+  si as tabStyles,
+  ii as tabTemplate,
+  So as tableStyles,
+  Co as tableTemplate,
+  oi as tabsStyles,
+  li as tabsTemplate,
+  Ga as toastContainerStyles,
+  Wa as toastContainerTemplate,
+  Ka as toastStyles,
+  Ha as toastTemplate,
+  Zs as toggleTheme,
+  jl as tokensToCss,
+  ea as tooltipDirective,
+  Nl as transitionTokens,
+  Ml as typographyTokens,
+  Es as unregisterAttributeDirective,
+  js as unsafeHTML,
+  mn as visuallyHiddenStyles,
   d as when
 };