@melodicdev/components 1.0.19 → 1.0.20

package/assets/melodic-components.min.js

@@ -1,5 +1,5 @@
 const O = (e) => typeof e == "string" ? e : typeof e == "symbol" ? e.toString() : e.name;
-function gs(e) {
+function fs(e) {
   return function(t, r, l) {
     t.params || (t.params = []), t.params[l] = { __injectionToken: O(e) };
   };
@@ -60,7 +60,7 @@ var ve = class {
   clearInstance() {
     return this._instance = void 0, this._resolved = !1, this;
   }
-}, Wr = class {
+}, Gr = class {
   constructor() {
     this._bindings = /* @__PURE__ */ new Map(), this._constructionStack = /* @__PURE__ */ new Set();
   }
@@ -134,7 +134,7 @@ var ve = class {
     return e.args.length > 0 && (l = l.concat(e.args)), Reflect.construct(r, l);
   }
 };
-const L = new Wr();
+const L = new Gr();
 function H(e) {
   return function(t, r) {
     const l = `__service_${String(r)}`;
@@ -151,7 +151,7 @@ function H(e) {
 function ee(e) {
   return Symbol(e);
 }
-async function bs(e = {}) {
+async function _s(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 bs(e = {}) {
 function Le(e, t) {
   e.renderInto(t);
 }
-const wr = Symbol("melodic.signal"), Gr = (e) => typeof e == "function" && wr in e;
-var Ve = "melodic-styles", Ur = `style[${Ve}], link[rel="stylesheet"][${Ve}]`, ze = [], ge = null;
-const Yr = (e) => {
-  if (Jr()) {
+const wr = Symbol("melodic.signal"), Ur = (e) => typeof e == "function" && wr in e;
+var Ve = "melodic-styles", Yr = `style[${Ve}], link[rel="stylesheet"][${Ve}]`, ze = [], ge = null;
+const Xr = (e) => {
+  if (Qr()) {
     je(e);
     return;
   }
-  ge || (ge = Xr()), ge.then(() => je(e));
+  ge || (ge = Jr()), ge.then(() => je(e));
 };
-var Xr = async () => {
-  const e = document.querySelectorAll(Ur);
+var Jr = async () => {
+  const e = document.querySelectorAll(Yr);
   if (e.length !== 0)
     for (const t of e) {
       if (t instanceof HTMLStyleElement) {
@@ -228,9 +228,9 @@ var Xr = async () => {
     const r = new CSSStyleSheet();
     r.replaceSync(t), ze.push(r);
   }
-}, Jr = () => ze.length > 0, Qr = class extends HTMLElement {
+}, Qr = () => ze.length > 0, Zr = 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" }), Yr(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" }), Xr(this._root), this._style = this.renderStyles(), this.observe(), this._component.onInit && this._component.onInit();
   }
   get component() {
     return this._component;
@@ -281,7 +281,7 @@ var Xr = async () => {
     }
     const l = e.filter((a) => {
       const o = this._component[a];
-      return a.startsWith("_") ? !1 : Gr(o) ? (this.subscribeToSignal(o), !1) : typeof o == "function" ? !1 : a !== "elementRef" && a !== "constructor";
+      return a.startsWith("_") ? !1 : Ur(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 Xr = async () => {
 function _(e) {
   return function(t) {
     if (customElements.get(e.selector) === void 0) {
-      const r = class extends Qr {
+      const r = class extends Zr {
         constructor() {
           const a = [], o = t.params;
           if (o && Array.isArray(o)) for (const s of o) {
@@ -350,10 +350,10 @@ function _(e) {
     }
   };
 }
-function Zr() {
+function el() {
   return "prod";
 }
-const el = Zr();
+const tl = el();
 function kr(e, t) {
   const r = { ...e };
   for (const l of Object.keys(t)) {
@@ -362,17 +362,17 @@ function kr(e, t) {
   }
   return r;
 }
-function fs(e) {
-  const t = e[el], r = {
+function ys(e) {
+  const t = e[tl], r = {
     ...e.base,
     ...t
   };
   return e.extends ? kr(e.extends, r) : r;
 }
-const tl = ee("APP_CONFIG");
-function _s(e) {
+const rl = ee("APP_CONFIG");
+function xs(e) {
   return (t) => {
-    t.bindValue(tl, e);
+    t.bindValue(rl, e);
   };
 }
 var Ae = class $r extends Error {
@@ -383,15 +383,15 @@ var Ae = class $r extends Error {
   constructor(t, r, l) {
     super(t, l, `HTTP_${r.status}`), this.response = r, this.name = "HttpError", Object.setPrototypeOf(this, Cr.prototype);
   }
-}, rl = class Sr extends Ae {
+}, ll = class Sr extends Ae {
   constructor(t, r) {
     super(t, r, "NETWORK_ERROR"), this.name = "NetworkError", Object.setPrototypeOf(this, Sr.prototype);
   }
-}, ll = class Er extends Ae {
+}, al = class Er extends Ae {
   constructor(t, r) {
     super(t, r, "ABORTED"), this.name = "AbortError", Object.setPrototypeOf(this, Er.prototype);
   }
-}, al = class {
+}, ol = class {
   constructor() {
     this._pendingRequests = /* @__PURE__ */ new Map();
   }
@@ -441,7 +441,7 @@ var Ae = class $r extends Error {
   }
 }, Be = class {
   constructor(e) {
-    this._requestManager = new al(), this._interceptors = {
+    this._requestManager = new ol(), this._interceptors = {
       request: [],
       response: []
     }, this.interceptors = {
@@ -538,7 +538,7 @@ var Ae = class $r extends Error {
       if (!r.ok) throw new qe(`HTTP Error: ${r.status} ${r.statusText}`, l, e);
       return l;
     }).catch((r) => {
-      throw r instanceof qe ? r : r instanceof Error && r.name === "AbortError" ? new ll("Request aborted", e) : new rl((r instanceof Error ? r.message : "Network error") || "Network error", e);
+      throw r instanceof qe ? r : r instanceof Error && r.name === "AbortError" ? new al("Request aborted", e) : new ll((r instanceof Error ? r.message : "Network error") || "Network error", e);
     });
     return e.deduplicate === !0 && this._requestManager.addPendingRequest(e, t), await t;
   }
@@ -605,7 +605,7 @@ var Ae = class $r extends Error {
     return r.includes("application/json") ? await e.json() : r.includes("text/") ? await e.text() : r.includes("application/octet-stream") || r.includes("image/") ? await e.blob() : await e.text();
   }
 };
-function ys(e, t) {
+function ws(e, t) {
   return (r) => {
     const l = new Be(e);
     r.bindValue(Be, l), t?.request && t.request.forEach((a) => {
@@ -615,13 +615,13 @@ function ys(e, t) {
     });
   };
 }
-function xs(e) {
+function ks(e) {
   return { canActivate: e };
 }
-function ws(e) {
+function $s(e) {
   return { canDeactivate: e };
 }
-function ks(e) {
+function Cs(e) {
   return { resolve: e };
 }
 var _e = class {
@@ -677,10 +677,10 @@ var _e = class {
     return r === "R" ? e.test(t) : r === "F" ? e(t) : e === t;
   }
 };
-const ol = "melodic:route-context";
-var $s = class extends CustomEvent {
+const il = "melodic:route-context";
+var Ss = class extends CustomEvent {
   constructor(e) {
-    super(ol, {
+    super(il, {
       bubbles: !1,
       composed: !0,
       detail: e
@@ -746,17 +746,17 @@ function ye(e, t, r = "") {
     redirectTo: l.redirectTo
   };
 }
-function il(e, t) {
+function sl(e, t) {
   for (const r of e) {
     if (r.name === t) return r;
     if (r.children) {
-      const l = il(r.children, t);
+      const l = sl(r.children, t);
       if (l) return l;
     }
   }
   return null;
 }
-function sl(e, t, r = {}) {
+function nl(e, t, r = {}) {
   const l = [];
   function a(o, s) {
     for (const n of o) {
@@ -868,9 +868,9 @@ var De = (e, t, r, l) => new PopStateEvent("History", { state: {
   protocol: window.location.protocol,
   params: new URLSearchParams(window.location.search),
   title: r
-} }), nl = history.pushState;
+} }), dl = history.pushState;
 history.pushState = (e, t, r) => {
-  nl.apply(history, [
+  dl.apply(history, [
     e,
     t,
     r
@@ -878,9 +878,9 @@ history.pushState = (e, t, r) => {
   const l = new CustomEvent("NavigationEvent", { detail: De("push", e, t, r) });
   window.dispatchEvent(l);
 };
-var dl = history.replaceState;
+var cl = history.replaceState;
 history.replaceState = (e, t, r) => {
-  dl.apply(history, [
+  cl.apply(history, [
     e,
     t,
     r
@@ -990,7 +990,7 @@ var V = class {
     };
   }
   async navigateByName(t, r = {}, l = {}) {
-    const a = sl(this._routes, t, r);
+    const a = nl(this._routes, t, r);
     return a ? this.navigate(a, l) : {
       success: !1,
       error: `Route with name '${t}' not found`
@@ -1109,27 +1109,27 @@ var W = /* @__PURE__ */ new Map(), Tr = (e) => {
 function he(e, t) {
   W.set(e, t);
 }
-function cl(e) {
+function ml(e) {
   return Tr(e);
 }
-function Es(e) {
+function Ts(e) {
   return Tr(e) !== void 0;
 }
-function Rs(e) {
+function zs(e) {
   return W.delete(e);
 }
-function Ts() {
+function As() {
   return Array.from(W.keys());
 }
 function oe(e) {
   return typeof e == "object" && e !== null && "__directive" in e;
 }
-var pe = `m${Math.random().toString(36).slice(2, 9)}`, ml = `<!--${pe}-->`, Ie = `__${pe}_`, He = new RegExp(`${Ie}(\\d+)__`, "g"), ie = (e) => `${Ie}${e}__`, Y = /* @__PURE__ */ new Map(), Ke = /* @__PURE__ */ new WeakMap();
+var pe = `m${Math.random().toString(36).slice(2, 9)}`, ul = `<!--${pe}-->`, Ie = `__${pe}_`, He = new RegExp(`${Ie}(\\d+)__`, "g"), ie = (e) => `${Ie}${e}__`, Y = /* @__PURE__ */ new Map(), Ke = /* @__PURE__ */ new WeakMap();
 function be(e) {
   let t = Ke.get(e);
   return t === void 0 && (t = e.join(pe), Ke.set(e, t)), t;
 }
-var ul = class X {
+var hl = class X {
   constructor(t, r) {
     this.strings = t, this.values = r;
   }
@@ -1319,7 +1319,7 @@ var ul = class X {
       ___: (r, l) => (t.push({
         type: "node",
         index: r
-      }), l + ml)
+      }), l + ul)
     };
   }
   prepareParts(t, r) {
@@ -1586,7 +1586,7 @@ var ul = class X {
               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 = cl(r.name);
+              const n = ml(r.name);
               if (n) {
                 const c = n(o, s, r.name);
                 typeof c == "function" ? r.actionCleanup = c : r.actionCleanup = () => {
@@ -1603,7 +1603,7 @@ var ul = class X {
   }
 };
 function i(e, ...t) {
-  return new ul(e, t);
+  return new hl(e, t);
 }
 const y = i;
 var We, Ge = "melodic:outlet-register", we = class {
@@ -1883,7 +1883,7 @@ ke = g([_({
 	`,
   attributes: ["href", "active-class"]
 })], ke);
-function hl(e, t, r) {
+function pl(e, t, r) {
   let l;
   if (typeof t == "string") l = { href: t };
   else if (t && typeof t == "object" && "href" in t) l = t;
@@ -1925,7 +1925,7 @@ function hl(e, t, r) {
     e.removeEventListener("click", b), window.removeEventListener("NavigationEvent", x);
   });
 }
-he("routerLink", hl);
+he("routerLink", pl);
 var zr = null;
 const Ye = (e) => {
   zr = e;
@@ -1989,23 +1989,23 @@ function z(e) {
     r.destroy(), l();
   }, t;
 }
-const Ds = () => () => ({}), Is = (e, t) => ((r) => ({
+const Ms = () => () => ({}), Ps = (e, t) => ((r) => ({
   type: e,
   payload: r ?? (t ? t() : void 0)
 }));
-function Ms(...e) {
+function Os(...e) {
   return { reducers: e };
 }
-const Ps = (e) => {
+const Ns = (e) => {
   const t = {};
   return Object.keys(e).forEach((r) => {
     t[r] = P(e[r]);
   }), t;
-}, Os = (e, t) => ({
+}, Ls = (e, t) => ({
   action: e(),
   reducer: t
 }), $e = ee("RX_INIT_STATE"), Ce = ee("RX_ACTION_PROVIDERS"), Se = ee("RX_EFFECTS_PROVIDERS"), Ir = ee("RX_STATE_DEBUG");
-var pl = class {
+var vl = class {
   constructor() {
     this._effects = [];
   }
@@ -2018,7 +2018,7 @@ var pl = class {
   getEffects() {
     return this._effects;
   }
-}, Ns = class extends pl {
+}, Vs = class extends vl {
   constructor(e, t = { reducers: [] }, r = !1) {
     super(), this._initState = e, this._reducerConfig = t, this._debug = r, this._state = P(e);
   }
@@ -2132,7 +2132,7 @@ g([H(Ce), j("design:type", Object)], F.prototype, "_reducerMap", void 0);
 g([H(Se), j("design:type", Object)], F.prototype, "_effectMap", void 0);
 g([H(Ir), j("design:type", Boolean)], F.prototype, "_debug", void 0);
 F = g([Z(), j("design:paramtypes", [])], F);
-function Vs(e, t, r, l = !1) {
+function Fs(e, t, r, l = !1) {
   return (a) => {
     a.bindValue($e, e), a.bindValue(Ce, t), a.bindValue(Se, r), a.bindValue(Ir, l), a.bind(F, F, { dependencies: [
       $e,
@@ -2141,7 +2141,7 @@ function Vs(e, t, r, l = !1) {
     ] });
   };
 }
-var Xe = /* @__PURE__ */ new WeakMap(), vl = class Mr {
+var Xe = /* @__PURE__ */ new WeakMap(), gl = class Mr {
   constructor(t) {
     this._factory = null, this._hasEvents = !1, this._canCompile = !1, this.analyzeAndCompile(t);
   }
@@ -2274,7 +2274,7 @@ function Je(e, t, r, l) {
     }
   }
   if (l.useCompiledPath === void 0 && e.length > 0) {
-    const p = r(e[0], 0), b = vl.compile(p.strings);
+    const p = r(e[0], 0), b = gl.compile(p.strings);
     l.useCompiledPath = b.canUseFastPath(), l.useCompiledPath && (l.compiledTemplate = b);
   }
   const n = /* @__PURE__ */ new Map(), c = /* @__PURE__ */ new Map();
@@ -2290,7 +2290,7 @@ function Je(e, t, r, l) {
         isNew: !1
       });
     } else {
-      const f = gl(b, p, x, r, l);
+      const f = bl(b, p, x, r, l);
       s.push({
         item: f,
         oldIndex: -1,
@@ -2298,20 +2298,20 @@ function Je(e, t, r, l) {
       });
     }
   }
-  for (const p of n.values()) _l(p);
+  for (const p of n.values()) yl(p);
   if (s.length === 0) {
     l.keyToIndex = o, l.items = [];
     return;
   }
-  const m = yl(s), u = l.startMarker.parentElement;
+  const m = xl(s), u = l.startMarker.parentElement;
   let h = l.endMarker;
   for (let p = s.length - 1; p >= 0; p--) {
     const b = s[p];
-    b.isNew ? bl(b.item, u, h) : m.has(p) || fl(b.item, h), h = b.item.start;
+    b.isNew ? fl(b.item, u, h) : m.has(p) || _l(b.item, h), h = b.item.start;
   }
   l.keyToIndex = o, l.items = s.map((p) => p.item);
 }
-function gl(e, t, r, l, a) {
+function bl(e, t, r, l, a) {
   const o = l(e, t);
   let s, n;
   if (a.useCompiledPath && a.compiledTemplate) {
@@ -2328,13 +2328,13 @@ function gl(e, t, r, l, a) {
     end: document.createComment("repeat-item-end")
   };
 }
-function bl(e, t, r) {
+function fl(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 fl(e, t) {
+function _l(e, t) {
   const r = t.parentNode;
   if (!r) return;
   const l = document.createDocumentFragment();
@@ -2347,7 +2347,7 @@ function fl(e, t) {
   }
   r.insertBefore(l, t);
 }
-function _l(e) {
+function yl(e) {
   let t = e.start;
   const r = e.end;
   for (; t; ) {
@@ -2356,17 +2356,17 @@ function _l(e) {
     t = l;
   }
 }
-function yl(e) {
+function xl(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 = xl(t), a = /* @__PURE__ */ new Set();
+  const l = wl(t), a = /* @__PURE__ */ new Set();
   for (const o of l) {
     const s = r[o];
     s !== void 0 && a.add(s);
   }
   return a;
 }
-function xl(e) {
+function wl(e) {
   if (e.length === 0) return [];
   const t = new Array(e.length).fill(-1), r = new Array(e.length).fill(0);
   let l = 0;
@@ -2385,7 +2385,7 @@ function xl(e) {
     a[s] = o, o = t[o];
   return a;
 }
-function js(e, t, r) {
+function qs(e, t, r) {
   return U((l, a) => {
     if (!a) {
       const o = l.parentNode;
@@ -2406,10 +2406,10 @@ function js(e, t, r) {
       }
       return o.insertBefore(m, n), c;
     }
-    return wl(e, t, r, a), a;
+    return kl(e, t, r, a), a;
   });
 }
-function wl(e, t, r, l) {
+function kl(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;
@@ -2522,7 +2522,7 @@ function G(e) {
     return a;
   });
 }
-function Fs(e) {
+function Bs(e) {
   return U((t, r) => {
     if (!r) {
       const l = t.parentNode;
@@ -2552,10 +2552,10 @@ function Ze(e, t) {
   for (const o of t.nodes) r.insertBefore(o, t.endMarker);
   t.html = e;
 }
-function kl(e) {
+function $l(e) {
   return typeof e == "string" ? document.querySelector(e) : e;
 }
-function $l(e) {
+function Cl(e) {
   return typeof e == "string" ? {
     target: e,
     persist: !1
@@ -2567,12 +2567,12 @@ function $l(e) {
     persist: e.persist ?? !1
   };
 }
-function Cl(e, t, r) {
+function Sl(e, t, r) {
   if (!t) {
     console.warn("portal directive: value is required");
     return;
   }
-  const l = $l(t), a = kl(l.target);
+  const l = Cl(t), a = $l(l.target);
   if (!a) {
     console.warn(`portal directive: target "${l.target}" not found`);
     return;
@@ -2583,14 +2583,14 @@ function Cl(e, t, r) {
     l.persist || e.remove(), o.remove();
   };
 }
-he("portal", Cl);
-var qs = class {
+he("portal", Sl);
+var Hs = class {
   constructor() {
     this.__directive = !0;
   }
 };
 const Pr = Symbol("melodic.formControl");
-var Sl = class {
+var El = class {
   constructor(e, t = {}) {
     this[Pr] = !0, this._validators = [], this._asyncValidators = [], this._touched = P(!1), this._dirty = P(!1), this._pending = P(!1), this._disabled = P(!1), this._asyncValidationId = 0, this.initialValue = e, this.value = P(e), this.errors = P(null), this._validators = t.validators ?? [], this._asyncValidators = t.asyncValidators ?? [], this._disabled.set(t.disabled ?? !1), this.updateOn = t.updateOn ?? "input", this.dirty = z(() => this._dirty()), this.touched = z(() => this._touched()), this.pristine = z(() => !this._dirty()), this.pending = z(() => this._pending()), this.disabled = z(() => this._disabled()), this.valid = z(() => this.errors() === null && !this._pending()), this.invalid = z(() => this.errors() !== null), this.state = z(() => ({
       dirty: this._dirty(),
@@ -2689,10 +2689,10 @@ var Sl = class {
     this.errors.set(t);
   }
 };
-const El = Symbol("melodic.formGroup");
-var Rl = class {
+const Rl = Symbol("melodic.formGroup");
+var Tl = class {
   constructor(e, t = {}) {
-    this[El] = !0, this._validators = [], this._asyncValidators = [], this._disabled = P(!1), this._controlEffects = [], this.controls = e, this._validators = t.validators ?? [], this._asyncValidators = t.asyncValidators ?? [], this._disabled.set(t.disabled ?? !1), this.value = z(() => this.computeValue()), this.errors = P(null), this.setupControlWatchers(), this.valid = z(() => this.errors() !== null ? !1 : Object.values(this.controls).every((r) => r.valid())), this.invalid = z(() => !this.valid()), this.pending = z(() => Object.values(this.controls).some((r) => r.pending())), this.dirty = z(() => Object.values(this.controls).some((r) => r.dirty())), this.touched = z(() => Object.values(this.controls).some((r) => r.touched())), this.pristine = z(() => !this.dirty()), this.disabled = z(() => this._disabled()), this.runGroupValidation();
+    this[Rl] = !0, this._validators = [], this._asyncValidators = [], this._disabled = P(!1), this._controlEffects = [], this.controls = e, this._validators = t.validators ?? [], this._asyncValidators = t.asyncValidators ?? [], this._disabled.set(t.disabled ?? !1), this.value = z(() => this.computeValue()), this.errors = P(null), this.setupControlWatchers(), this.valid = z(() => this.errors() !== null ? !1 : Object.values(this.controls).every((r) => r.valid())), this.invalid = z(() => !this.valid()), this.pending = z(() => Object.values(this.controls).some((r) => r.pending())), this.dirty = z(() => Object.values(this.controls).some((r) => r.dirty())), this.touched = z(() => Object.values(this.controls).some((r) => r.touched())), this.pristine = z(() => !this.dirty()), this.disabled = z(() => this._disabled()), this.runGroupValidation();
   }
   get(e) {
     return this.controls[e];
@@ -2808,13 +2808,13 @@ var Rl = class {
     this.errors.set(t);
   }
 };
-function Bs(e, t) {
-  return new Sl(e, t);
+function Ks(e, t) {
+  return new El(e, t);
 }
-function Hs(e, t) {
-  return new Rl(e, t);
+function Ws(e, t) {
+  return new Tl(e, t);
 }
-const Ks = {
+const Gs = {
   required: (e) => e == null || e === "" || Array.isArray(e) && e.length === 0 ? { required: {
     code: "required",
     message: "This field is required"
@@ -2890,22 +2890,22 @@ const Ks = {
     return l;
   }
 };
-function Ws(e, t, r) {
+function Us(e, t, r) {
   return (l) => t(l) ? null : { [e]: {
     code: e,
     message: typeof r == "function" ? r(l) : r
   } };
 }
-function Gs(e, t, r) {
+function Ys(e, t, r) {
   return async (l) => await t(l) ? null : { [e]: {
     code: e,
     message: typeof r == "function" ? r(l) : r
   } };
 }
-function Tl(e) {
+function zl(e) {
   return e !== null && typeof e == "object" && Pr in e;
 }
-function zl(e) {
+function Al(e) {
   const t = e.tagName.toLowerCase();
   if (t === "select") return "select";
   if (t === "textarea") return "textarea";
@@ -2916,12 +2916,12 @@ function zl(e) {
   }
   return "text";
 }
-function Al(e, t, r) {
-  if (!Tl(t)) {
+function Dl(e, t, r) {
+  if (!zl(t)) {
     console.warn("formControl directive: value must be a FormControl");
     return;
   }
-  const l = t, a = zl(e), o = [], s = (f) => {
+  const l = t, a = Al(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");
@@ -2951,8 +2951,8 @@ function Al(e, t, r) {
     e.removeEventListener(x, m), e.removeEventListener("blur", u), e.removeAttribute("data-form-control"), o.forEach((f) => f());
   };
 }
-he("formControl", Al);
-const Dl = {
+he("formControl", Dl);
+const Il = {
   "--ml-white": "#ffffff",
   "--ml-black": "#000000",
   "--ml-gray-25": "#fcfcfd",
@@ -3039,7 +3039,7 @@ const Dl = {
   "--ml-purple-800": "#53389e",
   "--ml-purple-900": "#42307d",
   "--ml-purple-950": "#2c1c5f"
-}, Il = {
+}, Ml = {
   "--ml-color-primary": "var(--ml-blue-600)",
   "--ml-color-primary-hover": "var(--ml-blue-700)",
   "--ml-color-primary-active": "var(--ml-blue-800)",
@@ -3117,7 +3117,7 @@ const Dl = {
   "--ml-tooltip-bg": "var(--ml-gray-900)",
   "--ml-tooltip-text": "var(--ml-white)",
   "--ml-card-footer-bg": "var(--ml-gray-50)"
-}, Ml = {
+}, Pl = {
   "--ml-space-0": "0",
   "--ml-space-px": "1px",
   "--ml-space-0-5": "0.125rem",
@@ -3153,7 +3153,7 @@ const Dl = {
   "--ml-space-72": "18rem",
   "--ml-space-80": "20rem",
   "--ml-space-96": "24rem"
-}, Pl = {
+}, Ol = {
   "--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",
@@ -3191,7 +3191,7 @@ const Dl = {
   "--ml-tracking-wide": "0.025em",
   "--ml-tracking-wider": "0.05em",
   "--ml-tracking-widest": "0.1em"
-}, Ol = {
+}, Nl = {
   "--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)",
@@ -3216,7 +3216,7 @@ const Dl = {
   "--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)"
-}, Nl = {
+}, Ll = {
   "--ml-radius-none": "0",
   "--ml-radius-xxs": "0.125rem",
   "--ml-radius-xs": "0.25rem",
@@ -3234,7 +3234,7 @@ const Dl = {
   "--ml-border-2": "2px",
   "--ml-border-4": "4px",
   "--ml-border-8": "8px"
-}, Ll = {
+}, Vl = {
   "--ml-duration-0": "0ms",
   "--ml-duration-75": "75ms",
   "--ml-duration-100": "100ms",
@@ -3255,35 +3255,35 @@ const Dl = {
   "--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)"
-}, Vl = {
+}, jl = {
   "--ml-screen-xs": "320px",
   "--ml-screen-sm": "640px",
   "--ml-screen-md": "768px",
   "--ml-screen-lg": "1024px",
   "--ml-screen-xl": "1280px",
   "--ml-screen-2xl": "1536px"
-}, Us = {
+}, Xs = {
   xs: 320,
   sm: 640,
   md: 768,
   lg: 1024,
   xl: 1280,
   "2xl": 1536
-}, jl = {
-  ...Dl,
+}, Fl = {
   ...Il,
   ...Ml,
   ...Pl,
   ...Ol,
   ...Nl,
   ...Ll,
-  ...Vl
+  ...Vl,
+  ...jl
 };
-function Fl(e) {
+function ql(e) {
   return Object.entries(e).map(([t, r]) => `${t}: ${r};`).join(`
 	`);
 }
-const ql = {
+const Bl = {
   "--ml-color-background": "var(--ml-white)",
   "--ml-color-surface": "var(--ml-white)",
   "--ml-color-surface-raised": "var(--ml-gray-50)",
@@ -3297,8 +3297,8 @@ const ql = {
   "--ml-color-border": "var(--ml-gray-200)",
   "--ml-color-border-strong": "var(--ml-gray-300)",
   "--ml-color-border-muted": "var(--ml-gray-100)"
-}, Ys = `:root, [data-theme="light"] {
-	${Object.entries(ql).map(([e, t]) => `${e}: ${t};`).join(`
+}, Js = `:root, [data-theme="light"] {
+	${Object.entries(Bl).map(([e, t]) => `${e}: ${t};`).join(`
 	`)}
 
 	color-scheme: light;
@@ -3371,7 +3371,7 @@ const ql = {
   "--ml-tooltip-bg": "var(--ml-gray-100)",
   "--ml-tooltip-text": "var(--ml-gray-900)",
   "--ml-card-footer-bg": "var(--ml-gray-800)"
-}, Xs = `[data-theme="dark"] {
+}, Qs = `[data-theme="dark"] {
 	${Object.entries(et).map(([e, t]) => `${e}: ${t};`).join(`
 	`)}
 
@@ -3385,20 +3385,20 @@ const ql = {
 
 		color-scheme: dark;
 	}
-}`, Js = `:root {
-	${Fl(jl)}
+}`, Zs = `:root {
+	${ql(Fl)}
 
 	/* Default to light color scheme */
 	color-scheme: light;
 }`;
 var ce = "system", Ee = /* @__PURE__ */ new Set(), ne = null;
-function Qs() {
+function en() {
   return ce;
 }
-function Bl() {
+function Hl() {
   return ce === "system" ? window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light" : ce;
 }
-function Hl(e) {
+function Kl(e) {
   if (ne && (ne(), ne = null), ce = e, e === "system") {
     const t = window.matchMedia("(prefers-color-scheme: dark)"), r = () => {
       const a = t.matches ? "dark" : "light";
@@ -3410,14 +3410,14 @@ function Hl(e) {
   } else
     document.documentElement.setAttribute("data-theme", e), fe(e, e);
 }
-function Zs(e) {
+function tn(e) {
   return Ee.add(e), () => Ee.delete(e);
 }
 function fe(e, t) {
   Ee.forEach((r) => r(e, t));
 }
-function en() {
-  Hl(Bl() === "light" ? "dark" : "light");
+function rn() {
+  Kl(Hl() === "light" ? "dark" : "light");
 }
 function Or(e, t) {
   return `[data-theme="${e}"] {
@@ -3425,17 +3425,17 @@ function Or(e, t) {
 	`)}
 }`;
 }
-function tn(e, t) {
+function ln(e, t) {
   const r = Or(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 rn(e, t) {
+function an(e, t) {
   const r = {};
   return t.primary && (r["--ml-color-primary"] = t.primary), t.secondary && (r["--ml-color-secondary"] = t.secondary), t.success && (r["--ml-color-success"] = t.success), t.warning && (r["--ml-color-warning"] = t.warning), t.danger && (r["--ml-color-danger"] = t.danger), Or(e, r);
 }
-function Kl(e, t, r) {
+function Wl(e, t, r) {
   const [l, a = "center"] = r.split("-");
   let o = 0, s = 0;
   switch (l) {
@@ -3480,7 +3480,7 @@ function Kl(e, t, r) {
   };
 }
 function te(e, t, r = {}) {
-  const { placement: l = "bottom", middleware: a = [] } = r, o = e.getBoundingClientRect(), s = t.getBoundingClientRect(), { x: n, y: c } = Kl(o, s, l);
+  const { placement: l = "bottom", middleware: a = [] } = r, o = e.getBoundingClientRect(), s = t.getBoundingClientRect(), { x: n, y: c } = Wl(o, s, l);
   let m = {
     x: n,
     y: c,
@@ -3512,7 +3512,7 @@ function te(e, t, r = {}) {
     middlewareData: m.middlewareData
   };
 }
-function Wl(e) {
+function Gl(e) {
   const t = {
     top: "bottom",
     bottom: "top",
@@ -3524,7 +3524,7 @@ function Wl(e) {
 function me(e) {
   return e.split("-")[0];
 }
-function Gl(e) {
+function Ul(e) {
   const t = [];
   let r = e;
   for (; r; ) {
@@ -3543,7 +3543,7 @@ function Gl(e) {
 function Me(e, t, r, l = {}) {
   const { ancestorScroll: a = !0, ancestorResize: o = !0, elementResize: s = !0, animationFrame: n = !1 } = l, c = [];
   if (a) {
-    const m = Gl(e);
+    const m = Ul(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));
@@ -3628,9 +3628,9 @@ function le(e = {}) {
     fn(r) {
       const { x: l, y: a, placement: o, rects: s } = r, n = me(o);
       if (!rt(tt(l, a, s.floating, t), n)) return;
-      const c = Wl(o), m = e.fallbackPlacements ?? [c];
+      const c = Gl(o), m = e.fallbackPlacements ?? [c];
       for (const u of m) {
-        const h = Ul(s.reference, s.floating, u);
+        const h = Yl(s.reference, s.floating, u);
         if (!rt(tt(h.x, h.y, s.floating, t), me(u))) return {
           x: h.x,
           y: h.y,
@@ -3640,7 +3640,7 @@ function le(e = {}) {
     }
   };
 }
-function Ul(e, t, r) {
+function Yl(e, t, r) {
   const [l, a = "center"] = r.split("-");
   let o = 0, s = 0;
   switch (l) {
@@ -3733,7 +3733,7 @@ function Nr(e) {
     }
   };
 }
-var Yl = [
+var Xl = [
   "a[href]",
   "area[href]",
   'input:not([disabled]):not([type="hidden"])',
@@ -3747,24 +3747,24 @@ var Yl = [
   '[tabindex]:not([tabindex="-1"])'
 ].join(", ");
 function Pe(e) {
-  return Array.from(e.querySelectorAll(Yl)).filter((t) => !(t.offsetParent === null && t.style.position !== "fixed" || getComputedStyle(t).visibility === "hidden"));
+  return Array.from(e.querySelectorAll(Xl)).filter((t) => !(t.offsetParent === null && t.style.position !== "fixed" || getComputedStyle(t).visibility === "hidden"));
 }
 function Lr(e) {
   return Pe(e)[0] ?? null;
 }
-function Xl(e) {
+function Jl(e) {
   const t = Pe(e);
   return t[t.length - 1] ?? null;
 }
-function ln(e) {
+function on(e) {
   const t = Lr(e);
   return t ? (t.focus(), !0) : !1;
 }
-function an(e) {
-  const t = Xl(e);
+function sn(e) {
+  const t = Jl(e);
   return t ? (t.focus(), !0) : !1;
 }
-function Jl(e, t = {}) {
+function Ql(e, t = {}) {
   const { initialFocus: r = null, returnFocus: l = null, autoFocus: a = !0 } = t;
   let o = !1, s = null;
   function n(h) {
@@ -3798,8 +3798,8 @@ function Jl(e, t = {}) {
     isActive: u
   };
 }
-function on(e, t) {
-  const r = Jl(e, t);
+function nn(e, t) {
+  const r = Ql(e, t);
   return r.activate(), () => r.deactivate();
 }
 var J = !1, lt = !1;
@@ -3812,10 +3812,10 @@ function Vr() {
     J = !1;
   }, !0));
 }
-function sn() {
+function dn() {
   return Vr(), J;
 }
-function nn(e, t = "focus-visible") {
+function cn(e, t = "focus-visible") {
   Vr();
   function r() {
     J && e.classList.add(t);
@@ -3828,7 +3828,7 @@ function nn(e, t = "focus-visible") {
   };
 }
 var I = null;
-function Ql() {
+function Zl() {
   return I && document.body.contains(I) || (I = document.createElement("div"), I.id = "ml-live-region", I.setAttribute("aria-live", "polite"), I.setAttribute("aria-atomic", "true"), I.setAttribute("role", "status"), Object.assign(I.style, {
     position: "absolute",
     width: "1px",
@@ -3841,13 +3841,13 @@ function Ql() {
     border: "0"
   }), document.body.appendChild(I)), I;
 }
-function dn(e, t = "polite") {
-  const r = Ql();
+function mn(e, t = "polite") {
+  const r = Zl();
   r.setAttribute("aria-live", t), r.textContent = "", setTimeout(() => {
     r.textContent = e;
   }, 50);
 }
-function cn(e = {}) {
+function un(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",
@@ -3861,7 +3861,7 @@ function cn(e = {}) {
     border: "0"
   }), a;
 }
-const mn = `
+const hn = `
 	*,
 	*::before,
 	*::after {
@@ -3906,7 +3906,7 @@ const mn = `
 	[hidden] {
 		display: none !important;
 	}
-`, un = `
+`, pn = `
 	.visually-hidden {
 		position: absolute;
 		width: 1px;
@@ -3929,7 +3929,7 @@ const mn = `
 		clip: auto;
 		white-space: normal;
 	}
-`, hn = `
+`, vn = `
 	:host {
 		/* Inherit font from parent by default */
 		font-family: var(--ml-font-sans);
@@ -3961,7 +3961,7 @@ const mn = `
 		display: none !important;
 	}
 `;
-function pn(e, t) {
+function gn(e, t) {
   function r(l) {
     const a = l.target;
     e.contains(a) || t(l);
@@ -4001,24 +4001,24 @@ var jr = class {
     l(Math.max(0, Math.floor(n / c) - o), Math.min(s, Math.ceil((n + e) / c) + o));
   }
 };
-const Zl = () => "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replaceAll(/[xy]/g, function(e) {
+const ea = () => "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 ea(e) {
+function ta(e) {
   return typeof e == "string" ? { content: e } : e && typeof e == "object" && "content" in e ? e : { content: String(e ?? "") };
 }
-function ta(e, t) {
+function ra(e, t) {
   if (!t) return;
-  const { content: r, placement: l } = ea(t);
+  const { content: r, placement: l } = ta(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();
   };
 }
-he("tooltip", ta);
-function ra(e) {
+he("tooltip", ra);
+function la(e) {
   return i`
 		<div
 			class=${v({
@@ -4042,7 +4042,7 @@ function ra(e) {
 		</div>
 	`;
 }
-const la = () => y`
+const aa = () => y`
 	:host {
 		display: inline-flex;
 		align-items: center;
@@ -4120,11 +4120,11 @@ var at = class {
 };
 at = g([_({
   selector: "ml-spinner",
-  template: ra,
-  styles: la,
+  template: la,
+  styles: aa,
   attributes: ["size", "label"]
 })], at);
-function aa(e) {
+function oa(e) {
   return i`
 		<button
 			type="${e.type}"
@@ -4154,7 +4154,7 @@ function aa(e) {
 		</button>
 	`;
 }
-const oa = () => y`
+const ia = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -4402,8 +4402,8 @@ var ot = class {
 };
 ot = g([_({
   selector: "ml-button",
-  template: aa,
-  styles: oa,
+  template: oa,
+  styles: ia,
   attributes: [
     "variant",
     "size",
@@ -4413,7 +4413,7 @@ ot = g([_({
     "full-width"
   ]
 })], ot);
-function ia(e) {
+function sa(e) {
   return i`
 		<div
 			class=${v({
@@ -4426,7 +4426,7 @@ function ia(e) {
 		</div>
 	`;
 }
-const sa = () => y`
+const na = () => y`
 	:host {
 		display: inline-flex;
 	}
@@ -4482,8 +4482,8 @@ var it = class {
 };
 it = g([_({
   selector: "ml-button-group",
-  template: ia,
-  styles: sa,
+  template: sa,
+  styles: na,
   attributes: [
     "value",
     "variant",
@@ -4492,7 +4492,7 @@ it = g([_({
     "multiple"
   ]
 })], it);
-function na(e) {
+function da(e) {
   return i`
 		<button
 			type="button"
@@ -4506,7 +4506,7 @@ function na(e) {
 		</button>
 	`;
 }
-const da = () => y`
+const ca = () => y`
 	:host {
 		display: inline-flex;
 	}
@@ -4630,8 +4630,8 @@ var st = class {
 };
 st = g([_({
   selector: "ml-button-group-item",
-  template: na,
-  styles: da,
+  template: da,
+  styles: ca,
   attributes: [
     "value",
     "icon",
@@ -4641,7 +4641,7 @@ st = g([_({
     "group-size"
   ]
 })], st);
-function ca(e) {
+function ma(e) {
   return i`
 		<div
 			class=${v({
@@ -4686,7 +4686,7 @@ function ca(e) {
 		</div>
 	`;
 }
-const ma = () => y`
+const ua = () => y`
 	:host {
 		display: block;
 		width: 100%;
@@ -4848,8 +4848,8 @@ var nt = class {
 };
 nt = g([_({
   selector: "ml-input",
-  template: ca,
-  styles: ma,
+  template: ma,
+  styles: ua,
   attributes: [
     "type",
     "value",
@@ -4864,7 +4864,7 @@ nt = g([_({
     "autocomplete"
   ]
 })], nt);
-function ua(e) {
+function ha(e) {
   return i`
 		<div
 			class=${v({
@@ -4911,7 +4911,7 @@ function ua(e) {
 		</div>
 	`;
 }
-const ha = () => y`
+const pa = () => y`
 	:host {
 		display: block;
 		width: 100%;
@@ -5056,8 +5056,8 @@ var dt = class {
 };
 dt = g([_({
   selector: "ml-textarea",
-  template: ua,
-  styles: ha,
+  template: ha,
+  styles: pa,
   attributes: [
     "value",
     "placeholder",
@@ -5073,7 +5073,7 @@ dt = g([_({
     "resize"
   ]
 })], dt);
-function pa(e) {
+function va(e) {
   return i`
 		<label
 			class=${v({
@@ -5109,7 +5109,7 @@ function pa(e) {
 		${d(!!e.hint, () => i`<span class="ml-checkbox__hint">${e.hint}</span>`)}
 	`;
 }
-const va = () => y`
+const ga = () => y`
 	:host {
 		display: block;
 	}
@@ -5241,8 +5241,8 @@ var ct = class {
 };
 ct = g([_({
   selector: "ml-checkbox",
-  template: pa,
-  styles: va,
+  template: va,
+  styles: ga,
   attributes: [
     "label",
     "hint",
@@ -5252,7 +5252,7 @@ ct = g([_({
     "disabled"
   ]
 })], ct);
-function ga(e) {
+function ba(e) {
   return i`
 		<label
 			class=${v({
@@ -5279,7 +5279,7 @@ function ga(e) {
 		${d(!!e.hint, () => i`<span class="ml-radio__hint">${e.hint}</span>`)}
 	`;
 }
-const ba = () => y`
+const fa = () => y`
 	:host {
 		display: block;
 	}
@@ -5422,8 +5422,8 @@ var mt = class {
 };
 mt = g([_({
   selector: "ml-radio",
-  template: ga,
-  styles: ba,
+  template: ba,
+  styles: fa,
   attributes: [
     "name",
     "value",
@@ -5434,7 +5434,7 @@ mt = g([_({
     "disabled"
   ]
 })], mt);
-function fa(e) {
+function _a(e) {
   return i`
 		<fieldset
 			class=${v({
@@ -5461,7 +5461,7 @@ function fa(e) {
 		</fieldset>
 	`;
 }
-const _a = () => y`
+const ya = () => y`
 	:host {
 		display: block;
 	}
@@ -5551,8 +5551,8 @@ var ut = class {
 };
 ut = g([_({
   selector: "ml-radio-group",
-  template: fa,
-  styles: _a,
+  template: _a,
+  styles: ya,
   attributes: [
     "label",
     "name",
@@ -5564,7 +5564,7 @@ ut = g([_({
     "required"
   ]
 })], ut);
-function ya(e) {
+function xa(e) {
   return i`
 		<fieldset
 			class=${v({
@@ -5593,7 +5593,7 @@ function ya(e) {
 		</fieldset>
 	`;
 }
-const xa = () => y`
+const wa = () => y`
 	:host {
 		display: block;
 	}
@@ -5694,8 +5694,8 @@ var ht = class {
 };
 ht = g([_({
   selector: "ml-radio-card-group",
-  template: ya,
-  styles: xa,
+  template: xa,
+  styles: wa,
   attributes: [
     "value",
     "label",
@@ -5706,7 +5706,7 @@ ht = g([_({
     "required"
   ]
 })], ht);
-function wa(e) {
+function ka(e) {
   return i`
 		<div
 			class=${v({
@@ -5746,7 +5746,7 @@ function wa(e) {
 		</div>
 	`;
 }
-const ka = () => y`
+const $a = () => y`
 	:host {
 		display: block;
 	}
@@ -5899,8 +5899,8 @@ var pt = class {
 };
 pt = g([_({
   selector: "ml-radio-card",
-  template: wa,
-  styles: ka,
+  template: ka,
+  styles: $a,
   attributes: [
     "value",
     "label",
@@ -5912,7 +5912,7 @@ pt = g([_({
     "group-disabled"
   ]
 })], pt);
-function $a(e) {
+function Ca(e) {
   return i`
 		<label
 			class=${v({
@@ -5931,7 +5931,7 @@ function $a(e) {
 		${d(!!e.hint, () => i`<span class="ml-toggle__hint">${e.hint}</span>`)}
 	`;
 }
-const Ca = () => y`
+const Sa = () => y`
 	:host {
 		display: block;
 	}
@@ -6078,8 +6078,8 @@ var vt = class {
 };
 vt = g([_({
   selector: "ml-toggle",
-  template: $a,
-  styles: Ca,
+  template: Ca,
+  styles: Sa,
   attributes: [
     "label",
     "hint",
@@ -6088,7 +6088,7 @@ vt = g([_({
     "disabled"
   ]
 })], vt);
-function Sa(e) {
+function Ea(e) {
   return i`
 		<div
 			class=${v({
@@ -6119,7 +6119,7 @@ function Sa(e) {
 					@click=${e.toggle}
 				>
 					<span class="ml-select__value">
-						${d(e.multiple, () => Ra(e), () => Ea(e))}
+						${d(e.multiple, () => Ta(e), () => Ra(e))}
 					</span>
 					<ml-icon icon="caret-down" size="sm" format="regular" class="ml-select__chevron"></ml-icon>
 				</div>
@@ -6130,7 +6130,7 @@ function Sa(e) {
 					popover="auto"
 					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) => Ta(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) => za(e, t, r)) : i`<div class="ml-select__empty">No results found</div>`}
 				</div>
 			</div>
 
@@ -6138,13 +6138,13 @@ function Sa(e) {
 		</div>
 	`;
 }
-function Ea(e) {
+function Ra(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 Ra(e) {
+function Ta(e) {
   return i`
 		<ml-icon icon="magnifying-glass" size="sm" format="regular" class="ml-select__search-icon"></ml-icon>
 		<span class="ml-select__tags">
@@ -6169,7 +6169,7 @@ function Ra(e) {
 		/>
 	`;
 }
-function Ta(e, t, r) {
+function za(e, t, r) {
   const l = e.multiple ? e.values.includes(t.value) : e.value === t.value, a = e.focusedIndex === r;
   return i`
 		<div
@@ -6191,7 +6191,7 @@ function Ta(e, t, r) {
 		</div>
 	`;
 }
-const za = () => y`
+const Aa = () => y`
 	:host {
 		display: block;
 		width: 100%;
@@ -6778,8 +6778,8 @@ var gt = class {
 };
 gt = g([_({
   selector: "ml-select",
-  template: Sa,
-  styles: za,
+  template: Ea,
+  styles: Aa,
   attributes: [
     "label",
     "placeholder",
@@ -6792,7 +6792,7 @@ gt = g([_({
     "multiple"
   ]
 })], gt);
-function Aa(e) {
+function Da(e) {
   return i`
 		<div
 			class=${v({
@@ -6831,7 +6831,7 @@ function Aa(e) {
 		</div>
 	`;
 }
-const Da = () => y`
+const Ia = () => y`
 	:host {
 		display: block;
 	}
@@ -7029,8 +7029,8 @@ var bt = class {
 };
 bt = g([_({
   selector: "ml-slider",
-  template: Aa,
-  styles: Da,
+  template: Da,
+  styles: Ia,
   attributes: [
     "label",
     "value",
@@ -7044,7 +7044,7 @@ bt = g([_({
     "error"
   ]
 })], bt);
-function Ia(e) {
+function Ma(e) {
   return i`
 		<div
 			class=${v({
@@ -7071,7 +7071,7 @@ function Ia(e) {
 		</div>
 	`;
 }
-const Ma = () => y`
+const Pa = () => y`
 	:host {
 		display: block;
 		width: 100%;
@@ -7287,8 +7287,8 @@ var ft = class {
 };
 ft = g([_({
   selector: "ml-form-field",
-  template: Ia,
-  styles: Ma,
+  template: Ma,
+  styles: Pa,
   attributes: [
     "label",
     "hint",
@@ -7299,7 +7299,7 @@ ft = g([_({
     "required"
   ]
 })], ft);
-function Pa(e) {
+function Oa(e) {
   return i`
 		<div class="ml-calendar" role="grid" aria-label=${e.monthLabel}>
 			<div class="ml-calendar__header">
@@ -7357,7 +7357,7 @@ function Pa(e) {
 		</div>
 	`;
 }
-const Oa = () => y`
+const Na = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -7542,7 +7542,7 @@ const Oa = () => y`
 		box-shadow: var(--ml-shadow-focus-ring);
 	}
 `;
-var Na = [
+var La = [
   "January",
   "February",
   "March",
@@ -7555,7 +7555,7 @@ var Na = [
   "October",
   "November",
   "December"
-], La = [
+], Va = [
   "Su",
   "Mo",
   "Tu",
@@ -7610,10 +7610,10 @@ var yt = class {
     t.length === 3 && (this.viewYear = Number.parseInt(t[0], 10), this.viewMonth = Number.parseInt(t[1], 10) - 1);
   }
   get monthLabel() {
-    return `${Na[this.viewMonth]} ${this.viewYear}`;
+    return `${La[this.viewMonth]} ${this.viewYear}`;
   }
   get weekdays() {
-    return La;
+    return Va;
   }
   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 = _t(), n = [], c = r === 0 ? 11 : r - 1, m = r === 0 ? t - 1 : t;
@@ -7668,15 +7668,15 @@ var yt = class {
 };
 yt = g([_({
   selector: "ml-calendar",
-  template: Pa,
-  styles: Oa,
+  template: Oa,
+  styles: Na,
   attributes: [
     "value",
     "min",
     "max"
   ]
 })], yt);
-function Va(e) {
+function ja(e) {
   return i`
 		<div class=${v({
     "ml-date-picker": !0,
@@ -7723,7 +7723,7 @@ function Va(e) {
 		</div>
 	`;
 }
-const ja = () => y`
+const Fa = () => y`
 	:host {
 		display: block;
 	}
@@ -7875,7 +7875,7 @@ const ja = () => y`
 		color: var(--ml-color-danger);
 	}
 `;
-var Fa = [
+var qa = [
   "Jan",
   "Feb",
   "Mar",
@@ -7889,12 +7889,12 @@ var Fa = [
   "Nov",
   "Dec"
 ];
-function qa(e) {
+function Ba(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 `${Fa[r]} ${l}, ${a}`;
+  return `${qa[r]} ${l}, ${a}`;
 }
 var xt = class {
   constructor() {
@@ -7913,7 +7913,7 @@ var xt = class {
     };
   }
   get displayValue() {
-    return qa(this.value);
+    return Ba(this.value);
   }
   onCreate() {
     const t = this.getPopoverEl();
@@ -7965,8 +7965,8 @@ var xt = class {
 };
 xt = g([_({
   selector: "ml-date-picker",
-  template: Va,
-  styles: ja,
+  template: ja,
+  styles: Fa,
   attributes: [
     "value",
     "placeholder",
@@ -7980,7 +7980,7 @@ xt = g([_({
     "max"
   ]
 })], xt);
-function Ba(e) {
+function Ha(e) {
   return i`
 		<div
 			class=${v({
@@ -8008,7 +8008,7 @@ function Ba(e) {
 		</div>
 	`;
 }
-const Ha = () => y`
+const Ka = () => y`
 	:host {
 		display: block;
 	}
@@ -8140,8 +8140,8 @@ var wt = class {
 };
 wt = g([_({
   selector: "ml-alert",
-  template: Ba,
-  styles: Ha,
+  template: Ha,
+  styles: Ka,
   attributes: [
     "variant",
     "title",
@@ -8198,7 +8198,7 @@ var kt = class {
   }
 };
 kt = g([Z()], kt);
-function Ka(e) {
+function Wa(e) {
   return i`
 		<div
 			class=${v({
@@ -8222,7 +8222,7 @@ function Ka(e) {
 		</div>
 	`;
 }
-const Wa = () => y`
+const Ga = () => y`
 	:host {
 		display: block;
 	}
@@ -8335,8 +8335,8 @@ var $t = class {
 };
 $t = g([_({
   selector: "ml-toast",
-  template: Ka,
-  styles: Wa,
+  template: Wa,
+  styles: Ga,
   attributes: [
     "variant",
     "title",
@@ -8345,7 +8345,7 @@ $t = g([_({
     "dismissible"
   ]
 })], $t);
-function Ga(e) {
+function Ua(e) {
   return i`
 		<div
 			class=${v({
@@ -8357,7 +8357,7 @@ function Ga(e) {
 		</div>
 	`;
 }
-const Ua = () => y`
+const Ya = () => y`
 	:host {
 		display: block;
 	}
@@ -8426,11 +8426,11 @@ var Ct = class {
 };
 Ct = g([_({
   selector: "ml-toast-container",
-  template: Ga,
-  styles: Ua,
+  template: Ua,
+  styles: Ya,
   attributes: ["position"]
 })], Ct);
-function Ya(e) {
+function Xa(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({
@@ -8474,7 +8474,7 @@ function Ya(e) {
 		</div>
 	`;
 }
-function Xa(e) {
+function Ja(e) {
   return i`
 		<div class=${v({
     "ml-progress-circle": !0,
@@ -8517,7 +8517,7 @@ function Xa(e) {
 		</div>
 	`;
 }
-function Ja(e) {
+function Qa(e) {
   return i`
 		<div class=${v({
     "ml-progress-half": !0,
@@ -8556,10 +8556,10 @@ function Ja(e) {
 		</div>
 	`;
 }
-function Qa(e) {
-  return e.shape === "circle" ? Xa(e) : e.shape === "half-circle" ? Ja(e) : Ya(e);
+function Za(e) {
+  return e.shape === "circle" ? Ja(e) : e.shape === "half-circle" ? Qa(e) : Xa(e);
 }
-const Za = () => y`
+const eo = () => y`
 	:host {
 		display: block;
 	}
@@ -8899,8 +8899,8 @@ var St = class {
 };
 St = g([_({
   selector: "ml-progress",
-  template: Qa,
-  styles: Za,
+  template: Za,
+  styles: eo,
   attributes: [
     "value",
     "max",
@@ -8912,7 +8912,7 @@ St = g([_({
     "label-position"
   ]
 })], St);
-function eo(e) {
+function to(e) {
   return i`
 		<div
 			class=${v({
@@ -8939,7 +8939,7 @@ function eo(e) {
 		</div>
 	`;
 }
-const to = () => y`
+const ro = () => y`
 	:host {
 		display: block;
 	}
@@ -9030,15 +9030,15 @@ var Et = class {
 };
 Et = g([_({
   selector: "ml-card",
-  template: eo,
-  styles: to,
+  template: to,
+  styles: ro,
   attributes: [
     "variant",
     "hoverable",
     "clickable"
   ]
 })], Et);
-function ro(e) {
+function lo(e) {
   return i`
 		<div
 			class=${v({
@@ -9057,7 +9057,7 @@ function ro(e) {
 		</div>
 	`;
 }
-const lo = () => y`
+const ao = () => y`
 	:host {
 		display: block;
 	}
@@ -9139,18 +9139,18 @@ var Rt = class {
 };
 Rt = g([_({
   selector: "ml-divider",
-  template: ro,
-  styles: lo,
+  template: lo,
+  styles: ao,
   attributes: ["orientation"]
 })], Rt);
-function ao(e) {
+function oo(e) {
   return i`
 		<div class="ml-stack" style=${G(e.getStyles())}>
 			<slot></slot>
 		</div>
 	`;
 }
-const oo = () => y`
+const io = () => y`
 	:host {
 		display: block;
 	}
@@ -9189,8 +9189,8 @@ var Tt = class {
 };
 Tt = g([_({
   selector: "ml-stack",
-  template: ao,
-  styles: oo,
+  template: oo,
+  styles: io,
   attributes: [
     "direction",
     "gap",
@@ -9199,14 +9199,14 @@ Tt = g([_({
     "wrap"
   ]
 })], Tt);
-function io(e) {
+function so(e) {
   return i`
 		<div class="ml-container" style=${G(e.getStyles())}>
 			<slot></slot>
 		</div>
 	`;
 }
-const so = () => y`
+const no = () => y`
 	:host {
 		display: block;
 		width: 100%;
@@ -9238,15 +9238,15 @@ var zt = class {
 };
 zt = g([_({
   selector: "ml-container",
-  template: io,
-  styles: so,
+  template: so,
+  styles: no,
   attributes: [
     "size",
     "padding",
     "centered"
   ]
 })], zt);
-function no(e) {
+function co(e) {
   return i`
 		<span
 			class=${v({
@@ -9267,7 +9267,7 @@ function no(e) {
 		</span>
 	`;
 }
-const co = () => y`
+const mo = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -9368,8 +9368,8 @@ var At = class {
 };
 At = g([_({
   selector: "ml-avatar",
-  template: no,
-  styles: co,
+  template: co,
+  styles: mo,
   attributes: [
     "src",
     "alt",
@@ -9378,7 +9378,7 @@ At = g([_({
     "rounded"
   ]
 })], At);
-function mo(e) {
+function uo(e) {
   return i`
 		<span
 			class=${v({
@@ -9394,7 +9394,7 @@ function mo(e) {
 		</span>
 	`;
 }
-const uo = () => y`
+const ho = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -9486,8 +9486,8 @@ var Dt = class {
 };
 Dt = g([_({
   selector: "ml-badge",
-  template: mo,
-  styles: uo,
+  template: uo,
+  styles: ho,
   attributes: [
     "variant",
     "size",
@@ -9495,7 +9495,7 @@ Dt = g([_({
     "pill"
   ]
 })], Dt);
-function ho(e) {
+function po(e) {
   const t = e.badgePosition === "trailing";
   return i`
 		<span
@@ -9518,7 +9518,7 @@ function ho(e) {
 		</span>
 	`;
 }
-const po = () => y`
+const vo = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -9656,8 +9656,8 @@ var It = class {
 };
 It = g([_({
   selector: "ml-badge-group",
-  template: ho,
-  styles: po,
+  template: po,
+  styles: vo,
   attributes: [
     "label",
     "variant",
@@ -9667,7 +9667,7 @@ It = g([_({
     "icon"
   ]
 })], It);
-function vo(e) {
+function go(e) {
   const t = e["avatar-src"], r = e["dot-color"];
   return i`
 		<span
@@ -9718,7 +9718,7 @@ function vo(e) {
 		</span>
 	`;
 }
-const go = () => y`
+const bo = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -9929,8 +9929,8 @@ var Mt = class {
 };
 Mt = g([_({
   selector: "ml-tag",
-  template: vo,
-  styles: go,
+  template: go,
+  styles: bo,
   attributes: [
     "size",
     "dot",
@@ -9944,7 +9944,7 @@ Mt = g([_({
     "disabled"
   ]
 })], Mt);
-function bo(e) {
+function fo(e) {
   return i`
 		<div
 			class=${v({
@@ -9958,7 +9958,7 @@ function bo(e) {
 		</div>
 	`;
 }
-const fo = () => y`
+const _o = () => y`
 	:host {
 		display: block;
 	}
@@ -9993,11 +9993,11 @@ var Pt = class {
 };
 Pt = g([_({
   selector: "ml-list",
-  template: bo,
-  styles: fo,
+  template: fo,
+  styles: _o,
   attributes: ["variant", "size"]
 })], Pt);
-function _o(e) {
+function yo(e) {
   return i`
 		<div class="ml-li" role="listitem">
 			${d(e.hasLeadingSlot, () => i`
@@ -10018,7 +10018,7 @@ function _o(e) {
 		</div>
 	`;
 }
-const yo = () => y`
+const xo = () => y`
 	:host {
 		display: block;
 		padding: var(--_ml-list-padding, var(--ml-space-3) 0);
@@ -10104,8 +10104,8 @@ var Ot = class {
 };
 Ot = g([_({
   selector: "ml-list-item",
-  template: _o,
-  styles: yo,
+  template: yo,
+  styles: xo,
   attributes: [
     "primary",
     "secondary",
@@ -10113,7 +10113,7 @@ Ot = g([_({
     "interactive"
   ]
 })], Ot);
-function xo(e) {
+function wo(e) {
   return i`
 		<div
 			class=${v({
@@ -10126,7 +10126,7 @@ function xo(e) {
 		</div>
 	`;
 }
-const wo = () => y`
+const ko = () => y`
 	:host {
 		display: block;
 	}
@@ -10157,11 +10157,11 @@ var Nt = class {
 };
 Nt = g([_({
   selector: "ml-activity-feed",
-  template: xo,
-  styles: wo,
+  template: wo,
+  styles: ko,
   attributes: ["variant"]
 })], Nt);
-function ko(e) {
+function $o(e) {
   return i`
 		<article class="ml-afi">
 			<div class="ml-afi__left">
@@ -10204,7 +10204,7 @@ function ko(e) {
 		</article>
 	`;
 }
-const $o = () => y`
+const Co = () => y`
 	:host {
 		display: block;
 		padding: var(--ml-space-4) 0;
@@ -10347,8 +10347,8 @@ var Lt = class {
 };
 Lt = g([_({
   selector: "ml-activity-feed-item",
-  template: ko,
-  styles: $o,
+  template: $o,
+  styles: Co,
   attributes: [
     "name",
     "timestamp",
@@ -10360,10 +10360,10 @@ Lt = g([_({
     "indicator-color"
   ]
 })], Lt);
-function Co(e, t, r) {
+function So(e, t, r) {
   return e.render ? e.render(t[e.key], t, r) : t[e.key] ?? "";
 }
-function So(e) {
+function Eo(e) {
   return i`
 		<div class=${v({
     "ml-table": !0,
@@ -10457,7 +10457,7 @@ function So(e) {
       "ml-table__td": !0,
       [`ml-table__td--${a.align ?? "left"}`]: !0
     })}>
-											${Co(a, t, l)}
+											${So(a, t, l)}
 										</td>
 									`)}
 								</tr>
@@ -10481,7 +10481,7 @@ function So(e) {
 		</div>
 	`;
 }
-const Eo = () => y`
+const Ro = () => y`
 	:host {
 		display: block;
 	}
@@ -10724,6 +10724,10 @@ const Eo = () => y`
 		padding: var(--ml-space-2) var(--ml-space-4);
 	}
 `;
+var Fr = /* @__PURE__ */ new WeakSet(), To = EventTarget.prototype.addEventListener;
+EventTarget.prototype.addEventListener = function(e, t, r) {
+  e === "ml:row-click" && Fr.add(this), To.call(this, e, t, r);
+};
 var Vt = class {
   constructor() {
     this._rowClickable = !1, this.hasFooter = !1, this.hasHeaderActions = !1, this.selectable = !1, this.striped = !1, this.hoverable = !0, this.stickyHeader = !1, this.size = "md", this.tableTitle = "", this.description = "", this.virtual = !1, this.columns = [], this.rows = [], this.sortKey = "", this.sortDirection = "asc", this.selectedIndices = [], this.startIndex = 0, this.endIndex = 50, this._scroller = new jr(), this._viewport = null, this.isRowSelected = (t) => this.selectedIndices.includes(t), this.handleSort = (t) => {
@@ -10757,8 +10761,7 @@ var Vt = class {
     (t === "rows" || t === "columns") && this._scroller.invalidate();
   }
   onInit() {
-    const t = this.elementRef.addEventListener.bind(this.elementRef);
-    this.elementRef.addEventListener = (r, l, a) => (r === "ml:row-click" && (this._rowClickable = !0), t(r, l, a));
+    this._rowClickable = Fr.has(this.elementRef);
   }
   onCreate() {
     const t = this.elementRef.shadowRoot;
@@ -10834,8 +10837,8 @@ var Vt = class {
 };
 Vt = g([_({
   selector: "ml-table",
-  template: So,
-  styles: Eo,
+  template: Eo,
+  styles: Ro,
   attributes: [
     "selectable",
     "striped",
@@ -10847,12 +10850,12 @@ Vt = g([_({
     "virtual"
   ]
 })], Vt);
-function Ro(e, t, r) {
+function zo(e, t, r) {
   if (e.render) return e.render(t[e.key], t, r);
   const l = t[e.key];
   return l ?? "";
 }
-function To(e) {
+function Ao(e) {
   const t = e.gridTemplateColumns, r = e.totalGridWidth;
   return i`
 		<div class=${v({
@@ -10999,7 +11002,7 @@ function To(e) {
   })}
 										style=${o.pinned === "left" ? `left: ${e.getPinnedLeftOffset(o.key)}px` : ""}
 									>
-										${Ro(o, l, e.startIndex + a)}
+										${zo(o, l, e.startIndex + a)}
 									</div>
 								`)}
 							</div>
@@ -11054,7 +11057,7 @@ function To(e) {
 		</div>
 	`;
 }
-const zo = () => y`
+const Do = () => y`
 	:host {
 		display: flex;
 		flex-direction: column;
@@ -11754,8 +11757,8 @@ var jt = class {
 };
 jt = g([_({
   selector: "ml-data-grid",
-  template: To,
-  styles: zo,
+  template: Ao,
+  styles: Do,
   attributes: [
     "selectable",
     "striped",
@@ -11769,7 +11772,7 @@ jt = g([_({
     "show-filter-row"
   ]
 })], jt);
-var Ao = [
+var Io = [
   "January",
   "February",
   "March",
@@ -11795,7 +11798,7 @@ var Ao = [
   "Oct",
   "Nov",
   "Dec"
-], Fr = [
+], qr = [
   "Sunday",
   "Monday",
   "Tuesday",
@@ -11819,11 +11822,11 @@ function Ft(e) {
   const [t, r, l] = e.split("T")[0].split("-").map(Number);
   return new Date(t, r - 1, l);
 }
-function Do(e, t) {
+function Mo(e, t) {
   return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function qr(e) {
-  return Do(e, /* @__PURE__ */ new Date());
+function Br(e) {
+  return Mo(e, /* @__PURE__ */ new Date());
 }
 function K(e, t) {
   const r = new Date(e);
@@ -11833,11 +11836,11 @@ function qt(e, t) {
   const r = new Date(e);
   return r.setMonth(r.getMonth() + t), r;
 }
-function Br(e, t = 0) {
+function Hr(e, t = 0) {
   const r = new Date(e), l = (r.getDay() - t + 7) % 7;
   return r.setDate(r.getDate() - l), r;
 }
-function Io(e) {
+function Po(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));
@@ -11848,9 +11851,9 @@ function B(e) {
   return l === 0 ? `${o} ${a}` : `${o}:${String(l).padStart(2, "0")} ${a}`;
 }
 function Bt(e) {
-  return `${Ao[e.getMonth()]} ${e.getFullYear()}`;
+  return `${Io[e.getMonth()]} ${e.getFullYear()}`;
 }
-function Mo(e, t) {
+function Oo(e, t) {
   const r = Re[e.getMonth()], l = Re[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()}`;
 }
@@ -11895,8 +11898,8 @@ function Ht(e, t, r = 0) {
   }
   return c;
 }
-function Po(e, t = 0) {
-  const r = Br(e, t);
+function No(e, t = 0) {
+  const r = Hr(e, t);
   return Array.from({ length: 7 }, (l, a) => K(r, a));
 }
 function Kt(e = 0) {
@@ -11904,18 +11907,18 @@ function Kt(e = 0) {
     const l = (e + r) % 7;
     return {
       short: Oe[l],
-      full: Fr[l]
+      full: qr[l]
     };
   });
 }
 function ue(e, t) {
   return e.filter((r) => r.start.split("T")[0] === t);
 }
-function Oo(e) {
+function Lo(e) {
   return Re[e.getMonth()];
 }
-function No(e) {
-  return Fr[e.getDay()];
+function Vo(e) {
+  return qr[e.getDay()];
 }
 function M(e) {
   const t = new Date(e);
@@ -11924,7 +11927,7 @@ function M(e) {
 function Wt(e) {
   return Math.floor(e / 30) + 1;
 }
-function Hr(e) {
+function Kr(e) {
   if (e.length === 0) return [];
   const t = [...e].sort((n, c) => {
     const m = M(n.start), u = M(c.start);
@@ -11967,7 +11970,7 @@ function Hr(e) {
   }
   return s;
 }
-function Lo() {
+function jo() {
   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}` : "";
@@ -11979,29 +11982,29 @@ function Lo() {
   }
   return e;
 }
-function Vo(e, t, r) {
-  return Po(e, t).map((l) => {
+function Fo(e, t, r) {
+  return No(e, t).map((l) => {
     const a = N(l.getFullYear(), l.getMonth(), l.getDate()), o = ue(r, a).filter((s) => !s.allDay);
     return {
       date: a,
       dayLabel: Oe[l.getDay()],
       dayNumber: l.getDate(),
-      isToday: qr(l),
-      events: Hr(o)
+      isToday: Br(l),
+      events: Kr(o)
     };
   });
 }
-function jo(e, t) {
+function qo(e, t) {
   const r = N(e.getFullYear(), e.getMonth(), e.getDate()), l = ue(t, r).filter((a) => !a.allDay);
   return {
     date: r,
     dayLabel: Oe[e.getDay()],
     dayNumber: e.getDate(),
-    isToday: qr(e),
-    events: Hr(l)
+    isToday: Br(e),
+    events: Kr(l)
   };
 }
-function Fo(e, t, r) {
+function Bo(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 = N(e, t, o);
@@ -12009,12 +12012,12 @@ function Fo(e, t, r) {
   }
   return l;
 }
-var qo = {
+var Ho = {
   month: "Month view",
   week: "Week view",
   day: "Day view"
 };
-function Bo(e) {
+function Ko(e) {
   return i`
 		<div class="ml-cv__today-badge">
 			<span class="ml-cv__today-badge-month">${e.todayMonthAbbrev}</span>
@@ -12029,7 +12032,7 @@ function Bo(e) {
 		</div>
 	`;
 }
-function Ho(e) {
+function Wo(e) {
   return i`
 		${d(!e.hideNav, () => i`
 				<div class="ml-cv__nav-group">
@@ -12054,7 +12057,7 @@ function Ho(e) {
   })}
 						@click=${e.toggleViewDropdown}
 					>
-						${qo[e.view]}
+						${Ho[e.view]}
 						<ml-icon icon="caret-down" size="xs"></ml-icon>
 					</button>
 					${d(e.isViewDropdownOpen, () => i`
@@ -12102,20 +12105,20 @@ function Ho(e) {
 			`)}
 	`;
 }
-function Ko(e) {
+function Go(e) {
   return i`
 		<div class="ml-cv__header">
 			<div class="ml-cv__header-left">
-				${d(e.hasHeaderLeftSlot, () => i`<slot name="header-left"></slot>`, () => Bo(e))}
+				${d(e.hasHeaderLeftSlot, () => i`<slot name="header-left"></slot>`, () => Ko(e))}
 			</div>
 
 			<div class="ml-cv__header-right">
-				${d(e.hasHeaderActionsSlot, () => i`<slot name="header-actions"></slot>`, () => Ho(e))}
+				${d(e.hasHeaderActionsSlot, () => i`<slot name="header-actions"></slot>`, () => Wo(e))}
 			</div>
 		</div>
 	`;
 }
-function Wo(e, t) {
+function Uo(e, t) {
   const r = t.color || "blue";
   return i`
 		<div
@@ -12134,7 +12137,7 @@ function Wo(e, t) {
 		</div>
 	`;
 }
-function Go(e) {
+function Yo(e) {
   const t = e.weekdayHeaders, r = e.monthGrid, l = (/* @__PURE__ */ new Date()).getDay(), a = e.weekStartsOn;
   return i`
 		<div class="ml-cv__month">
@@ -12167,7 +12170,7 @@ function Go(e) {
     })}>${o.date}</div>
 
 							<div class="ml-cv__day-events">
-								${$(s, (c) => c.id, (c) => Wo(e, c))}
+								${$(s, (c) => c.id, (c) => Uo(e, c))}
 								${d(n > 0, () => i`
 									<button
 										type="button"
@@ -12194,7 +12197,7 @@ function Go(e) {
 		</div>
 	`;
 }
-function Uo(e, t, r) {
+function Xo(e, t, r) {
   const l = t.event.color || "blue";
   return i`
 		<div
@@ -12212,7 +12215,7 @@ function Uo(e, t, r) {
 		</div>
 	`;
 }
-function Yo(e) {
+function Jo(e) {
   const t = e.weekColumns, r = e.timeSlots;
   return i`
 		<div class="ml-cv__time-layout">
@@ -12259,13 +12262,13 @@ function Yo(e) {
 					${$(t.flatMap((l, a) => l.events.map((o) => ({
     pe: o,
     colIdx: a
-  }))), (l) => l.pe.event.id, (l) => Uo(e, l.pe, l.colIdx))}
+  }))), (l) => l.pe.event.id, (l) => Xo(e, l.pe, l.colIdx))}
 				</div>
 			</div>
 		</div>
 	`;
 }
-function Xo(e, t) {
+function Qo(e, t) {
   const r = t.event.color || "blue";
   return i`
 		<div
@@ -12283,7 +12286,7 @@ function Xo(e, t) {
 		</div>
 	`;
 }
-function Jo(e) {
+function Zo(e) {
   const t = e.miniCalendarGrid, r = e.miniCalendarWeekdays, l = e.miniCalendarDots, a = e.currentIsoDate;
   return i`
 		<div class="ml-cv__mini-cal">
@@ -12325,7 +12328,7 @@ function Jo(e) {
 		</div>
 	`;
 }
-function Qo(e) {
+function ei(e) {
   const t = e.dayEvents;
   return i`
 		<div class="ml-cv__sidebar-title">Events for ${e.dayViewDateLabel}</div>
@@ -12349,7 +12352,7 @@ function Qo(e) {
 		`)}
 	`;
 }
-function Zo(e) {
+function ti(e) {
   const t = e.dayColumn, r = e.timeSlots;
   return i`
 		<div class="ml-cv__day-layout">
@@ -12385,30 +12388,30 @@ function Zo(e) {
 							`)}
 
 							<!-- Events -->
-							${$(t.events, (l) => l.event.id, (l) => Xo(e, l))}
+							${$(t.events, (l) => l.event.id, (l) => Qo(e, l))}
 						</div>
 					</div>
 				</div>
 			</div>
 
 			<div class="ml-cv__day-sidebar">
-				${Jo(e)}
-				${Qo(e)}
+				${Zo(e)}
+				${ei(e)}
 			</div>
 		</div>
 	`;
 }
-function ei(e) {
+function ri(e) {
   return i`
 		<div class="ml-cv">
-			${Ko(e)}
-			${d(e.view === "month", () => Go(e))}
-			${d(e.view === "week", () => Yo(e))}
-			${d(e.view === "day", () => Zo(e))}
+			${Go(e)}
+			${d(e.view === "month", () => Yo(e))}
+			${d(e.view === "week", () => Jo(e))}
+			${d(e.view === "day", () => ti(e))}
 		</div>
 	`;
 }
-const ti = () => y`
+const li = () => y`
 	:host {
 		display: block;
 		font-family: var(--ml-font-sans);
@@ -13266,7 +13269,7 @@ var Gt = class {
     }
   }
   get todayMonthAbbrev() {
-    return Oo(/* @__PURE__ */ new Date());
+    return Lo(/* @__PURE__ */ new Date());
   }
   get todayDayNumber() {
     return (/* @__PURE__ */ new Date()).getDate();
@@ -13275,15 +13278,15 @@ var Gt = class {
     return Bt(this._currentDate);
   }
   get weekNumber() {
-    return Io(this._currentDate);
+    return Po(this._currentDate);
   }
   get headerSubtitle() {
     if (this.view === "month") return `Week ${this.weekNumber}`;
     if (this.view === "week") {
-      const t = Br(this._currentDate, this.weekStartsOn);
-      return Mo(t, K(t, 6));
+      const t = Hr(this._currentDate, this.weekStartsOn);
+      return Oo(t, K(t, 6));
     }
-    return No(this._currentDate);
+    return Vo(this._currentDate);
   }
   get currentIsoDate() {
     const t = this._currentDate;
@@ -13298,13 +13301,13 @@ var Gt = class {
     return r;
   }
   get weekColumns() {
-    return Vo(this._currentDate, this.weekStartsOn, this.events);
+    return Fo(this._currentDate, this.weekStartsOn, this.events);
   }
   get timeSlots() {
-    return Lo();
+    return jo();
   }
   get dayColumn() {
-    return jo(this._currentDate, this.events);
+    return qo(this._currentDate, this.events);
   }
   get dayEvents() {
     return ue(this.events, this.currentIsoDate);
@@ -13326,7 +13329,7 @@ var Gt = class {
     return Ht(this._miniCalYear, this._miniCalMonth, this.weekStartsOn);
   }
   get miniCalendarDots() {
-    return Fo(this._miniCalYear, this._miniCalMonth, this.events);
+    return Bo(this._miniCalYear, this._miniCalMonth, this.events);
   }
   setDate(t) {
     this.date = N(t.getFullYear(), t.getMonth(), t.getDate()), this._miniCalYear = t.getFullYear(), this._miniCalMonth = t.getMonth(), this.elementRef.dispatchEvent(new CustomEvent("ml:date-change", {
@@ -13338,8 +13341,8 @@ var Gt = class {
 };
 Gt = g([_({
   selector: "ml-calendar-view",
-  template: ei,
-  styles: ti,
+  template: ri,
+  styles: li,
   attributes: [
     "view",
     "date",
@@ -13352,7 +13355,7 @@ Gt = g([_({
     "hide-add-button"
   ]
 })], Gt);
-const ri = (e) => i`<i class="${e.format === "regular" ? "ph" : `ph-${e.format}`}">${e.format === "regular" ? e.icon : `${e.icon}-${e.format}`}</i>`, li = () => y`
+const ai = (e) => i`<i class="${e.format === "regular" ? "ph" : `ph-${e.format}`}">${e.format === "regular" ? e.icon : `${e.icon}-${e.format}`}</i>`, oi = () => y`
 	:host {
 		display: inline-flex;
 		align-items: center;
@@ -13387,15 +13390,15 @@ var Ut = class {
 };
 Ut = g([_({
   selector: "ml-icon",
-  template: ri,
-  styles: li,
+  template: ai,
+  styles: oi,
   attributes: [
     "icon",
     "format",
     "size"
   ]
 })], Ut);
-function ai(e) {
+function ii(e) {
   const t = e.tabs.length > 0;
   return i`
 		<div
@@ -13412,7 +13415,7 @@ function ai(e) {
 				aria-orientation=${e.orientation}
 				@keydown=${e.handleKeyDown}
 			>
-				${t ? $(e.tabs, (r) => `${r.value}-${e.value === r.value}`, (r) => oi(e, r)) : i`<slot name="tab" @slotchange=${e.handleTabSlotChange}></slot>`}
+				${t ? $(e.tabs, (r) => `${r.value}-${e.value === r.value}`, (r) => si(e, r)) : i`<slot name="tab" @slotchange=${e.handleTabSlotChange}></slot>`}
 			</div>
 
 			<div class="ml-tabs__panels">
@@ -13421,7 +13424,7 @@ function ai(e) {
 		</div>
 	`;
 }
-function oi(e, t) {
+function si(e, t) {
   const r = e.value === t.value;
   return i`
 		<button
@@ -13444,7 +13447,7 @@ function oi(e, t) {
 		</button>
 	`;
 }
-const ii = () => y`
+const ni = () => y`
 	:host {
 		display: block;
 		width: 100%;
@@ -13786,8 +13789,8 @@ var Yt = class {
 };
 Yt = g([_({
   selector: "ml-tabs",
-  template: ai,
-  styles: ii,
+  template: ii,
+  styles: ni,
   attributes: [
     "value",
     "variant",
@@ -13796,7 +13799,7 @@ Yt = g([_({
     "routed"
   ]
 })], Yt);
-function si(e) {
+function di(e) {
   return i`
 		<button
 			type="button"
@@ -13818,7 +13821,7 @@ function si(e) {
 		</button>
 	`;
 }
-const ni = () => y`
+const ci = () => y`
 	:host {
 		display: contents;
 	}
@@ -13879,8 +13882,8 @@ var Xt = class {
 };
 Xt = g([_({
   selector: "ml-tab",
-  template: si,
-  styles: ni,
+  template: di,
+  styles: ci,
   attributes: [
     "value",
     "label",
@@ -13890,14 +13893,14 @@ Xt = g([_({
     "href"
   ]
 })], Xt);
-function di(e) {
+function mi(e) {
   return i`
 		<div class="ml-tab-panel" role="tabpanel">
 			<slot></slot>
 		</div>
 	`;
 }
-const ci = () => y`
+const ui = () => y`
 	:host {
 		display: block;
 	}
@@ -13922,11 +13925,11 @@ var Jt = class {
 };
 Jt = g([_({
   selector: "ml-tab-panel",
-  template: di,
-  styles: ci,
+  template: mi,
+  styles: ui,
   attributes: ["value"]
 })], Jt);
-function mi(e) {
+function hi(e) {
   return i`
 		<nav class="ml-breadcrumb" aria-label="Breadcrumb">
 			<ol class="ml-breadcrumb__list">
@@ -13935,7 +13938,7 @@ function mi(e) {
 		</nav>
 	`;
 }
-const ui = () => y`
+const pi = () => y`
 	:host {
 		display: block;
 	}
@@ -13957,11 +13960,11 @@ var Qt = class {
 };
 Qt = g([_({
   selector: "ml-breadcrumb",
-  template: mi,
-  styles: ui,
+  template: hi,
+  styles: pi,
   attributes: ["separator"]
 })], Qt);
-function hi(e) {
+function vi(e) {
   const t = e.separator === "slash" ? "slash-forward" : "caret-right";
   return i`
 		<li
@@ -13987,7 +13990,7 @@ function hi(e) {
 		</li>
 	`;
 }
-const pi = () => y`
+const gi = () => y`
 	:host {
 		display: contents;
 	}
@@ -14055,8 +14058,8 @@ var Zt = class {
 };
 Zt = g([_({
   selector: "ml-breadcrumb-item",
-  template: hi,
-  styles: pi,
+  template: vi,
+  styles: gi,
   attributes: [
     "href",
     "icon",
@@ -14064,7 +14067,7 @@ Zt = g([_({
     "separator"
   ]
 })], Zt);
-function vi(e) {
+function bi(e) {
   return i`
 		<nav class="ml-pagination" aria-label="Pagination">
 			<button
@@ -14114,7 +14117,7 @@ function vi(e) {
 		</nav>
 	`;
 }
-const gi = () => y`
+const fi = () => y`
 	:host {
 		display: block;
 	}
@@ -14246,15 +14249,15 @@ var er = class {
 };
 er = g([_({
   selector: "ml-pagination",
-  template: vi,
-  styles: gi,
+  template: bi,
+  styles: fi,
   attributes: [
     "page",
     "total-pages",
     "siblings"
   ]
 })], er);
-function bi(e) {
+function _i(e) {
   const t = e.navigation.length > 0, r = e.footerNavigation.length > 0, l = e.collapsed;
   return i`
 		<aside
@@ -14277,7 +14280,7 @@ function bi(e) {
 			`)}
 
 			<div class="ml-sidebar__main">
-				${t ? $(e.navigation, (a, o) => `nav-group-${o}`, (a) => fi(e, a)) : i`<slot @slotchange=${e.handleDefaultSlotChange}></slot>`}
+				${t ? $(e.navigation, (a, o) => `nav-group-${o}`, (a) => yi(e, a)) : i`<slot @slotchange=${e.handleDefaultSlotChange}></slot>`}
 			</div>
 
 			<div class="ml-sidebar__footer">
@@ -14306,7 +14309,7 @@ function bi(e) {
 		</aside>
 	`;
 }
-function fi(e, t) {
+function yi(e, t) {
   const r = e.collapsed;
   return i`
 		<div class="ml-sidebar__group">
@@ -14389,7 +14392,7 @@ function Ne(e, t, r) {
 		</div>
 	`;
 }
-const _i = () => y`
+const xi = () => y`
 	:host {
 		display: block;
 		height: 100%;
@@ -14774,11 +14777,11 @@ var tr = class {
 };
 tr = g([_({
   selector: "ml-sidebar",
-  template: bi,
-  styles: _i,
+  template: _i,
+  styles: xi,
   attributes: ["variant", "active"]
 })], tr);
-function yi(e) {
+function wi(e) {
   return i`
 		<div class="ml-sidebar-group">
 			${d(!!e.label && !e.collapsed, () => i`
@@ -14790,7 +14793,7 @@ function yi(e) {
 		</div>
 	`;
 }
-const xi = () => y`
+const ki = () => y`
 	:host {
 		display: block;
 	}
@@ -14825,11 +14828,11 @@ var rr = class {
 };
 rr = g([_({
   selector: "ml-sidebar-group",
-  template: yi,
-  styles: xi,
+  template: wi,
+  styles: ki,
   attributes: ["label", "collapsed"]
 })], rr);
-function wi(e) {
+function $i(e) {
   const t = parseInt(e.level, 10) || 0, r = e.collapsed, l = i`
 		<div class="ml-sidebar-item__leading">
 			<slot name="leading">
@@ -14900,7 +14903,7 @@ function wi(e) {
 		</div>
 	`;
 }
-const ki = () => y`
+const Ci = () => y`
 	:host {
 		display: block;
 	}
@@ -15082,8 +15085,8 @@ var lr = class {
 };
 lr = g([_({
   selector: "ml-sidebar-item",
-  template: wi,
-  styles: ki,
+  template: $i,
+  styles: Ci,
   attributes: [
     "icon",
     "label",
@@ -15099,7 +15102,7 @@ lr = g([_({
     "level"
   ]
 })], lr);
-function $i(e) {
+function Si(e) {
   const t = e.steps.length > 0, r = e.compact;
   return i`
 		<div
@@ -15116,7 +15119,7 @@ function $i(e) {
 				aria-orientation=${e.orientation}
 				@keydown=${e.handleKeyDown}
 			>
-				${t ? $(e.steps, (l) => `${l.value}-${e.active === l.value}`, (l, a) => Ci(e, l, a)) : i`<slot name="step" @slotchange=${e.handleStepSlotChange}></slot>`}
+				${t ? $(e.steps, (l) => `${l.value}-${e.active === l.value}`, (l, a) => Ei(e, l, a)) : i`<slot name="step" @slotchange=${e.handleStepSlotChange}></slot>`}
 			</div>
 
 			${d(r, () => i`
@@ -15131,7 +15134,7 @@ function $i(e) {
 		</div>
 	`;
 }
-function Ci(e, t, r) {
+function Ei(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
@@ -15153,13 +15156,13 @@ function Ci(e, t, r) {
 			tabindex=${s === "current" ? "0" : "-1"}
 			@click=${() => e.handleStepClick(t.value, t.href)}
 		>
-			${d(n, () => Si(e, t))}
-			${d(!n && !c, () => Ei(e, t, r, a, o, s))}
-			${d(!n && c, () => Ri(e, s))}
+			${d(n, () => Ri(e, t))}
+			${d(!n && !c, () => Ti(e, t, r, a, o, s))}
+			${d(!n && c, () => zi(e, s))}
 		</div>
 	`;
 }
-function Si(e, t) {
+function Ri(e, t) {
   return i`
 		<div class="ml-step__bar"></div>
 		<div class="ml-step__content">
@@ -15168,12 +15171,12 @@ function Si(e, t) {
 		</div>
 	`;
 }
-function Ei(e, t, r, l, a, o) {
+function Ti(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">
-				${Ti(e, t, r, o)}
+				${Ai(e, t, r, o)}
 			</div>
 			<div class="ml-step__connector-after ${a ? "ml-step__connector--hidden" : `ml-step__connector--${e.connector}`}"></div>
 		</div>
@@ -15183,10 +15186,10 @@ function Ei(e, t, r, l, a, o) {
 		</div>
 	`;
 }
-function Ri(e, t) {
+function zi(e, t) {
   return i`<div class="ml-step__dot"></div>`;
 }
-function Ti(e, t, r, l) {
+function Ai(e, t, r, l) {
   switch (e.variant) {
     case "numbered":
       return i`
@@ -15212,7 +15215,7 @@ function Ti(e, t, r, l) {
       return i``;
   }
 }
-const zi = () => y`
+const Di = () => y`
 	:host {
 		display: block;
 		width: 100%;
@@ -15862,8 +15865,8 @@ var ar = class {
 };
 ar = g([_({
   selector: "ml-steps",
-  template: $i,
-  styles: zi,
+  template: Si,
+  styles: Di,
   attributes: [
     "active",
     "variant",
@@ -15874,7 +15877,7 @@ ar = g([_({
     "routed"
   ]
 })], ar);
-function Ai(e) {
+function Ii(e) {
   const t = e.variant === "bar", r = e.compact;
   return i`
 		<div
@@ -15895,13 +15898,13 @@ function Ai(e) {
 			tabindex=${e.status === "current" ? "0" : "-1"}
 			@click=${e.handleClick}
 		>
-			${d(t, () => Di(e))}
-			${d(!t && !r, () => Ii(e))}
-			${d(!t && r, () => Mi(e))}
+			${d(t, () => Mi(e))}
+			${d(!t && !r, () => Pi(e))}
+			${d(!t && r, () => Oi(e))}
 		</div>
 	`;
 }
-function Di(e) {
+function Mi(e) {
   return i`
 		<div class="ml-step__bar"></div>
 		<div class="ml-step__content">
@@ -15910,12 +15913,12 @@ function Di(e) {
 		</div>
 	`;
 }
-function Ii(e) {
+function Pi(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">
-				${Pi(e)}
+				${Ni(e)}
 			</div>
 			<div class="ml-step__connector-after ${e.last ? "ml-step__connector--hidden" : `ml-step__connector--${e.connector}`}"></div>
 		</div>
@@ -15925,19 +15928,19 @@ function Ii(e) {
 		</div>
 	`;
 }
-function Mi(e) {
+function Oi(e) {
   return i`
 		<div class="ml-step__dot"></div>
 	`;
 }
-function Pi(e) {
+function Ni(e) {
   switch (e.variant) {
     case "numbered":
       return or(e);
     case "circles":
-      return Oi(e);
+      return Li(e);
     case "icons":
-      return Ni(e);
+      return Vi(e);
     default:
       return or(e);
   }
@@ -15951,7 +15954,7 @@ function or(e) {
 		</div>
 	`;
 }
-function Oi(e) {
+function Li(e) {
   const t = e.status === "completed";
   return i`
 		<div class="ml-step__indicator-inner ml-step__indicator-inner--circles">
@@ -15960,14 +15963,14 @@ function Oi(e) {
 		</div>
 	`;
 }
-function Ni(e) {
+function Vi(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 Li = () => y`
+const ji = () => y`
 	:host {
 		display: contents;
 	}
@@ -16487,8 +16490,8 @@ var ir = class {
 };
 ir = g([_({
   selector: "ml-step",
-  template: Ai,
-  styles: Li,
+  template: Ii,
+  styles: ji,
   attributes: [
     "value",
     "label",
@@ -16506,14 +16509,14 @@ ir = g([_({
     "compact"
   ]
 })], ir);
-function Vi(e) {
+function Fi(e) {
   return i`
 		<div class="ml-step-panel" role="tabpanel">
 			<slot></slot>
 		</div>
 	`;
 }
-const ji = () => y`
+const qi = () => y`
 	:host {
 		display: block;
 	}
@@ -16533,11 +16536,11 @@ var sr = class {
 };
 sr = g([_({
   selector: "ml-step-panel",
-  template: Vi,
-  styles: ji,
+  template: Fi,
+  styles: qi,
   attributes: ["value"]
 })], sr);
-const Fi = () => i`<dialog class="ml-dialog">
+const Bi = () => i`<dialog class="ml-dialog">
 		<div class="ml-dialog-header">
 			<slot name="dialog-header"></slot>
 		</div>
@@ -16549,7 +16552,7 @@ const Fi = () => i`<dialog class="ml-dialog">
 		<div class="ml-dialog-footer">
 			<slot name="dialog-footer"></slot>
 		</div>
-	</dialog> `, qi = () => y`
+	</dialog> `, Hi = () => y`
 	:host {
 		display: contents;
 	}
@@ -16728,7 +16731,7 @@ const Fi = () => i`<dialog class="ml-dialog">
 		}
 	}
 `;
-var Bi = class {
+var Ki = 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);
   }
@@ -16771,7 +16774,7 @@ var Bi = class {
     this._dialogs = /* @__PURE__ */ new Map();
   }
   addDialog(t, r) {
-    const l = new Bi(t, r);
+    const l = new Ki(t, r);
     return this._dialogs.set(t, {
       dialogRef: l,
       dialogComponent: void 0
@@ -16808,7 +16811,7 @@ var Bi = class {
 Q = g([Z()], Q);
 var nr, Te = class {
   constructor() {
-    this._dialogID = Zl(), this._registered = !1;
+    this._dialogID = ea(), this._registered = !1;
   }
   registerDialog() {
     if (this._registered) return;
@@ -16831,11 +16834,11 @@ var nr, Te = class {
 g([H(Q), j("design:type", typeof (nr = typeof Q < "u" && Q) == "function" ? nr : Object)], Te.prototype, "_dialogService", void 0);
 Te = g([_({
   selector: "ml-dialog",
-  template: Fi,
-  styles: qi,
+  template: Bi,
+  styles: Hi,
   attributes: []
 })], Te);
-function Hi(e) {
+function Wi(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
@@ -16870,7 +16873,7 @@ function Hi(e) {
 		</dialog>
 	`;
 }
-const Ki = () => y`
+const Gi = () => y`
 	:host {
 		display: contents;
 	}
@@ -17094,15 +17097,15 @@ var dr = class {
 };
 dr = g([_({
   selector: "ml-drawer",
-  template: Hi,
-  styles: Ki,
+  template: Wi,
+  styles: Gi,
   attributes: [
     "side",
     "size",
     "show-close"
   ]
 })], dr);
-function Wi(e) {
+function Ui(e) {
   return i`
 		<div class="ml-dropdown">
 			<div class="ml-dropdown__trigger" @click=${e.toggle}>
@@ -17119,7 +17122,7 @@ function Wi(e) {
 		</div>
 	`;
 }
-const Gi = () => y`
+const Yi = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -17374,15 +17377,15 @@ var cr = class {
 };
 cr = g([_({
   selector: "ml-dropdown",
-  template: Wi,
-  styles: Gi,
+  template: Ui,
+  styles: Yi,
   attributes: [
     "placement",
     "offset",
     "arrow"
   ]
 })], cr);
-function Ui(e) {
+function Xi(e) {
   return i`
 		<div
 			class=${v({
@@ -17402,7 +17405,7 @@ function Ui(e) {
 		</div>
 	`;
 }
-const Yi = () => y`
+const Ji = () => y`
 	:host {
 		display: block;
 	}
@@ -17483,8 +17486,8 @@ var mr = class {
 };
 mr = g([_({
   selector: "ml-dropdown-item",
-  template: Ui,
-  styles: Yi,
+  template: Xi,
+  styles: Ji,
   attributes: [
     "value",
     "icon",
@@ -17493,10 +17496,10 @@ mr = g([_({
     "destructive"
   ]
 })], mr);
-function Xi() {
+function Qi() {
   return i`<div class="ml-dropdown-separator" role="separator"></div>`;
 }
-const Ji = () => y`
+const Zi = () => y`
 	:host {
 		display: block;
 	}
@@ -17511,10 +17514,10 @@ var ur = class {
 };
 ur = g([_({
   selector: "ml-dropdown-separator",
-  template: Xi,
-  styles: Ji
+  template: Qi,
+  styles: Zi
 })], ur);
-function Qi(e) {
+function es(e) {
   return i`
 		<div class="ml-dropdown-group" role="group">
 			${d(!!e.label, () => i`<div class="ml-dropdown-group__label">${e.label}</div>`)}
@@ -17522,7 +17525,7 @@ function Qi(e) {
 		</div>
 	`;
 }
-const Zi = () => y`
+const ts = () => y`
 	:host {
 		display: block;
 	}
@@ -17544,11 +17547,11 @@ var hr = class {
 };
 hr = g([_({
   selector: "ml-dropdown-group",
-  template: Qi,
-  styles: Zi,
+  template: es,
+  styles: ts,
   attributes: ["label"]
 })], hr);
-function es(e) {
+function rs(e) {
   return i`
 		<div class="ml-tooltip">
 			<div
@@ -17574,7 +17577,7 @@ function es(e) {
 		</div>
 	`;
 }
-const ts = () => y`
+const ls = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -17675,15 +17678,15 @@ var pr = class {
 };
 pr = g([_({
   selector: "ml-tooltip",
-  template: es,
-  styles: ts,
+  template: rs,
+  styles: ls,
   attributes: [
     "content",
     "placement",
     "delay"
   ]
 })], pr);
-function rs(e) {
+function as(e) {
   return i`
 		<div class="ml-popover">
 			<div class="ml-popover__trigger" @click=${e.toggle}>
@@ -17699,7 +17702,7 @@ function rs(e) {
 		</div>
 	`;
 }
-const ls = () => y`
+const os = () => y`
 	:host {
 		display: inline-block;
 	}
@@ -17842,8 +17845,8 @@ var vr = class {
 };
 vr = g([_({
   selector: "ml-popover",
-  template: rs,
-  styles: ls,
+  template: as,
+  styles: os,
   attributes: [
     "placement",
     "offset",
@@ -17851,7 +17854,7 @@ vr = g([_({
     "arrow"
   ]
 })], vr);
-function as(e) {
+function is(e) {
   const t = e["sidebar-position"] === "right", r = e["sidebar-collapsed"], l = e["header-fixed"], a = e.mobileOpen, o = e.mobile;
   return i`
 		<div
@@ -17906,7 +17909,7 @@ function as(e) {
 		</div>
 	`;
 }
-const os = () => y`
+const ss = () => y`
 	:host {
 		display: block;
 		height: 100%;
@@ -18114,15 +18117,15 @@ var gr = class {
 };
 gr = g([_({
   selector: "ml-app-shell",
-  template: as,
-  styles: os,
+  template: is,
+  styles: ss,
   attributes: [
     "sidebar-position",
     "sidebar-collapsed",
     "header-fixed"
   ]
 })], gr);
-function is(e) {
+function ns(e) {
   const t = e.variant === "split" || e.variant === "split-reverse";
   return i`
 		<section
@@ -18183,7 +18186,7 @@ function is(e) {
 		</section>
 	`;
 }
-const ss = () => y`
+const ds = () => y`
 	:host {
 		display: block;
 		width: 100%;
@@ -18455,8 +18458,8 @@ var br = class {
 };
 br = g([_({
   selector: "ml-hero-section",
-  template: is,
-  styles: ss,
+  template: ns,
+  styles: ds,
   attributes: [
     "variant",
     "size",
@@ -18465,7 +18468,7 @@ br = g([_({
     "description"
   ]
 })], br);
-function ns(e) {
+function cs(e) {
   const t = !!(e.title || e.hasTitleSlot), r = !!(e.description || e.hasDescriptionSlot);
   return i`
 		<header
@@ -18517,7 +18520,7 @@ function ns(e) {
 		</header>
 	`;
 }
-const ds = () => y`
+const ms = () => y`
 	:host {
 		display: block;
 	}
@@ -18713,8 +18716,8 @@ var fr = class {
 };
 fr = g([_({
   selector: "ml-page-header",
-  template: ns,
-  styles: ds,
+  template: cs,
+  styles: ms,
   attributes: [
     "variant",
     "divider",
@@ -18722,7 +18725,7 @@ fr = g([_({
     "description"
   ]
 })], fr);
-function cs(e) {
+function us(e) {
   const t = e.variant === "split", r = i`
 		<div class="ml-auth__logo">
 			<slot name="logo"></slot>
@@ -18776,7 +18779,7 @@ function cs(e) {
 		</div>
 	`;
 }
-const Kr = `
+const Wr = `
 	/* ============================================
 	   AUTH LAYOUT - SHARED STYLES
 	   ============================================ */
@@ -18948,8 +18951,8 @@ const Kr = `
 			padding: var(--ml-space-6);
 		}
 	}
-`, ms = () => y`
-	${Kr}
+`, hs = () => y`
+	${Wr}
 `;
 var _r = class {
   constructor() {
@@ -18966,15 +18969,15 @@ var _r = class {
 };
 _r = g([_({
   selector: "ml-login-page",
-  template: cs,
-  styles: ms,
+  template: us,
+  styles: hs,
   attributes: [
     "variant",
     "title",
     "description"
   ]
 })], _r);
-function us(e) {
+function ps(e) {
   const t = e.variant === "split", r = i`
 		<div class="ml-auth__logo">
 			<slot name="logo"></slot>
@@ -19028,8 +19031,8 @@ function us(e) {
 		</div>
 	`;
 }
-const hs = () => y`
-	${Kr}
+const vs = () => y`
+	${Wr}
 `;
 var yr = class {
   constructor() {
@@ -19046,15 +19049,15 @@ var yr = class {
 };
 yr = g([_({
   selector: "ml-signup-page",
-  template: us,
-  styles: hs,
+  template: ps,
+  styles: vs,
   attributes: [
     "variant",
     "title",
     "description"
   ]
 })], yr);
-function ps(e) {
+function gs(e) {
   const t = e.layout === "default" && e.hasAside;
   return i`
 		<ml-app-shell>
@@ -19097,7 +19100,7 @@ function ps(e) {
 		</ml-app-shell>
 	`;
 }
-const vs = () => y`
+const bs = () => y`
 	:host {
 		display: block;
 		height: 100%;
@@ -19209,8 +19212,8 @@ var xr = class {
 };
 xr = g([_({
   selector: "ml-dashboard-page",
-  template: ps,
-  styles: vs,
+  template: gs,
+  styles: bs,
   attributes: [
     "title",
     "description",
@@ -19218,8 +19221,8 @@ xr = g([_({
   ]
 })], xr);
 export {
-  tl as APP_CONFIG,
-  ll as AbortError,
+  rl as APP_CONFIG,
+  al as AbortError,
   Nt as ActivityFeedComponent,
   Lt as ActivityFeedItemComponent,
   wt as AlertComponent,
@@ -19237,47 +19240,47 @@ export {
   Gt as CalendarViewComponent,
   Et as CardComponent,
   ct as CheckboxComponent,
-  Qr as ComponentBase,
-  Ns as ComponentStateBaseService,
+  Zr as ComponentBase,
+  Vs as ComponentStateBaseService,
   zt as ContainerComponent,
   xr as DashboardPageComponent,
   xt as DatePickerComponent,
   Te as DialogComponent,
-  Bi as DialogRef,
+  Ki as DialogRef,
   Q as DialogService,
-  qs as Directive,
+  Hs as Directive,
   Rt as DividerComponent,
   dr as DrawerComponent,
   cr as DropdownComponent,
   hr as DropdownGroupComponent,
   mr as DropdownItemComponent,
   ur as DropdownSeparatorComponent,
-  pl as EffectsBase,
+  vl as EffectsBase,
   Pr as FORM_CONTROL_MARKER,
-  El as FORM_GROUP_MARKER,
-  Sl as FormControl,
+  Rl as FORM_GROUP_MARKER,
+  El as FormControl,
   ft as FormFieldComponent,
-  Rl as FormGroup,
+  Tl as FormGroup,
   br as HeroSectionComponent,
   Ae as HttpBaseError,
   Be as HttpClient,
   qe as HttpError,
   Ut as IconComponent,
-  gs as Inject,
+  fs as Inject,
   Z as Injectable,
-  Wr as InjectionEngine,
+  Gr as InjectionEngine,
   L as Injector,
   nt as InputComponent,
   Pt as ListComponent,
   Ot as ListItemComponent,
   _r as LoginPageComponent,
   _ as MelodicComponent,
-  rl as NetworkError,
+  ll as NetworkError,
   fr as PageHeaderComponent,
   er as PaginationComponent,
   vr as PopoverComponent,
   St as ProgressComponent,
-  ol as ROUTE_CONTEXT_EVENT,
+  il as ROUTE_CONTEXT_EVENT,
   Ce as RX_ACTION_PROVIDERS,
   Se as RX_EFFECTS_PROVIDERS,
   $e as RX_INIT_STATE,
@@ -19286,7 +19289,7 @@ export {
   ht as RadioCardGroupComponent,
   mt as RadioComponent,
   ut as RadioGroupComponent,
-  $s as RouteContextEvent,
+  Ss as RouteContextEvent,
   xe as RouteContextService,
   _e as RouteMatcher,
   ke as RouterLinkComponent,
@@ -19312,181 +19315,181 @@ export {
   Vt as TableComponent,
   Yt as TabsComponent,
   Mt as TagComponent,
-  ul as TemplateResult,
+  hl as TemplateResult,
   dt as TextareaComponent,
   $t as ToastComponent,
   Ct as ToastContainerComponent,
   kt as ToastService,
   vt as ToggleComponent,
   pr as TooltipComponent,
-  Ks as Validators,
+  Gs as Validators,
   jr as VirtualScroller,
-  $o as activityFeedItemStyles,
-  ko as activityFeedItemTemplate,
-  wo as activityFeedStyles,
-  xo as activityFeedTemplate,
-  jl as allTokens,
-  dn as announce,
-  os as appShellStyles,
-  as as appShellTemplate,
-  Yr as applyGlobalStyles,
-  Hl as applyTheme,
+  Co as activityFeedItemStyles,
+  $o as activityFeedItemTemplate,
+  ko as activityFeedStyles,
+  wo as activityFeedTemplate,
+  Fl as allTokens,
+  mn as announce,
+  ss as appShellStyles,
+  is as appShellTemplate,
+  Xr as applyGlobalStyles,
+  Kl as applyTheme,
   Nr as arrow,
   Me as autoUpdate,
-  Js as baseThemeCss,
-  bs as bootstrap,
-  Nl as borderTokens,
-  pi as breadcrumbItemStyles,
-  hi as breadcrumbItemTemplate,
-  ui as breadcrumbStyles,
-  mi as breadcrumbTemplate,
-  Vl as breakpointTokens,
-  Us as breakpoints,
-  sl as buildPathFromRoute,
-  ti as calendarViewStyles,
-  ei as calendarViewTemplate,
+  Zs as baseThemeCss,
+  _s as bootstrap,
+  Ll as borderTokens,
+  gi as breadcrumbItemStyles,
+  vi as breadcrumbItemTemplate,
+  pi as breadcrumbStyles,
+  hi as breadcrumbTemplate,
+  jl as breakpointTokens,
+  Xs as breakpoints,
+  nl as buildPathFromRoute,
+  li as calendarViewStyles,
+  ri as calendarViewTemplate,
   v as classMap,
-  pn as clickOutside,
-  Il as colorTokens,
-  hn as componentBaseStyles,
+  gn as clickOutside,
+  Ml as colorTokens,
+  vn as componentBaseStyles,
   te as computePosition,
   z as computed,
-  so as containerStyles,
-  io as containerTemplate,
-  Is as createAction,
-  Gs as createAsyncValidator,
-  rn as createBrandTheme,
-  ws as createDeactivateGuard,
-  Jl as createFocusTrap,
-  Bs as createFormControl,
-  Hs as createFormGroup,
-  xs as createGuard,
-  cn as createLiveRegion,
-  Ms as createReducer,
-  ks as createResolver,
-  Ps as createState,
+  no as containerStyles,
+  so as containerTemplate,
+  Ps as createAction,
+  Ys as createAsyncValidator,
+  an as createBrandTheme,
+  $s as createDeactivateGuard,
+  Ql as createFocusTrap,
+  Ks as createFormControl,
+  Ws as createFormGroup,
+  ks as createGuard,
+  un as createLiveRegion,
+  Os as createReducer,
+  Cs as createResolver,
+  Ns as createState,
   Or as createTheme,
   ee as createToken,
-  Ws as createValidator,
+  Us as createValidator,
   y as css,
   et as darkTheme,
-  Xs as darkThemeCss,
-  vs as dashboardPageStyles,
-  ps as dashboardPageTemplate,
-  fs as defineConfig,
+  Qs as darkThemeCss,
+  bs as dashboardPageStyles,
+  gs as dashboardPageTemplate,
+  ys as defineConfig,
   U as directive,
-  Ki as drawerStyles,
-  Hi as drawerTemplate,
-  Zi as dropdownGroupStyles,
-  Qi as dropdownGroupTemplate,
-  Yi as dropdownItemStyles,
-  Ui as dropdownItemTemplate,
-  Ji as dropdownSeparatorStyles,
-  Xi as dropdownSeparatorTemplate,
-  Gi as dropdownStyles,
-  Wi as dropdownTemplate,
-  el as environment,
-  il as findRouteByName,
+  Gi as drawerStyles,
+  Wi as drawerTemplate,
+  ts as dropdownGroupStyles,
+  es as dropdownGroupTemplate,
+  Ji as dropdownItemStyles,
+  Xi as dropdownItemTemplate,
+  Zi as dropdownSeparatorStyles,
+  Qi as dropdownSeparatorTemplate,
+  Yi as dropdownStyles,
+  Ui as dropdownTemplate,
+  tl as environment,
+  sl as findRouteByName,
   le as flip,
-  ln as focusFirst,
-  an as focusLast,
-  on as focusTrap,
-  nn as focusVisible,
-  Al as formControlDirective,
-  Ma as formFieldStyles,
-  Ia as formFieldTemplate,
+  on as focusFirst,
+  sn as focusLast,
+  nn as focusTrap,
+  cn as focusVisible,
+  Dl as formControlDirective,
+  Pa as formFieldStyles,
+  Ma as formFieldTemplate,
   Ar as getActiveEffect,
-  cl as getAttributeDirective,
-  Zr as getEnvironment,
+  ml as getAttributeDirective,
+  el as getEnvironment,
   Lr as getFirstFocusable,
   Pe as getFocusableElements,
-  Xl as getLastFocusable,
-  Ts as getRegisteredDirectives,
-  Bl as getResolvedTheme,
-  Qs as getTheme,
+  Jl as getLastFocusable,
+  As as getRegisteredDirectives,
+  Hl as getResolvedTheme,
+  en as getTheme,
   O as getTokenKey,
-  Es as hasAttributeDirective,
-  ss as heroSectionStyles,
-  is as heroSectionTemplate,
+  Ts as hasAttributeDirective,
+  ds as heroSectionStyles,
+  ns as heroSectionTemplate,
   i as html,
-  tn as injectTheme,
+  ln as injectTheme,
   oe as isDirective,
-  sn as isFocusVisible,
-  Gr as isSignal,
-  ql as lightTheme,
-  Ys as lightThemeCss,
-  yo as listItemStyles,
-  _o as listItemTemplate,
-  fo as listStyles,
-  bo as listTemplate,
-  ms as loginPageStyles,
-  cs as loginPageTemplate,
+  dn as isFocusVisible,
+  Ur as isSignal,
+  Bl as lightTheme,
+  Js as lightThemeCss,
+  xo as listItemStyles,
+  yo as listItemTemplate,
+  _o as listStyles,
+  fo as listTemplate,
+  hs as loginPageStyles,
+  us as loginPageTemplate,
   ye as matchRouteTree,
-  Zl as newID,
+  ea as newID,
   re as offset,
-  Os as onAction,
-  Zs as onThemeChange,
-  ds as pageHeaderStyles,
-  ns as pageHeaderTemplate,
-  gi as paginationStyles,
-  vi as paginationTemplate,
-  Cl as portalDirective,
-  Dl as primitiveColors,
-  Za as progressStyles,
-  Qa as progressTemplate,
-  Ds as props,
-  _s as provideConfig,
-  ys as provideHttp,
-  Vs as provideRX,
+  Ls as onAction,
+  tn as onThemeChange,
+  ms as pageHeaderStyles,
+  cs as pageHeaderTemplate,
+  fi as paginationStyles,
+  bi as paginationTemplate,
+  Sl as portalDirective,
+  Il as primitiveColors,
+  eo as progressStyles,
+  Za as progressTemplate,
+  Ms as props,
+  xs as provideConfig,
+  ws as provideHttp,
+  Fs as provideRX,
   he as registerAttributeDirective,
   Le as render,
   $ as repeat,
-  js as repeatRaw,
-  mn as resetStyles,
-  hl as routerLinkDirective,
-  za as selectStyles,
-  Sa as selectTemplate,
+  qs as repeatRaw,
+  hn as resetStyles,
+  pl as routerLinkDirective,
+  Aa as selectStyles,
+  Ea as selectTemplate,
   Ye as setActiveEffect,
-  Ol as shadowTokens,
+  Nl as shadowTokens,
   ae as shift,
-  xi as sidebarGroupStyles,
-  yi as sidebarGroupTemplate,
-  ki as sidebarItemStyles,
-  wi as sidebarItemTemplate,
-  _i as sidebarStyles,
-  bi as sidebarTemplate,
+  ki as sidebarGroupStyles,
+  wi as sidebarGroupTemplate,
+  Ci as sidebarItemStyles,
+  $i as sidebarItemTemplate,
+  xi as sidebarStyles,
+  _i as sidebarTemplate,
   P as signal,
-  hs as signupPageStyles,
-  us as signupPageTemplate,
-  Da as sliderStyles,
-  Aa as sliderTemplate,
-  Ml as spacingTokens,
-  ji as stepPanelStyles,
-  Vi as stepPanelTemplate,
-  Li as stepStyles,
-  Ai as stepTemplate,
-  zi as stepsStyles,
-  $i as stepsTemplate,
+  vs as signupPageStyles,
+  ps as signupPageTemplate,
+  Ia as sliderStyles,
+  Da as sliderTemplate,
+  Pl as spacingTokens,
+  qi as stepPanelStyles,
+  Fi as stepPanelTemplate,
+  ji as stepStyles,
+  Ii as stepTemplate,
+  Di as stepsStyles,
+  Si as stepsTemplate,
   G as styleMap,
-  ci as tabPanelStyles,
-  di as tabPanelTemplate,
-  ni as tabStyles,
-  si as tabTemplate,
-  Eo as tableStyles,
-  So as tableTemplate,
-  ii as tabsStyles,
-  ai as tabsTemplate,
-  Ua as toastContainerStyles,
-  Ga as toastContainerTemplate,
-  Wa as toastStyles,
-  Ka as toastTemplate,
-  en as toggleTheme,
-  Fl as tokensToCss,
-  ta as tooltipDirective,
-  Ll as transitionTokens,
-  Pl as typographyTokens,
-  Rs as unregisterAttributeDirective,
-  Fs as unsafeHTML,
-  un as visuallyHiddenStyles,
+  ui as tabPanelStyles,
+  mi as tabPanelTemplate,
+  ci as tabStyles,
+  di as tabTemplate,
+  Ro as tableStyles,
+  Eo as tableTemplate,
+  ni as tabsStyles,
+  ii as tabsTemplate,
+  Ya as toastContainerStyles,
+  Ua as toastContainerTemplate,
+  Ga as toastStyles,
+  Wa as toastTemplate,
+  rn as toggleTheme,
+  ql as tokensToCss,
+  ra as tooltipDirective,
+  Vl as transitionTokens,
+  Ol as typographyTokens,
+  zs as unregisterAttributeDirective,
+  Bs as unsafeHTML,
+  pn as visuallyHiddenStyles,
   d as when
 };