@keenmate/web-multiselect 2.0.0-rc06 → 2.0.0-rc08

package/dist/multiselect.js

@@ -1,10 +1,10 @@
-var lo = Object.defineProperty;
-var ts = (s) => {
+var co = Object.defineProperty;
+var ss = (s) => {
   throw TypeError(s);
 };
-var co = (s, e, t) => e in s ? lo(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var m = (s, e, t) => co(s, typeof e != "symbol" ? e + "" : e, t), Tt = (s, e, t) => e.has(s) || ts("Cannot " + t);
-var p = (s, e, t) => (Tt(s, e, "read from private field"), t ? t.call(s) : e.get(s)), E = (s, e, t) => e.has(s) ? ts("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), D = (s, e, t, o) => (Tt(s, e, "write to private field"), o ? o.call(s, t) : e.set(s, t), t), x = (s, e, t) => (Tt(s, e, "access private method"), t);
+var ho = (s, e, t) => e in s ? co(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var u = (s, e, t) => ho(s, typeof e != "symbol" ? e + "" : e, t), Tt = (s, e, t) => e.has(s) || ss("Cannot " + t);
+var p = (s, e, t) => (Tt(s, e, "read from private field"), t ? t.call(s) : e.get(s)), E = (s, e, t) => e.has(s) ? ss("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), V = (s, e, t, o) => (Tt(s, e, "write to private field"), o ? o.call(s, t) : e.set(s, t), t), x = (s, e, t) => (Tt(s, e, "access private method"), t);
 function F(s, e = {}) {
   const t = new Set(s), o = e.shouldNullOnInvalid ? null : e.default ?? null;
   return {
@@ -54,11 +54,11 @@ function A(s = {}) {
     }
   };
 }
-const ho = /* @__PURE__ */ new Set(["", "true", "1", "yes", "on"]), uo = /* @__PURE__ */ new Set(["false", "0", "no", "off"]);
+const uo = /* @__PURE__ */ new Set(["", "true", "1", "yes", "on"]), mo = /* @__PURE__ */ new Set(["false", "0", "no", "off"]);
 function B(s = "presence") {
   const e = (t) => {
     const o = t.trim().toLowerCase();
-    return ho.has(o) ? !0 : uo.has(o) ? !1 : null;
+    return uo.has(o) ? !0 : mo.has(o) ? !1 : null;
   };
   return {
     fromAttribute(t) {
@@ -81,7 +81,7 @@ function B(s = "presence") {
     }
   };
 }
-function mo(s = {}) {
+function po(s = {}) {
   const e = s.default;
   return {
     fromAttribute(t) {
@@ -101,7 +101,7 @@ function mo(s = {}) {
     }
   };
 }
-function po(s = {}) {
+function fo(s = {}) {
   const e = s.default ?? [], t = (o) => Array.isArray(o) && (!s.validateItem || o.every(s.validateItem));
   return {
     fromAttribute(o) {
@@ -121,22 +121,22 @@ function po(s = {}) {
     }
   };
 }
-function fo() {
+function go() {
   return {
     validate(s) {
       return s == null || typeof s == "function";
     }
   };
 }
-function go(s, e, t) {
+function bo(s, e, t) {
   const o = s.converter, i = o != null && o.fromAttribute ? o.fromAttribute(e, t, s.attribute ?? s.configKey) : e ?? s.default;
   return { configKey: s.configKey, field: s.field, value: i, on: s.on ?? "update" };
 }
-function bo(s, e) {
+function vo(s, e) {
   const t = s.converter;
   return t != null && t.validate && !t.validate(e) ? null : { configKey: s.configKey, field: s.field, value: e, on: s.on ?? "update" };
 }
-function vo() {
+function yo() {
   const s = /* @__PURE__ */ new Set();
   let e = !1;
   const t = () => {
@@ -164,7 +164,7 @@ function vo() {
     }
   };
 }
-const Ps = {
+const Ms = {
   pointer: "fine",
   hasCoarsePointer: !1,
   canHover: !0,
@@ -176,27 +176,27 @@ const Ps = {
   os: "unknown",
   isApple: !1,
   isAndroid: !1
-}, yo = { mobile: 640, tablet: 1024, desktop: 1 / 0 };
-let Ot = wo(yo);
+}, wo = { mobile: 640, tablet: 1024, desktop: 1 / 0 };
+let It = xo(wo);
 const Fe = /* @__PURE__ */ new Set();
 let Ce = null, ht = [], lt = !1;
-function wo(s) {
+function xo(s) {
   return Object.entries(s).sort((e, t) => e[1] - t[1]);
 }
-function xo(s) {
-  for (const [t, o] of Ot)
+function _o(s) {
+  for (const [t, o] of It)
     if (s <= o)
       return t;
-  const e = Ot[Ot.length - 1];
+  const e = It[It.length - 1];
   return e ? e[0] : "desktop";
 }
-function Gt() {
+function Xt() {
   return typeof window < "u" && typeof window.matchMedia == "function";
 }
-function ss() {
+function os() {
   return typeof navigator < "u" && (navigator.maxTouchPoints ?? 0) > 1;
 }
-function _o() {
+function ko() {
   var o;
   if (typeof navigator > "u")
     return "unknown";
@@ -207,26 +207,26 @@ function _o() {
     if (e.includes("ios"))
       return "ios";
     if (e.includes("mac"))
-      return ss() ? "ios" : "macos";
+      return os() ? "ios" : "macos";
     if (e.includes("windows"))
       return "windows";
     if (e.includes("linux"))
       return "linux";
   }
   const t = navigator.userAgent ?? "";
-  return /android/i.test(t) ? "android" : /iphone|ipod|ipad/i.test(t) ? "ios" : /macintosh|mac os x/i.test(t) ? ss() ? "ios" : "macos" : /windows/i.test(t) ? "windows" : /linux/i.test(t) ? "linux" : "unknown";
+  return /android/i.test(t) ? "android" : /iphone|ipod|ipad/i.test(t) ? "ios" : /macintosh|mac os x/i.test(t) ? os() ? "ios" : "macos" : /windows/i.test(t) ? "windows" : /linux/i.test(t) ? "linux" : "unknown";
 }
-let ko;
-function Co() {
-  return ko ?? (ko = _o());
+let Co;
+function So() {
+  return Co ?? (Co = ko());
 }
 function Re(s) {
-  return Gt() && window.matchMedia(s).matches;
+  return Xt() && window.matchMedia(s).matches;
 }
-function Xt() {
-  if (!Gt())
-    return { ...Ps };
-  const s = Re("(any-pointer: coarse)"), e = Re("(pointer: coarse)"), t = Re("(pointer: fine)"), o = Re("(hover: hover)"), i = e ? "coarse" : t ? "fine" : "none", r = window.innerWidth, n = window.innerHeight, a = Co();
+function qt() {
+  if (!Xt())
+    return { ...Ms };
+  const s = Re("(any-pointer: coarse)"), e = Re("(pointer: coarse)"), t = Re("(pointer: fine)"), o = Re("(hover: hover)"), i = e ? "coarse" : t ? "fine" : "none", r = window.innerWidth, n = window.innerHeight, a = So();
   return {
     pointer: i,
     hasCoarsePointer: s,
@@ -235,42 +235,42 @@ function Xt() {
     orientation: Re("(orientation: portrait)") ? "portrait" : "landscape",
     viewportWidth: r,
     viewportHeight: n,
-    breakpoint: xo(r),
+    breakpoint: _o(r),
     os: a,
     isApple: a === "ios" || a === "macos",
     isAndroid: a === "android"
   };
 }
-function So(s, e) {
+function To(s, e) {
   return s.pointer === e.pointer && s.hasCoarsePointer === e.hasCoarsePointer && s.canHover === e.canHover && s.isTouchPrimary === e.isTouchPrimary && s.orientation === e.orientation && s.viewportWidth === e.viewportWidth && s.viewportHeight === e.viewportHeight && s.breakpoint === e.breakpoint;
 }
-function Et() {
-  const s = Xt();
-  if (!(Ce && So(Ce, s))) {
+function At() {
+  const s = qt();
+  if (!(Ce && To(Ce, s))) {
     Ce = s;
     for (const e of [...Fe])
       e(s);
   }
 }
-const ut = () => Et(), Ms = () => {
+const ut = () => At(), Ls = () => {
   if (typeof requestAnimationFrame == "function") {
     if (lt)
       return;
     lt = !0, requestAnimationFrame(() => {
-      lt = !1, Et();
+      lt = !1, At();
     });
   } else
-    Et();
+    At();
 };
-function To(s) {
+function Io(s) {
   typeof s.addEventListener == "function" ? s.addEventListener("change", ut) : typeof s.addListener == "function" && s.addListener(ut);
 }
 function Oo(s) {
   typeof s.removeEventListener == "function" ? s.removeEventListener("change", ut) : typeof s.removeListener == "function" && s.removeListener(ut);
 }
-function Io() {
-  if (!Gt()) {
-    Ce = { ...Ps };
+function Po() {
+  if (!Xt()) {
+    Ce = { ...Ms };
     return;
   }
   ht = [
@@ -281,49 +281,49 @@ function Io() {
     window.matchMedia("(orientation: portrait)")
   ];
   for (const s of ht)
-    To(s);
-  typeof window.addEventListener == "function" && window.addEventListener("resize", Ms), Ce = Xt();
+    Io(s);
+  typeof window.addEventListener == "function" && window.addEventListener("resize", Ls), Ce = qt();
 }
-function Po() {
+function Mo() {
   for (const s of ht)
     Oo(s);
-  ht = [], typeof window < "u" && typeof window.removeEventListener == "function" && window.removeEventListener("resize", Ms), lt = !1, Ce = null;
+  ht = [], typeof window < "u" && typeof window.removeEventListener == "function" && window.removeEventListener("resize", Ls), lt = !1, Ce = null;
 }
-function At() {
-  return Ce ?? Xt();
+function zt() {
+  return Ce ?? qt();
 }
-function Mo(s, e = {}) {
+function Lo(s, e = {}) {
   const t = Fe.size === 0;
-  Fe.add(s), t && Io(), e.immediate !== !1 && s(At());
+  Fe.add(s), t && Po(), e.immediate !== !1 && s(zt());
   let o = !0;
   return () => {
-    o && (o = !1, Fe.delete(s), Fe.size === 0 && Po());
+    o && (o = !1, Fe.delete(s), Fe.size === 0 && Mo());
   };
 }
-const Lo = 600;
-function Eo(s) {
-  return s.isTouchPrimary ? Math.min(s.viewportWidth, s.viewportHeight) < Lo ? "mobile" : "tablet" : "desktop";
+const Eo = 600;
+function Ao(s) {
+  return s.isTouchPrimary ? Math.min(s.viewportWidth, s.viewportHeight) < Eo ? "mobile" : "tablet" : "desktop";
 }
 const mt = /* @__PURE__ */ new Map();
-function Ao(s, e) {
+function zo(s, e) {
   let t = mt.get(s);
   t || mt.set(s, t = /* @__PURE__ */ new Set()), t.add(e);
 }
-function zo(s, e) {
+function No(s, e) {
   var t;
   (t = mt.get(s)) == null || t.delete(e);
 }
-function Do(s) {
+function Vo(s) {
   return Array.from(mt.get(s) ?? []);
 }
-const Ls = /* @__PURE__ */ new Map();
-function $o(s, e) {
-  Ls.set(s.toLowerCase(), e);
+const Es = /* @__PURE__ */ new Map();
+function Do(s, e) {
+  Es.set(s.toLowerCase(), e);
 }
-function Vo(s) {
-  return Ls.get(s.toLowerCase());
+function $o(s) {
+  return Es.get(s.toLowerCase());
 }
-function No(s, e, t, o = {}) {
+function Ro(s, e, t, o = {}) {
   return s.dispatchEvent(new CustomEvent(e, {
     detail: t,
     bubbles: o.bubbles ?? !0,
@@ -331,29 +331,29 @@ function No(s, e, t, o = {}) {
     cancelable: o.cancelable ?? !1
   }));
 }
-function Ro(s) {
-  return s.split(/[-_]/).filter(Boolean).map((e) => e[0].toUpperCase() + e.slice(1)).join("");
-}
 function Ho(s) {
-  return `on${Ro(s)}`;
+  return s.split(/[-_]/).filter(Boolean).map((e) => e[0].toUpperCase() + e.slice(1)).join("");
 }
 function Bo(s) {
+  return `on${Ho(s)}`;
+}
+function Ko(s) {
   return s ? s.map((e) => {
-    const t = typeof e == "string" ? { name: e } : e, o = t.property === !1 ? null : t.property ?? Ho(t.name);
+    const t = typeof e == "string" ? { name: e } : e, o = t.property === !1 ? null : t.property ?? Bo(t.name);
     return { name: t.name, property: o, bubbles: t.bubbles, composed: t.composed, cancelable: t.cancelable };
   }) : [];
 }
-const Ko = typeof HTMLElement < "u" ? HTMLElement : class {
-}, os = /* @__PURE__ */ new WeakSet();
-let Fo = 0;
-const Wo = { trace() {
+const Fo = typeof HTMLElement < "u" ? HTMLElement : class {
+}, is = /* @__PURE__ */ new WeakSet();
+let Wo = 0;
+const jo = { trace() {
 }, debug() {
 }, info() {
 }, warn() {
 }, error() {
-} }, jo = new Proxy({}, { get: () => Wo });
-var he, Je, ve, Qe, ye, Ze, yt, we, ue, xe, _e, Pe, Me, Le, Ee, wt, se, Ae, T, Es, As, zs, Y, Ds, $s, Dt, $t, We, Vt, Vs;
-const Xe = class Xe extends Ko {
+} }, Uo = new Proxy({}, { get: () => jo });
+var he, Je, ve, Qe, ye, Ze, yt, we, ue, xe, _e, Pe, Me, Le, Ee, wt, se, Ae, T, As, zs, Ns, Y, Vs, Ds, Vt, Dt, We, $t, $s;
+const Xe = class Xe extends Fo {
   constructor() {
     super();
     E(this, T);
@@ -363,8 +363,8 @@ const Xe = class Xe extends Ko {
     E(this, Qe, /* @__PURE__ */ new Map());
     /** Live handler currently bound via each managed `on<Name>` property, keyed by event name. */
     E(this, ye, /* @__PURE__ */ new Map());
-    E(this, Ze, vo());
-    E(this, yt, () => x(this, T, Vt).call(this));
+    E(this, Ze, yo());
+    E(this, yt, () => x(this, T, $t).call(this));
     E(this, we, null);
     E(this, ue, !1);
     E(this, xe, []);
@@ -386,13 +386,13 @@ const Xe = class Xe extends Ko {
     E(this, wt);
     E(this, se);
     E(this, Ae);
-    const t = this.constructor, o = t.inputs ?? [], i = Bo(t.events);
-    x(this, T, zs).call(this, o, i);
+    const t = this.constructor, o = t.inputs ?? [], i = Ko(t.events);
+    x(this, T, Ns).call(this, o, i);
     for (const r of o)
       p(this, Je).set(r.configKey, r), r.attribute && p(this, ve).set(r.attribute, r);
     for (const r of i)
       p(this, Qe).set(r.name, r);
-    x(this, T, Es).call(this, o), x(this, T, Ds).call(this, o), x(this, T, $s).call(this, i);
+    x(this, T, As).call(this, o), x(this, T, Vs).call(this, o), x(this, T, Ds).call(this, i);
   }
   static get observedAttributes() {
     const t = (this.inputs ?? []).filter((o) => o.attribute).map((o) => o.attribute);
@@ -412,25 +412,25 @@ const Xe = class Xe extends Ko {
       return;
     let n;
     try {
-      n = go(r, i, this);
+      n = bo(r, i, this);
     } catch (l) {
-      x(this, T, Y).call(this, `converter for "${r.configKey}" threw parsing attribute ${t}="${i}"; using default`, l), n = x(this, T, As).call(this, r);
+      x(this, T, Y).call(this, `converter for "${r.configKey}" threw parsing attribute ${t}="${i}"; using default`, l), n = x(this, T, zs).call(this, r);
     }
-    x(this, T, $t).call(this, n);
+    x(this, T, Dt).call(this, n);
   }
   connectedCallback() {
-    Ao(this.localName, this), p(this, _e) || (D(this, _e, !0), D(this, Pe, null), D(this, ue, !0)), x(this, T, We).call(this), this.connect(), this.environmentChanged !== Xe.prototype.environmentChanged && D(this, Le, Mo((t) => this.environmentChanged(t)));
+    zo(this.localName, this), p(this, _e) || (V(this, _e, !0), V(this, Pe, null), V(this, ue, !0)), x(this, T, We).call(this), this.connect(), this.environmentChanged !== Xe.prototype.environmentChanged && V(this, Le, Lo((t) => this.environmentChanged(t)));
   }
   disconnectedCallback() {
     var t;
-    zo(this.localName, this), (t = p(this, Le)) == null || t.call(this), D(this, Le, void 0), this.disconnect();
+    No(this.localName, this), (t = p(this, Le)) == null || t.call(this), V(this, Le, void 0), this.disconnect();
   }
   // ── public batching API ─────────────────────────────────────────────────
   /** Apply many inputs (by `configKey` or attribute name) as ONE reinit/update. */
   setAttributes(t) {
     for (const [o, i] of Object.entries(t)) {
       const r = p(this, Je).get(o) ?? p(this, ve).get(o);
-      r && x(this, T, Dt).call(this, r, i);
+      r && x(this, T, Vt).call(this, r, i);
     }
     x(this, T, We).call(this);
   }
@@ -490,11 +490,11 @@ const Xe = class Xe extends Ko {
   get log() {
     if (p(this, Ae))
       return p(this, Ae);
-    const t = Vo(this.localName);
+    const t = $o(this.localName);
     if (!t)
-      return jo;
-    const o = p(this, wt) ?? D(this, wt, `${this.localName}#${this.id || ++Fo}`);
-    return D(this, Ae, t.forInstance(o, () => p(this, se)));
+      return Uo;
+    const o = p(this, wt) ?? V(this, wt, `${this.localName}#${this.id || ++Wo}`);
+    return V(this, Ae, t.forInstance(o, () => p(this, se)));
   }
   /**
    * Turn on verbose logging for THIS element only (default `debug`), independent
@@ -502,11 +502,11 @@ const Xe = class Xe extends Ko {
    * picks one instance. Pairs with {@link disableLogging}.
    */
   enableLogging(t = "debug") {
-    D(this, se, t);
+    V(this, se, t);
   }
   /** Clear this element's logging override (falls back to the type-level level). */
   disableLogging() {
-    D(this, se, void 0);
+    V(this, se, void 0);
   }
   /** Whether this element has an active logging override (not unset/`silent`). */
   get isLoggingEnabled() {
@@ -596,7 +596,7 @@ const Xe = class Xe extends Ko {
     if (typeof this.attachInternals != "function")
       return null;
     try {
-      return D(this, Ee, this.attachInternals());
+      return V(this, Ee, this.attachInternals());
     } catch {
       return null;
     }
@@ -627,7 +627,7 @@ const Xe = class Xe extends Ko {
    */
   emit(t, o, i) {
     const r = p(this, Qe).get(t);
-    return No(this, t, o, {
+    return Ro(this, t, o, {
       bubbles: (i == null ? void 0 : i.bubbles) ?? (r == null ? void 0 : r.bubbles),
       composed: (i == null ? void 0 : i.composed) ?? (r == null ? void 0 : r.composed),
       cancelable: (i == null ? void 0 : i.cancelable) ?? (r == null ? void 0 : r.cancelable)
@@ -666,7 +666,7 @@ const Xe = class Xe extends Ko {
   }
 };
 he = new WeakMap(), Je = new WeakMap(), ve = new WeakMap(), Qe = new WeakMap(), ye = new WeakMap(), Ze = new WeakMap(), yt = new WeakMap(), we = new WeakMap(), ue = new WeakMap(), xe = new WeakMap(), _e = new WeakMap(), Pe = new WeakMap(), Me = new WeakMap(), Le = new WeakMap(), Ee = new WeakMap(), wt = new WeakMap(), se = new WeakMap(), Ae = new WeakMap(), T = new WeakSet(), // ── internals ─────────────────────────────────────────────────────────────
-Es = function(t) {
+As = function(t) {
   var o;
   for (const i of t) {
     let r = i.default;
@@ -678,15 +678,15 @@ Es = function(t) {
       }
     p(this, he)[i.configKey] = r, i.field && (this[i.field] = r);
   }
-}, As = function(t) {
+}, zs = function(t) {
   return { configKey: t.configKey, field: t.field, value: t.default, on: t.on ?? "update" };
 }, /** Sanity-check the input + event tables once per class; warn (never throw) on mistakes. */
-zs = function(t, o) {
+Ns = function(t, o) {
   var l;
   const i = this.constructor;
-  if (os.has(i))
+  if (is.has(i))
     return;
-  os.add(i);
+  is.add(i);
   const r = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
   for (const c of t)
     r.has(c.configKey) && x(this, T, Y).call(this, `invalid input table: duplicate configKey "${c.configKey}"`), r.add(c.configKey), c.attribute && (n.has(c.attribute) && x(this, T, Y).call(this, `invalid input table: duplicate attribute "${c.attribute}"`), n.add(c.attribute)), c.reflect && !c.attribute && x(this, T, Y).call(this, `invalid input table: "${c.configKey}" has reflect:true but no attribute to reflect to`), c.reflect && !((l = c.converter) != null && l.toAttribute) && x(this, T, Y).call(this, `invalid input table: "${c.configKey}" has reflect:true but its converter has no toAttribute`);
@@ -700,22 +700,22 @@ zs = function(t, o) {
  */
 Y = function(t, ...o) {
   console.warn(`[BlissElement] <${this.localName ?? "unknown"}> ${t}`, ...o);
-}, Ds = function(t) {
+}, Vs = function(t) {
   for (const o of t) {
     const i = o.configKey, r = Object.prototype.hasOwnProperty.call(this, i), n = r ? this[i] : void 0;
     r && delete this[i], Object.defineProperty(this, i, {
       configurable: !0,
       enumerable: !0,
       get: () => p(this, he)[i],
-      set: (a) => x(this, T, Dt).call(this, o, a)
-    }), r && ((p(this, Pe) ?? D(this, Pe, /* @__PURE__ */ new Set())).add(i), this[i] = n);
+      set: (a) => x(this, T, Vt).call(this, o, a)
+    }), r && ((p(this, Pe) ?? V(this, Pe, /* @__PURE__ */ new Set())).add(i), this[i] = n);
   }
 }, /**
  * Install a managed `on<Name>` handler property per event. Assigning it
  * (de)registers a real listener for the event, so the property behaves like
  * `addEventListener(name, …)` and its handler receives the `CustomEvent`.
  */
-$s = function(t) {
+Ds = function(t) {
   for (const o of t) {
     const i = o.property;
     if (!i)
@@ -735,52 +735,52 @@ $s = function(t) {
       }
     }), n && (this[i] = a);
   }
-}, Dt = function(t, o) {
+}, Vt = function(t, o) {
   var r;
-  const i = bo(t, o);
+  const i = vo(t, o);
   if (!i) {
     x(this, T, Y).call(this, `rejected invalid value for property "${t.configKey}"; keeping previous value`, o);
     return;
   }
-  if (x(this, T, $t).call(this, i), t.reflect && t.attribute && ((r = t.converter) != null && r.toAttribute)) {
+  if (x(this, T, Dt).call(this, i), t.reflect && t.attribute && ((r = t.converter) != null && r.toAttribute)) {
     const n = t.converter.toAttribute(i.value);
-    D(this, Me, !0);
+    V(this, Me, !0);
     try {
       n === null ? this.removeAttribute(t.attribute) : this.setAttribute(t.attribute, n);
     } finally {
-      D(this, Me, !1);
+      V(this, Me, !1);
     }
   }
-}, $t = function(t) {
-  p(this, he)[t.configKey] = t.value, t.field && (this[t.field] = t.value), t.on !== "none" && (t.on === "reinit" && D(this, ue, !0), (p(this, we) ?? D(this, we, {}))[t.configKey] = t.value, p(this, Ze).schedule(p(this, yt)));
+}, Dt = function(t) {
+  p(this, he)[t.configKey] = t.value, t.field && (this[t.field] = t.value), t.on !== "none" && (t.on === "reinit" && V(this, ue, !0), (p(this, we) ?? V(this, we, {}))[t.configKey] = t.value, p(this, Ze).schedule(p(this, yt)));
 }, /** Cancel any queued microtask and flush pending changes synchronously now. */
 We = function() {
-  p(this, Ze).cancel(), x(this, T, Vt).call(this);
-}, Vt = function() {
+  p(this, Ze).cancel(), x(this, T, $t).call(this);
+}, $t = function() {
   if (!this.isConnected)
     return;
   const t = p(this, ue), o = p(this, we);
-  D(this, ue, !1), D(this, we, null), t ? this.reinit() : o && Object.keys(o).length > 0 && this.update(o), x(this, T, Vs).call(this);
+  V(this, ue, !1), V(this, we, null), t ? this.reinit() : o && Object.keys(o).length > 0 && this.update(o), x(this, T, $s).call(this);
 }, /** Resolve everyone awaiting {@link whenSettled} for the flush that just ran. */
-Vs = function() {
+$s = function() {
   if (p(this, xe).length === 0)
     return;
   const t = p(this, xe);
-  D(this, xe, []);
+  V(this, xe, []);
   for (const o of t)
     o();
 }, /** The opt-in input table. Subclasses set this to enable attribute/property reactivity. */
-m(Xe, "inputs"), /**
+u(Xe, "inputs"), /**
  * The opt-in event table (SPEC §12.5). Each entry (a bare name, or an
  * {@link EventDef} for overrides) declares an outward notification that
  * {@link emit} can fire and installs a managed `on<Name>` handler property.
  */
-m(Xe, "events");
-let zt = Xe;
-function is(s, e, t) {
+u(Xe, "events");
+let Nt = Xe;
+function rs(s, e, t) {
   typeof customElements > "u" || customElements.get(s) || customElements.define(s, e, t);
 }
-function Uo(s) {
+function Go(s) {
   return {
     enableLogging: (e) => s.enableLogging(e),
     disableLogging: () => s.disableLogging(),
@@ -789,21 +789,21 @@ function Uo(s) {
     getCategories: () => [...s.LOGGING_CATEGORIES]
   };
 }
-function Go(s, e, t) {
+function Xo(s, e, t) {
   const { config: o, logging: i, shouldAutoDefine: r = !0 } = t;
-  i && $o(s, i);
+  i && Do(s, i);
   const n = {
     version: () => o.version,
     config: o,
-    ...i ? { logging: Uo(i) } : {},
-    register: () => is(s, e),
-    getInstances: () => Do(s)
+    ...i ? { logging: Go(i) } : {},
+    register: () => rs(s, e),
+    getInstances: () => Vo(s)
   };
-  return typeof window < "u" && ((window.components ?? (window.components = {}))[s] = n), r && is(s, e), n;
+  return typeof window < "u" && ((window.components ?? (window.components = {}))[s] = n), r && rs(s, e), n;
 }
-const rs = /* @__PURE__ */ new Map(), ns = /* @__PURE__ */ new WeakMap();
+const ns = /* @__PURE__ */ new Map(), as = /* @__PURE__ */ new WeakMap();
 let ot;
-function Xo(s) {
+function qo(s) {
   if (typeof CSSStyleSheet > "u" || !("adoptedStyleSheets" in s))
     return !1;
   if (ot === void 0)
@@ -814,20 +814,20 @@ function Xo(s) {
     }
   return ot;
 }
-function qo(s, ...e) {
+function Yo(s, ...e) {
   if (typeof document > "u")
     return;
-  let t = ns.get(s);
-  t || ns.set(s, t = /* @__PURE__ */ new Set());
+  let t = as.get(s);
+  t || as.set(s, t = /* @__PURE__ */ new Set());
   const o = e.filter((r) => r && !t.has(r));
   if (o.length === 0)
     return;
   for (const r of o)
     t.add(r);
-  if (Xo(s)) {
+  if (qo(s)) {
     const r = o.map((n) => {
-      let a = rs.get(n);
-      return a || (a = new CSSStyleSheet(), a.replaceSync(n), rs.set(n, a)), a;
+      let a = ns.get(n);
+      return a || (a = new CSSStyleSheet(), a.replaceSync(n), ns.set(n, a)), a;
     });
     s.adoptedStyleSheets = [...s.adoptedStyleSheets, ...r];
     return;
@@ -838,7 +838,7 @@ function qo(s, ...e) {
     n.textContent = r, i.appendChild(n);
   }
 }
-function Yo(s, e = {}) {
+function Jo(s, e = {}) {
   const t = e.position ?? "last", o = s.head ?? s;
   let i = null;
   const r = () => typeof document > "u" ? null : (i || (i = document.createElement("style"), e.className && (i.className = e.className)), i.parentNode !== o && (t === "first" && o.firstChild ? o.insertBefore(i, o.firstChild) : o.appendChild(i)), i), n = () => {
@@ -859,48 +859,55 @@ function Yo(s, e = {}) {
     }
   };
 }
-function Ns(s) {
+function Rs(s) {
   return s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
 }
-function Jo(s, e) {
-  const t = /* @__PURE__ */ new Set(), o = new RegExp(`var\\(\\s*(${Ns(e)}[a-z0-9-]+)`, "gi");
+function Qo(s, e) {
+  const t = /* @__PURE__ */ new Set(), o = new RegExp(`var\\(\\s*(${Rs(e)}[a-z0-9-]+)`, "gi");
   let i;
   for (; i = o.exec(s); )
     i[1] && t.add(i[1]);
   return t;
 }
-function Qo(s, e) {
-  const t = /* @__PURE__ */ new Set(), o = new RegExp(`(${Ns(e)}[a-z0-9-]+)\\s*:`, "gi");
+function Zo(s, e) {
+  const t = /* @__PURE__ */ new Set(), o = new RegExp(`(${Rs(e)}[a-z0-9-]+)\\s*:`, "gi");
   let i;
   for (; i = o.exec(s); )
     i[1] && t.add(i[1]);
   return [...t];
 }
-function Zo(s, e, t = {}) {
+function ei(s, e, t = {}) {
   const o = t.minScore ?? 3, i = t.limit ?? 3, r = new Set(s.split("-").filter(Boolean));
   return [...e].map((n) => ({ k: n, score: n.split("-").filter((a) => r.has(a)).length })).filter((n) => n.score >= o).sort((n, a) => a.score - n.score).slice(0, i).map((n) => n.k);
 }
-function ei(s, e) {
+function ti(s, e) {
   if (e.consumed.size === 0)
     return [];
   const t = [];
-  for (const o of Qo(s, e.prefix))
-    e.consumed.has(o) || t.push({ name: o, suggestions: Zo(o, e.consumed, { minScore: e.minScore }) });
+  for (const o of Zo(s, e.prefix))
+    e.consumed.has(o) || t.push({ name: o, suggestions: ei(o, e.consumed, { minScore: e.minScore }) });
   return t;
 }
-const ti = {
+const si = {
   mobile: "fullscreen",
   tablet: "floating",
   desktop: "floating"
 };
-function si(s, e, t = {}) {
+function oi(s, e, t = {}) {
   if (s !== "auto")
     return s;
-  const o = Eo(e);
-  return t[o] ?? ti[o];
+  const o = Ao(e);
+  return t[o] ?? si[o];
+}
+function Ot(s) {
+  return {
+    presentation: s,
+    isFullscreen: s === "fullscreen",
+    isModal: s === "modal"
+  };
 }
 let He = 0, it = null;
-function oi() {
+function ii() {
   if (typeof document > "u")
     return () => {
     };
@@ -910,7 +917,7 @@ function oi() {
     s || (s = !0, He = Math.max(0, He - 1), He === 0 && it !== null && (document.body.style.overflow = it, it = null));
   };
 }
-function ii(s) {
+function ri(s) {
   const e = typeof window < "u" ? window.visualViewport : null;
   if (!e)
     return () => {
@@ -932,20 +939,20 @@ const j = {
   WARN: 3,
   ERROR: 4,
   SILENT: 5
-}, as = ["trace", "debug", "info", "warn", "error"], pt = () => {
+}, ls = ["trace", "debug", "info", "warn", "error"], pt = () => {
 };
-let ri = "km-log";
-function ls(s) {
+let ni = "km-log";
+function cs(s) {
   const t = console[s];
   return typeof t == "function" ? t.bind(console) : pt;
 }
-function ni(s) {
+function ai(s) {
   if (s === "debug" && (s = "log"), typeof console > "u")
     return pt;
   const e = console;
-  return e[s] !== void 0 ? ls(s) : e.log !== void 0 ? ls("log") : pt;
+  return e[s] !== void 0 ? cs(s) : e.log !== void 0 ? cs("log") : pt;
 }
-const ai = (s) => ni(s);
+const li = (s) => ai(s);
 function Be(s) {
   let e = s;
   const t = j;
@@ -955,36 +962,36 @@ function Be(s) {
 }
 let de;
 const ft = {};
-class Rs {
+class Hs {
   constructor(e, t) {
-    m(this, "name");
-    m(this, "levels", j);
-    m(this, "methodFactory");
+    u(this, "name");
+    u(this, "levels", j);
+    u(this, "methodFactory");
     // Installed by replaceLoggingMethods(); definite-assignment via `!`.
-    m(this, "trace");
-    m(this, "debug");
-    m(this, "info");
-    m(this, "warn");
-    m(this, "error");
-    m(this, "log");
+    u(this, "trace");
+    u(this, "debug");
+    u(this, "info");
+    u(this, "warn");
+    u(this, "error");
+    u(this, "log");
     /** Level inherited from the root (cached so it stays in sync with installed methods). */
-    m(this, "inheritedLevel");
+    u(this, "inheritedLevel");
     /** Optional per-logger default; overrides inherited. */
-    m(this, "defaultLevel", null);
+    u(this, "defaultLevel", null);
     /** Optional user-set level; overrides default. */
-    m(this, "userLevel", null);
+    u(this, "userLevel", null);
     this.name = e, this.methodFactory = t, this.inheritedLevel = Be(de ? de.getLevel() : "WARN");
     const o = this.getPersistedLevel();
     o != null && (this.userLevel = Be(o)), this.replaceLoggingMethods();
   }
   storageKey() {
-    return typeof this.name == "string" ? `${ri}:${this.name}` : void 0;
+    return typeof this.name == "string" ? `${ni}:${this.name}` : void 0;
   }
   persist(e) {
     const t = this.storageKey();
     if (typeof window > "u" || !t)
       return;
-    const o = (as[e] ?? "silent").toUpperCase();
+    const o = (ls[e] ?? "silent").toUpperCase();
     try {
       window.localStorage[t] = o;
     } catch {
@@ -1012,7 +1019,7 @@ class Rs {
   }
   replaceLoggingMethods() {
     const e = this.getLevel();
-    as.forEach((t, o) => {
+    ls.forEach((t, o) => {
       this[t] = o < e ? pt : this.methodFactory(t, e, this.name);
     }), this.log = this.debug;
   }
@@ -1040,14 +1047,14 @@ class Rs {
         ft[e].rebuild();
   }
 }
-de = new Rs(void 0, ai);
-function li(s) {
+de = new Hs(void 0, li);
+function ci(s) {
   if (typeof s != "string" || s === "")
     throw new TypeError("You must supply a non-empty name when creating a logger.");
   let e = ft[s];
-  return e || (e = ft[s] = new Rs(s, de.methodFactory)), e;
+  return e || (e = ft[s] = new Hs(s, de.methodFactory)), e;
 }
-const ci = ["INIT", "DATA", "UI"], di = "debug", cs = [
+const di = ["INIT", "DATA", "UI"], hi = "debug", ds = [
   "#4c8bf5",
   // blue
   "#2ea043",
@@ -1064,43 +1071,43 @@ const ci = ["INIT", "DATA", "UI"], di = "debug", cs = [
   // teal
   "#8a6d3b"
   // brown
-], ds = /* @__PURE__ */ new WeakSet();
-function hi(s, e, t) {
-  if (ds.has(s))
+], hs = /* @__PURE__ */ new WeakSet();
+function ui(s, e, t) {
+  if (hs.has(s))
     return;
-  ds.add(s);
+  hs.add(s);
   const o = s.methodFactory, i = `color:${t};font-weight:bold`;
   s.methodFactory = (r, n, a) => {
     const l = o(r, n, a);
     return (...c) => l(`%c[${e}]`, i, ...c);
   }, s.setLevel(s.getLevel(), !1);
 }
-function ui(s) {
+function mi(s) {
   return typeof s == "number" ? s : j[s.toUpperCase()] ?? j.SILENT;
 }
-const mi = [
+const pi = [
   ["trace", j.TRACE, "debug"],
   ["debug", j.DEBUG, "debug"],
   ["info", j.INFO, "info"],
   ["warn", j.WARN, "warn"],
   ["error", j.ERROR, "error"]
 ];
-function pi(s, e, t) {
+function fi(s, e, t) {
   const o = `color:${s.color};font-weight:bold`, i = "color:#888", r = {};
-  for (const [n, a, l] of mi)
+  for (const [n, a, l] of pi)
     r[n] = (...c) => {
-      const d = t(), h = Math.min(s.logger.getLevel(), d == null ? j.SILENT : ui(d));
+      const d = t(), h = Math.min(s.logger.getLevel(), d == null ? j.SILENT : mi(d));
       if (a < h)
         return;
       (console[l] ?? console.log).bind(console)(`%c[${s.label}]%c ${e}`, o, i, ...c);
     };
   return r;
 }
-function fi(s, e = ci) {
+function gi(s, e = di) {
   const t = {}, o = {};
   e.forEach((r, n) => {
-    const a = `${s}:${r}`, l = cs[n % cs.length], c = li(a);
-    hi(c, a, l), t[r] = c, o[r] = { label: a, color: l, logger: c };
+    const a = `${s}:${r}`, l = ds[n % ds.length], c = ci(a);
+    ui(c, a, l), t[r] = c, o[r] = { label: a, color: l, logger: c };
   });
   const i = (r) => {
     for (const n of e)
@@ -1109,7 +1116,7 @@ function fi(s, e = ci) {
   return {
     loggers: t,
     LOGGING_CATEGORIES: e,
-    enableLogging(r = di) {
+    enableLogging(r = hi) {
       i(r);
     },
     disableLogging() {
@@ -1125,7 +1132,7 @@ function fi(s, e = ci) {
     forInstance(r, n) {
       const a = {};
       for (const l of e)
-        a[l] = pi(o[l], r, n);
+        a[l] = fi(o[l], r, n);
       return a;
     }
   };
@@ -1133,73 +1140,73 @@ function fi(s, e = ci) {
 const pe = Math.min, ie = Math.max, gt = Math.round, rt = Math.floor, re = (s) => ({
   x: s,
   y: s
-}), gi = {
+}), bi = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
 };
-function Hs(s, e, t) {
+function Bs(s, e, t) {
   return ie(s, pe(e, t));
 }
-function $e(s, e) {
+function Ve(s, e) {
   return typeof s == "function" ? s(e) : s;
 }
 function Se(s) {
   return s.split("-")[0];
 }
-function Ve(s) {
+function De(s) {
   return s.split("-")[1];
 }
-function Bs(s) {
+function Ks(s) {
   return s === "x" ? "y" : "x";
 }
-function qt(s) {
+function Yt(s) {
   return s === "y" ? "height" : "width";
 }
 function oe(s) {
   const e = s[0];
   return e === "t" || e === "b" ? "y" : "x";
 }
-function Yt(s) {
-  return Bs(oe(s));
+function Jt(s) {
+  return Ks(oe(s));
 }
-function bi(s, e, t) {
+function vi(s, e, t) {
   t === void 0 && (t = !1);
-  const o = Ve(s), i = Yt(s), r = qt(i);
+  const o = De(s), i = Jt(s), r = Yt(i);
   let n = i === "x" ? o === (t ? "end" : "start") ? "right" : "left" : o === "start" ? "bottom" : "top";
   return e.reference[r] > e.floating[r] && (n = bt(n)), [n, bt(n)];
 }
-function vi(s) {
+function yi(s) {
   const e = bt(s);
-  return [Nt(s), e, Nt(e)];
+  return [Rt(s), e, Rt(e)];
 }
-function Nt(s) {
+function Rt(s) {
   return s.includes("start") ? s.replace("start", "end") : s.replace("end", "start");
 }
-const hs = ["left", "right"], us = ["right", "left"], yi = ["top", "bottom"], wi = ["bottom", "top"];
-function xi(s, e, t) {
+const us = ["left", "right"], ms = ["right", "left"], wi = ["top", "bottom"], xi = ["bottom", "top"];
+function _i(s, e, t) {
   switch (s) {
     case "top":
     case "bottom":
-      return t ? e ? us : hs : e ? hs : us;
+      return t ? e ? ms : us : e ? us : ms;
     case "left":
     case "right":
-      return e ? yi : wi;
+      return e ? wi : xi;
     default:
       return [];
   }
 }
-function _i(s, e, t, o) {
-  const i = Ve(s);
-  let r = xi(Se(s), t === "start", o);
-  return i && (r = r.map((n) => n + "-" + i), e && (r = r.concat(r.map(Nt)))), r;
+function ki(s, e, t, o) {
+  const i = De(s);
+  let r = _i(Se(s), t === "start", o);
+  return i && (r = r.map((n) => n + "-" + i), e && (r = r.concat(r.map(Rt)))), r;
 }
 function bt(s) {
   const e = Se(s);
-  return gi[e] + s.slice(e.length);
+  return bi[e] + s.slice(e.length);
 }
-function ki(s) {
+function Ci(s) {
   var e, t, o, i;
   return {
     top: (e = s.top) != null ? e : 0,
@@ -1208,8 +1215,8 @@ function ki(s) {
     left: (i = s.left) != null ? i : 0
   };
 }
-function Ks(s) {
-  return typeof s != "number" ? ki(s) : {
+function Fs(s) {
+  return typeof s != "number" ? Ci(s) : {
     top: s,
     right: s,
     bottom: s,
@@ -1234,48 +1241,48 @@ function vt(s) {
     y: t
   };
 }
-function ms(s, e, t) {
+function ps(s, e, t) {
   let {
     reference: o,
     floating: i
   } = s;
-  const r = oe(e), n = Yt(e), a = qt(n), l = Se(e), c = r === "y", d = o.x + o.width / 2 - i.width / 2, h = o.y + o.height / 2 - i.height / 2, f = o[a] / 2 - i[a] / 2;
-  let u;
+  const r = oe(e), n = Jt(e), a = Yt(n), l = Se(e), c = r === "y", d = o.x + o.width / 2 - i.width / 2, h = o.y + o.height / 2 - i.height / 2, f = o[a] / 2 - i[a] / 2;
+  let m;
   switch (l) {
     case "top":
-      u = {
+      m = {
         x: d,
         y: o.y - i.height
       };
       break;
     case "bottom":
-      u = {
+      m = {
         x: d,
         y: o.y + o.height
       };
       break;
     case "right":
-      u = {
+      m = {
         x: o.x + o.width,
         y: h
       };
       break;
     case "left":
-      u = {
+      m = {
         x: o.x - i.width,
         y: h
       };
       break;
     default:
-      u = {
+      m = {
         x: o.x,
         y: o.y
       };
   }
-  const g = Ve(e);
-  return g && (u[n] += f * (g === "end" ? 1 : -1) * (t && c ? -1 : 1)), u;
+  const g = De(e);
+  return g && (m[n] += f * (g === "end" ? 1 : -1) * (t && c ? -1 : 1)), m;
 }
-async function Ci(s, e) {
+async function Si(s, e) {
   var t;
   e === void 0 && (e = {});
   const {
@@ -1290,8 +1297,8 @@ async function Ci(s, e) {
     rootBoundary: d = "viewport",
     elementContext: h = "floating",
     altBoundary: f = !1,
-    padding: u = 0
-  } = $e(e, s), g = Ks(u), y = a[f ? h === "floating" ? "reference" : "floating" : h], v = vt(await r.getClippingRect({
+    padding: m = 0
+  } = Ve(e, s), g = Fs(m), y = a[f ? h === "floating" ? "reference" : "floating" : h], v = vt(await r.getClippingRect({
     element: (t = await (r.isElement == null ? void 0 : r.isElement(y))) == null || t ? y : y.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
     boundary: c,
     rootBoundary: d,
@@ -1317,7 +1324,7 @@ async function Ci(s, e) {
     right: (M.right - v.right + g.right) / P.x
   };
 }
-const Si = 50, Ti = async (s, e, t) => {
+const Ti = 50, Ii = async (s, e, t) => {
   const {
     placement: o = "bottom",
     strategy: i = "absolute",
@@ -1325,7 +1332,7 @@ const Si = 50, Ti = async (s, e, t) => {
     platform: n
   } = t, a = n.detectOverflow ? n : {
     ...n,
-    detectOverflow: Ci
+    detectOverflow: Si
   }, l = await (n.isRTL == null ? void 0 : n.isRTL(e));
   let c = await n.getElementRects({
     reference: s,
@@ -1334,7 +1341,7 @@ const Si = 50, Ti = async (s, e, t) => {
   }), {
     x: d,
     y: h
-  } = ms(c, o, l), f = o, u = 0;
+  } = ps(c, o, l), f = o, m = 0;
   const g = {};
   for (let b = 0; b < r.length; b++) {
     const y = r[b];
@@ -1347,7 +1354,7 @@ const Si = 50, Ti = async (s, e, t) => {
       x: k,
       y: P,
       data: M,
-      reset: V
+      reset: D
     } = await w({
       x: d,
       y: h,
@@ -1365,14 +1372,14 @@ const Si = 50, Ti = async (s, e, t) => {
     d = k ?? d, h = P ?? h, g[v] = {
       ...g[v],
       ...M
-    }, V && u < Si && (u++, typeof V == "object" && (V.placement && (f = V.placement), V.rects && (c = V.rects === !0 ? await n.getElementRects({
+    }, D && m < Ti && (m++, typeof D == "object" && (D.placement && (f = D.placement), D.rects && (c = D.rects === !0 ? await n.getElementRects({
       reference: s,
       floating: e,
       strategy: i
-    }) : V.rects), {
+    }) : D.rects), {
       x: d,
       y: h
-    } = ms(c, f, l)), b = -1);
+    } = ps(c, f, l)), b = -1);
   }
   return {
     x: d,
@@ -1396,21 +1403,21 @@ const Si = 50, Ti = async (s, e, t) => {
     } = e, {
       element: c,
       padding: d = 0
-    } = $e(s, e) || {};
+    } = Ve(s, e) || {};
     if (c == null)
       return {};
-    const h = Ks(d), f = {
+    const h = Fs(d), f = {
       x: t,
       y: o
-    }, u = Yt(i), g = qt(u), b = await n.getDimensions(c), y = u === "y", v = y ? "top" : "left", w = y ? "bottom" : "right", k = y ? "clientHeight" : "clientWidth", P = r.reference[g] + r.reference[u] - f[u] - r.floating[g], M = f[u] - r.reference[u], V = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
-    let R = V ? V[k] : 0;
-    (!R || !await (n.isElement == null ? void 0 : n.isElement(V))) && (R = a.floating[k] || r.floating[g]);
-    const G = P / 2 - M / 2, L = R / 2 - b[g] / 2 - 1, C = pe(h[v], L), O = pe(h[w], L), I = R - b[g] - O, N = R / 2 - b[g] / 2 + G, S = Hs(C, N, I), H = !l.arrow && Ve(i) != null && N !== S && r.reference[g] / 2 - (N < C ? C : O) - b[g] / 2 < 0, te = H ? N < C ? N - C : N - I : 0;
+    }, m = Jt(i), g = Yt(m), b = await n.getDimensions(c), y = m === "y", v = y ? "top" : "left", w = y ? "bottom" : "right", k = y ? "clientHeight" : "clientWidth", P = r.reference[g] + r.reference[m] - f[m] - r.floating[g], M = f[m] - r.reference[m], D = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
+    let R = D ? D[k] : 0;
+    (!R || !await (n.isElement == null ? void 0 : n.isElement(D))) && (R = a.floating[k] || r.floating[g]);
+    const G = P / 2 - M / 2, L = R / 2 - b[g] / 2 - 1, C = pe(h[v], L), I = pe(h[w], L), O = R - b[g] - I, $ = R / 2 - b[g] / 2 + G, S = Bs(C, $, O), H = !l.arrow && De(i) != null && $ !== S && r.reference[g] / 2 - ($ < C ? C : I) - b[g] / 2 < 0, te = H ? $ < C ? $ - C : $ - O : 0;
     return {
-      [u]: f[u] + te,
+      [m]: f[m] + te,
       data: {
-        [u]: S,
-        centerOffset: N - S - te,
+        [m]: S,
+        centerOffset: $ - S - te,
         ...H && {
           alignmentOffset: te
         }
@@ -1418,7 +1425,7 @@ const Si = 50, Ti = async (s, e, t) => {
       reset: H
     };
   }
-}), Ii = function(s) {
+}), Pi = function(s) {
   return s === void 0 && (s = {}), {
     name: "flip",
     options: s,
@@ -1435,27 +1442,27 @@ const Si = 50, Ti = async (s, e, t) => {
         mainAxis: d = !0,
         crossAxis: h = !0,
         fallbackPlacements: f,
-        fallbackStrategy: u = "bestFit",
+        fallbackStrategy: m = "bestFit",
         fallbackAxisSideDirection: g = "none",
         flipAlignment: b = !0,
         ...y
-      } = $e(s, e);
+      } = Ve(s, e);
       if ((t = r.arrow) != null && t.alignmentOffset)
         return {};
-      const v = Se(i), w = oe(a), k = Se(a) === a, P = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), M = f || (k || !b ? [bt(a)] : vi(a)), V = g !== "none";
-      !f && V && M.push(..._i(a, b, g, P));
+      const v = Se(i), w = oe(a), k = Se(a) === a, P = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), M = f || (k || !b ? [bt(a)] : yi(a)), D = g !== "none";
+      !f && D && M.push(...ki(a, b, g, P));
       const R = [a, ...M], G = await l.detectOverflow(e, y), L = [];
       let C = ((o = r.flip) == null ? void 0 : o.overflows) || [];
       if (d && L.push(G[v]), h) {
-        const S = bi(i, n, P);
+        const S = vi(i, n, P);
         L.push(G[S[0]], G[S[1]]);
       }
       if (C = [...C, {
         placement: i,
         overflows: L
       }], !L.every((S) => S <= 0)) {
-        var O, I;
-        const S = (((O = r.flip) == null ? void 0 : O.index) || 0) + 1, H = R[S];
+        var I, O;
+        const S = (((I = r.flip) == null ? void 0 : I.index) || 0) + 1, H = R[S];
         if (H && (!(h === "alignment" ? w !== oe(H) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         C.every((q) => oe(q.placement) === w ? q.overflows[0] > 0 : !0)))
@@ -1468,20 +1475,20 @@ const Si = 50, Ti = async (s, e, t) => {
               placement: H
             }
           };
-        let te = (I = C.filter((ge) => ge.overflows[0] <= 0).sort((ge, q) => ge.overflows[1] - q.overflows[1])[0]) == null ? void 0 : I.placement;
+        let te = (O = C.filter((ge) => ge.overflows[0] <= 0).sort((ge, q) => ge.overflows[1] - q.overflows[1])[0]) == null ? void 0 : O.placement;
         if (!te)
-          switch (u) {
+          switch (m) {
             case "bestFit": {
-              var N;
-              const ge = (N = C.filter((q) => {
-                if (V) {
+              var $;
+              const ge = ($ = C.filter((q) => {
+                if (D) {
                   const le = oe(q.placement);
                   return le === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   le === "y";
                 }
                 return !0;
-              }).map((q) => [q.placement, q.overflows.filter((le) => le > 0).reduce((le, ao) => le + ao, 0)]).sort((q, le) => q[1] - le[1])[0]) == null ? void 0 : N[0];
+              }).map((q) => [q.placement, q.overflows.filter((le) => le > 0).reduce((le, lo) => le + lo, 0)]).sort((q, le) => q[1] - le[1])[0]) == null ? void 0 : $[0];
               ge && (te = ge);
               break;
             }
@@ -1499,16 +1506,16 @@ const Si = 50, Ti = async (s, e, t) => {
       return {};
     }
   };
-}, Pi = /* @__PURE__ */ new Set(["left", "top"]);
-async function Mi(s, e) {
+}, Mi = /* @__PURE__ */ new Set(["left", "top"]);
+async function Li(s, e) {
   const {
     placement: t,
     platform: o,
     elements: i
-  } = s, r = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), n = Se(t), a = Ve(t), l = oe(t) === "y", c = Pi.has(n) ? -1 : 1, d = r && l ? -1 : 1, h = $e(e, s);
+  } = s, r = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), n = Se(t), a = De(t), l = oe(t) === "y", c = Mi.has(n) ? -1 : 1, d = r && l ? -1 : 1, h = Ve(e, s);
   let {
     mainAxis: f,
-    crossAxis: u,
+    crossAxis: m,
     alignmentAxis: g
   } = typeof h == "number" ? {
     mainAxis: h,
@@ -1519,15 +1526,15 @@ async function Mi(s, e) {
     crossAxis: h.crossAxis || 0,
     alignmentAxis: h.alignmentAxis
   };
-  return a && typeof g == "number" && (u = a === "end" ? g * -1 : g), l ? {
-    x: u * d,
+  return a && typeof g == "number" && (m = a === "end" ? g * -1 : g), l ? {
+    x: m * d,
     y: f * c
   } : {
     x: f * c,
-    y: u * d
+    y: m * d
   };
 }
-const Li = function(s) {
+const Ei = function(s) {
   return s === void 0 && (s = 0), {
     name: "offset",
     options: s,
@@ -1538,7 +1545,7 @@ const Li = function(s) {
         y: r,
         placement: n,
         middlewareData: a
-      } = e, l = await Mi(e, s);
+      } = e, l = await Li(e, s);
       return n === ((t = a.offset) == null ? void 0 : t.placement) && (o = a.arrow) != null && o.alignmentOffset ? {} : {
         x: i + l.x,
         y: r + l.y,
@@ -1549,7 +1556,7 @@ const Li = function(s) {
       };
     }
   };
-}, Ei = function(s) {
+}, Ai = function(s) {
   return s === void 0 && (s = {}), {
     name: "shift",
     options: s,
@@ -1575,16 +1582,16 @@ const Li = function(s) {
           }
         },
         ...c
-      } = $e(s, e), d = {
+      } = Ve(s, e), d = {
         x: t,
         y: o
-      }, h = await r.detectOverflow(e, c), f = oe(i), u = Bs(f);
-      let g = d[u], b = d[f];
-      const y = (w, k) => Hs(k + h[w === "y" ? "top" : "left"], k, k - h[w === "y" ? "bottom" : "right"]);
-      n && (g = y(u, g)), a && (b = y(f, b));
+      }, h = await r.detectOverflow(e, c), f = oe(i), m = Ks(f);
+      let g = d[m], b = d[f];
+      const y = (w, k) => Bs(k + h[w === "y" ? "top" : "left"], k, k - h[w === "y" ? "bottom" : "right"]);
+      n && (g = y(m, g)), a && (b = y(f, b));
       const v = l.fn({
         ...e,
-        [u]: g,
+        [m]: g,
         [f]: b
       });
       return {
@@ -1593,14 +1600,14 @@ const Li = function(s) {
           x: v.x - t,
           y: v.y - o,
           enabled: {
-            [u]: n,
+            [m]: n,
             [f]: a
           }
         }
       };
     }
   };
-}, Ai = function(s) {
+}, zi = function(s) {
   return s === void 0 && (s = {}), {
     name: "size",
     options: s,
@@ -1614,21 +1621,21 @@ const Li = function(s) {
         apply: n = () => {
         },
         ...a
-      } = $e(s, e), l = await i.detectOverflow(e, a), c = Se(t), d = Ve(t), h = oe(t) === "y", {
+      } = Ve(s, e), l = await i.detectOverflow(e, a), c = Se(t), d = De(t), h = oe(t) === "y", {
         width: f,
-        height: u
+        height: m
       } = o.floating;
       let g, b;
       c === "top" || c === "bottom" ? (g = c, b = d === (await (i.isRTL == null ? void 0 : i.isRTL(r.floating)) ? "start" : "end") ? "left" : "right") : (b = c, g = d === "end" ? "top" : "bottom");
-      const y = u - l.top - l.bottom, v = f - l.left - l.right, w = pe(u - l[g], y), k = pe(f - l[b], v), P = e.middlewareData.shift, M = !P;
-      let V = w, R = k;
-      P != null && P.enabled.x && (R = v), P != null && P.enabled.y && (V = y), M && !d && (h ? R = f - 2 * ie(l.left, l.right) : V = u - 2 * ie(l.top, l.bottom)), await n({
+      const y = m - l.top - l.bottom, v = f - l.left - l.right, w = pe(m - l[g], y), k = pe(f - l[b], v), P = e.middlewareData.shift, M = !P;
+      let D = w, R = k;
+      P != null && P.enabled.x && (R = v), P != null && P.enabled.y && (D = y), M && !d && (h ? R = f - 2 * ie(l.left, l.right) : D = m - 2 * ie(l.top, l.bottom)), await n({
         ...e,
         availableWidth: R,
-        availableHeight: V
+        availableHeight: D
       });
       const G = await i.getDimensions(r.floating);
-      return f !== G.width || u !== G.height ? {
+      return f !== G.width || m !== G.height ? {
         reset: {
           rects: !0
         }
@@ -1639,8 +1646,8 @@ const Li = function(s) {
 function xt() {
   return typeof window < "u";
 }
-function Ne(s) {
-  return Fs(s) ? (s.nodeName || "").toLowerCase() : "#document";
+function $e(s) {
+  return Ws(s) ? (s.nodeName || "").toLowerCase() : "#document";
 }
 function U(s) {
   var e;
@@ -1648,9 +1655,9 @@ function U(s) {
 }
 function ne(s) {
   var e;
-  return (e = (Fs(s) ? s.ownerDocument : s.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (Ws(s) ? s.ownerDocument : s.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function Fs(s) {
+function Ws(s) {
   return xt() ? s instanceof Node || s instanceof U(s).Node : !1;
 }
 function Z(s) {
@@ -1659,7 +1666,7 @@ function Z(s) {
 function fe(s) {
   return xt() ? s instanceof HTMLElement || s instanceof U(s).HTMLElement : !1;
 }
-function ps(s) {
+function fs(s) {
   return !xt() || typeof ShadowRoot > "u" ? !1 : s instanceof ShadowRoot || s instanceof U(s).ShadowRoot;
 }
 function _t(s) {
@@ -1671,8 +1678,8 @@ function _t(s) {
   } = ee(s);
   return /auto|scroll|overlay|hidden|clip/.test(e + o + t) && i !== "inline" && i !== "contents";
 }
-function zi(s) {
-  return /^(table|td|th)$/.test(Ne(s));
+function Ni(s) {
+  return /^(table|td|th)$/.test($e(s));
 }
 function kt(s) {
   try {
@@ -1686,16 +1693,16 @@ function kt(s) {
     return !1;
   }
 }
-const Di = /transform|translate|scale|rotate|perspective|filter/, $i = /paint|layout|strict|content/, be = (s) => !!s && s !== "none";
-let It;
-function Jt(s) {
+const Vi = /transform|translate|scale|rotate|perspective|filter/, Di = /paint|layout|strict|content/, be = (s) => !!s && s !== "none";
+let Pt;
+function Qt(s) {
   const e = Z(s) ? ee(s) : s;
-  return be(e.transform) || be(e.translate) || be(e.scale) || be(e.rotate) || be(e.perspective) || !Qt() && (be(e.backdropFilter) || be(e.filter)) || Di.test(e.willChange || "") || $i.test(e.contain || "");
+  return be(e.transform) || be(e.translate) || be(e.scale) || be(e.rotate) || be(e.perspective) || !Zt() && (be(e.backdropFilter) || be(e.filter)) || Vi.test(e.willChange || "") || Di.test(e.contain || "");
 }
-function Vi(s) {
+function $i(s) {
   let e = Te(s);
   for (; fe(e) && !qe(e); ) {
-    if (Jt(e))
+    if (Qt(e))
       return e;
     if (kt(e))
       return null;
@@ -1703,11 +1710,11 @@ function Vi(s) {
   }
   return null;
 }
-function Qt() {
-  return It == null && (It = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), It;
+function Zt() {
+  return Pt == null && (Pt = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), Pt;
 }
 function qe(s) {
-  return /^(html|body|#document)$/.test(Ne(s));
+  return /^(html|body|#document)$/.test($e(s));
 }
 function ee(s) {
   return U(s).getComputedStyle(s);
@@ -1722,35 +1729,35 @@ function Ct(s) {
   };
 }
 function Te(s) {
-  if (Ne(s) === "html")
+  if ($e(s) === "html")
     return s;
   const e = (
     // Step into the shadow DOM of the parent of a slotted node.
     s.assignedSlot || // DOM Element detected.
     s.parentNode || // ShadowRoot detected.
-    ps(s) && s.host || // Fallback.
+    fs(s) && s.host || // Fallback.
     ne(s)
   );
-  return ps(e) ? e.host : e;
+  return fs(e) ? e.host : e;
 }
-function Ws(s) {
+function js(s) {
   const e = Te(s);
-  return qe(e) ? (s.ownerDocument || s).body : fe(e) && _t(e) ? e : Ws(e);
+  return qe(e) ? (s.ownerDocument || s).body : fe(e) && _t(e) ? e : js(e);
 }
 function Ye(s, e, t) {
   var o;
   e === void 0 && (e = []), t === void 0 && (t = !0);
-  const i = Ws(s), r = i === ((o = s.ownerDocument) == null ? void 0 : o.body), n = U(i);
+  const i = js(s), r = i === ((o = s.ownerDocument) == null ? void 0 : o.body), n = U(i);
   if (r) {
-    const a = Rt(n);
+    const a = Ht(n);
     return e.concat(n, n.visualViewport || [], _t(i) ? i : [], a && t ? Ye(a) : []);
   } else
     return e.concat(i, Ye(i, [], t));
 }
-function Rt(s) {
+function Ht(s) {
   return s.parent && Object.getPrototypeOf(s.parent) ? s.frameElement : null;
 }
-function js(s) {
+function Us(s) {
   const e = ee(s);
   let t = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
   const i = fe(s), r = i ? s.offsetWidth : t, n = i ? s.offsetHeight : o, a = gt(t) !== r || gt(o) !== n;
@@ -1760,48 +1767,48 @@ function js(s) {
     $: a
   };
 }
-function Zt(s) {
+function es(s) {
   return Z(s) ? s : s.contextElement;
 }
-function Ie(s) {
-  const e = Zt(s);
+function Oe(s) {
+  const e = es(s);
   if (!fe(e))
     return re(1);
   const t = e.getBoundingClientRect(), {
     width: o,
     height: i,
     $: r
-  } = js(e);
+  } = Us(e);
   let n = (r ? gt(t.width) : t.width) / o, a = (r ? gt(t.height) : t.height) / i;
   return (!n || !Number.isFinite(n)) && (n = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: n,
     y: a
   };
 }
-const Ni = /* @__PURE__ */ re(0);
-function Us(s) {
+const Ri = /* @__PURE__ */ re(0);
+function Gs(s) {
   const e = U(s);
-  return !Qt() || !e.visualViewport ? Ni : {
+  return !Zt() || !e.visualViewport ? Ri : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function Ri(s, e, t) {
+function Hi(s, e, t) {
   return e === void 0 && (e = !1), !!t && e && t === U(s);
 }
-function Oe(s, e, t, o) {
+function Ie(s, e, t, o) {
   e === void 0 && (e = !1), t === void 0 && (t = !1);
-  const i = s.getBoundingClientRect(), r = Zt(s);
+  const i = s.getBoundingClientRect(), r = es(s);
   let n = re(1);
-  e && (o ? Z(o) && (n = Ie(o)) : n = Ie(s));
-  const a = Ri(r, t, o) ? Us(r) : re(0);
+  e && (o ? Z(o) && (n = Oe(o)) : n = Oe(s));
+  const a = Hi(r, t, o) ? Gs(r) : re(0);
   let l = (i.left + a.x) / n.x, c = (i.top + a.y) / n.y, d = i.width / n.x, h = i.height / n.y;
   if (r && o) {
-    const f = U(r), u = Z(o) ? U(o) : o;
-    let g = f, b = Rt(g);
-    for (; b && u !== g; ) {
-      const y = Ie(b), v = b.getBoundingClientRect(), w = ee(b), k = v.left + (b.clientLeft + parseFloat(w.paddingLeft)) * y.x, P = v.top + (b.clientTop + parseFloat(w.paddingTop)) * y.y;
-      l *= y.x, c *= y.y, d *= y.x, h *= y.y, l += k, c += P, g = U(b), b = Rt(g);
+    const f = U(r), m = Z(o) ? U(o) : o;
+    let g = f, b = Ht(g);
+    for (; b && m !== g; ) {
+      const y = Oe(b), v = b.getBoundingClientRect(), w = ee(b), k = v.left + (b.clientLeft + parseFloat(w.paddingLeft)) * y.x, P = v.top + (b.clientTop + parseFloat(w.paddingTop)) * y.y;
+      l *= y.x, c *= y.y, d *= y.x, h *= y.y, l += k, c += P, g = U(b), b = Ht(g);
     }
   }
   return vt({
@@ -1813,16 +1820,16 @@ function Oe(s, e, t, o) {
 }
 function St(s, e) {
   const t = Ct(s).scrollLeft;
-  return e ? e.left + t : Oe(ne(s)).left + t;
+  return e ? e.left + t : Ie(ne(s)).left + t;
 }
-function Gs(s, e) {
+function Xs(s, e) {
   const t = s.getBoundingClientRect(), o = t.left + e.scrollLeft - St(s, t), i = t.top + e.scrollTop;
   return {
     x: o,
     y: i
   };
 }
-function Hi(s) {
+function Bi(s) {
   let {
     elements: e,
     rect: t,
@@ -1837,11 +1844,11 @@ function Hi(s) {
     scrollTop: 0
   }, c = re(1);
   const d = re(0), h = fe(o);
-  if ((h || !r) && ((Ne(o) !== "body" || _t(n)) && (l = Ct(o)), h)) {
-    const u = Oe(o);
-    c = Ie(o), d.x = u.x + o.clientLeft, d.y = u.y + o.clientTop;
+  if ((h || !r) && (($e(o) !== "body" || _t(n)) && (l = Ct(o)), h)) {
+    const m = Ie(o);
+    c = Oe(o), d.x = m.x + o.clientLeft, d.y = m.y + o.clientTop;
   }
-  const f = n && !h && !r ? Gs(n, l) : re(0);
+  const f = n && !h && !r ? Xs(n, l) : re(0);
   return {
     width: t.width * c.x,
     height: t.height * c.y,
@@ -1849,10 +1856,10 @@ function Hi(s) {
     y: t.y * c.y - l.scrollTop * c.y + d.y + f.y
   };
 }
-function Bi(s) {
+function Ki(s) {
   return s.getClientRects ? Array.from(s.getClientRects()) : [];
 }
-function Ki(s) {
+function Fi(s) {
   const e = Ct(s), t = s.ownerDocument.body, o = ie(s.scrollWidth, s.clientWidth, t.scrollWidth, t.clientWidth), i = ie(s.scrollHeight, s.clientHeight, t.scrollHeight, t.clientHeight);
   let r = -e.scrollLeft + St(s);
   const n = -e.scrollTop;
@@ -1863,18 +1870,18 @@ function Ki(s) {
     y: n
   };
 }
-const Fi = 25;
-function Wi(s, e, t) {
+const Wi = 25;
+function ji(s, e, t) {
   t === void 0 && (t = "viewport");
   const o = t === "layoutViewport", i = U(s), r = ne(s), n = i.visualViewport;
   let a = r.clientWidth, l = r.clientHeight, c = 0, d = 0;
   if (n) {
-    const f = !Qt() || e === "fixed";
+    const f = !Zt() || e === "fixed";
     o ? f || (c = -n.offsetLeft, d = -n.offsetTop) : (a = n.width, l = n.height, f && (c = n.offsetLeft, d = n.offsetTop));
   }
   if (St(r) <= 0) {
-    const f = r.ownerDocument, u = f.body, g = getComputedStyle(u), b = f.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, y = Math.abs(r.clientWidth - u.clientWidth - b), v = getComputedStyle(r).scrollbarGutter === "stable both-edges" ? y / 2 : y;
-    v <= Fi && (a -= v);
+    const f = r.ownerDocument, m = f.body, g = getComputedStyle(m), b = f.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, y = Math.abs(r.clientWidth - m.clientWidth - b), v = getComputedStyle(r).scrollbarGutter === "stable both-edges" ? y / 2 : y;
+    v <= Wi && (a -= v);
   }
   return {
     width: a,
@@ -1883,8 +1890,8 @@ function Wi(s, e, t) {
     y: d
   };
 }
-function ji(s, e) {
-  const t = Oe(s, !0, e === "fixed"), o = t.top + s.clientTop, i = t.left + s.clientLeft, r = Ie(s), n = s.clientWidth * r.x, a = s.clientHeight * r.y, l = i * r.x, c = o * r.y;
+function Ui(s, e) {
+  const t = Ie(s, !0, e === "fixed"), o = t.top + s.clientTop, i = t.left + s.clientLeft, r = Oe(s), n = s.clientWidth * r.x, a = s.clientHeight * r.y, l = i * r.x, c = o * r.y;
   return {
     width: n,
     height: a,
@@ -1892,16 +1899,16 @@ function ji(s, e) {
     y: c
   };
 }
-function fs(s, e, t) {
+function gs(s, e, t) {
   let o;
   if (e === "viewport" || e === "layoutViewport")
-    o = Wi(s, t, e);
+    o = ji(s, t, e);
   else if (e === "document")
-    o = Ki(ne(s));
+    o = Fi(ne(s));
   else if (Z(e))
-    o = ji(e, t);
+    o = Ui(e, t);
   else {
-    const i = Us(s);
+    const i = Gs(s);
     o = {
       x: e.x - i.x,
       y: e.y - i.y,
@@ -1911,31 +1918,31 @@ function fs(s, e, t) {
   }
   return vt(o);
 }
-function Ui(s, e) {
+function Gi(s, e) {
   const t = e.get(s);
   if (t)
     return t;
-  let o = Ye(s, [], !1).filter((a) => Z(a) && Ne(a) !== "body"), i = null;
+  let o = Ye(s, [], !1).filter((a) => Z(a) && $e(a) !== "body"), i = null;
   const r = ee(s).position === "fixed";
   let n = r ? Te(s) : s;
   for (; Z(n) && !qe(n); ) {
-    const a = ee(n), l = Jt(n), c = i ? i.position : r ? "fixed" : "";
+    const a = ee(n), l = Qt(n), c = i ? i.position : r ? "fixed" : "";
     !l && (c === "fixed" || c === "absolute" && a.position === "static") ? o = o.filter((h) => h !== n) : i = a, n = Te(n);
   }
   return e.set(s, o), o;
 }
-function Gi(s) {
+function Xi(s) {
   let {
     element: e,
     boundary: t,
     rootBoundary: o,
     strategy: i
   } = s;
-  const n = [...t === "clippingAncestors" ? kt(e) ? [] : Ui(e, this._c) : [].concat(t), o], a = fs(e, n[0], i);
+  const n = [...t === "clippingAncestors" ? kt(e) ? [] : Gi(e, this._c) : [].concat(t), o], a = gs(e, n[0], i);
   let l = a.top, c = a.right, d = a.bottom, h = a.left;
   for (let f = 1; f < n.length; f++) {
-    const u = fs(e, n[f], i);
-    l = ie(u.top, l), c = pe(u.right, c), d = pe(u.bottom, d), h = ie(u.left, h);
+    const m = gs(e, n[f], i);
+    l = ie(m.top, l), c = pe(m.right, c), d = pe(m.bottom, d), h = ie(m.left, h);
   }
   return {
     width: c - h,
@@ -1944,29 +1951,29 @@ function Gi(s) {
     y: l
   };
 }
-function Xi(s) {
+function qi(s) {
   const {
     width: e,
     height: t
-  } = js(s);
+  } = Us(s);
   return {
     width: e,
     height: t
   };
 }
-function qi(s, e, t) {
-  const o = fe(e), i = ne(e), r = t === "fixed", n = Oe(s, !0, r, e);
+function Yi(s, e, t) {
+  const o = fe(e), i = ne(e), r = t === "fixed", n = Ie(s, !0, r, e);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
   };
   const l = re(0);
-  if ((o || !r) && ((Ne(e) !== "body" || _t(i)) && (a = Ct(e)), o)) {
-    const f = Oe(e, !0, r, e);
+  if ((o || !r) && (($e(e) !== "body" || _t(i)) && (a = Ct(e)), o)) {
+    const f = Ie(e, !0, r, e);
     l.x = f.x + e.clientLeft, l.y = f.y + e.clientTop;
   }
   !o && i && (l.x = St(i));
-  const c = i && !o && !r ? Gs(i, a) : re(0), d = n.left + a.scrollLeft - l.x - c.x, h = n.top + a.scrollTop - l.y - c.y;
+  const c = i && !o && !r ? Xs(i, a) : re(0), d = n.left + a.scrollLeft - l.x - c.x, h = n.top + a.scrollTop - l.y - c.y;
   return {
     x: d,
     y: h,
@@ -1974,10 +1981,10 @@ function qi(s, e, t) {
     height: n.height
   };
 }
-function Pt(s) {
+function Mt(s) {
   return ee(s).position === "static";
 }
-function gs(s, e) {
+function bs(s, e) {
   if (!fe(s) || ee(s).position === "fixed")
     return null;
   if (e)
@@ -1985,28 +1992,28 @@ function gs(s, e) {
   let t = s.offsetParent;
   return ne(s) === t && (t = t.ownerDocument.body), t;
 }
-function Xs(s, e) {
+function qs(s, e) {
   const t = U(s);
   if (kt(s))
     return t;
   if (!fe(s)) {
     let i = Te(s);
     for (; i && !qe(i); ) {
-      if (Z(i) && !Pt(i))
+      if (Z(i) && !Mt(i))
         return i;
       i = Te(i);
     }
     return t;
   }
-  let o = gs(s, e);
-  for (; o && zi(o) && Pt(o); )
-    o = gs(o, e);
-  return o && qe(o) && Pt(o) && !Jt(o) ? t : o || Vi(s) || t;
+  let o = bs(s, e);
+  for (; o && Ni(o) && Mt(o); )
+    o = bs(o, e);
+  return o && qe(o) && Mt(o) && !Qt(o) ? t : o || $i(s) || t;
 }
-const Yi = async function(s) {
-  const e = this.getOffsetParent || Xs, t = this.getDimensions, o = await t(s.floating);
+const Ji = async function(s) {
+  const e = this.getOffsetParent || qs, t = this.getDimensions, o = await t(s.floating);
   return {
-    reference: qi(s.reference, await e(s.floating), s.strategy),
+    reference: Yi(s.reference, await e(s.floating), s.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -2015,25 +2022,25 @@ const Yi = async function(s) {
     }
   };
 };
-function Ji(s) {
+function Qi(s) {
   return ee(s).direction === "rtl";
 }
-const qs = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Hi,
+const Ys = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: Bi,
   getDocumentElement: ne,
-  getClippingRect: Gi,
-  getOffsetParent: Xs,
-  getElementRects: Yi,
-  getClientRects: Bi,
-  getDimensions: Xi,
-  getScale: Ie,
+  getClippingRect: Xi,
+  getOffsetParent: qs,
+  getElementRects: Ji,
+  getClientRects: Ki,
+  getDimensions: qi,
+  getScale: Oe,
   isElement: Z,
-  isRTL: Ji
+  isRTL: Qi
 };
-function Ys(s, e) {
+function Js(s, e) {
   return s.x === e.x && s.y === e.y && s.width === e.width && s.height === e.height;
 }
-function Qi(s, e, t) {
+function Zi(s, e, t) {
   let o = null, i;
   const r = ne(s);
   function n() {
@@ -2043,21 +2050,21 @@ function Qi(s, e, t) {
   function a(d, h) {
     d === void 0 && (d = !1), h === void 0 && (h = 1), n();
     const f = s.getBoundingClientRect(), {
-      left: u,
+      left: m,
       top: g,
       width: b,
       height: y
     } = f;
     if (d || e(), !b || !y)
       return;
-    const v = rt(g), w = rt(r.clientWidth - (u + b)), k = rt(r.clientHeight - (g + y)), P = rt(u), V = {
+    const v = rt(g), w = rt(r.clientWidth - (m + b)), k = rt(r.clientHeight - (g + y)), P = rt(m), D = {
       rootMargin: -v + "px " + -w + "px " + -k + "px " + -P + "px",
       threshold: ie(0, pe(1, h)) || 1
     };
     let R = !0;
     function G(L) {
       const C = L[0].intersectionRatio;
-      if (!Ys(f, s.getBoundingClientRect()))
+      if (!Js(f, s.getBoundingClientRect()))
         return a();
       if (C !== h) {
         if (!R)
@@ -2070,12 +2077,12 @@ function Qi(s, e, t) {
     }
     try {
       o = new IntersectionObserver(G, {
-        ...V,
+        ...D,
         // Handle <iframe>s
         root: r.ownerDocument
       });
     } catch {
-      o = new IntersectionObserver(G, V);
+      o = new IntersectionObserver(G, D);
     }
     o.observe(s);
   }
@@ -2084,7 +2091,7 @@ function Qi(s, e, t) {
     l.removeEventListener("resize", c), n();
   };
 }
-function Zi(s, e, t, o) {
+function er(s, e, t, o) {
   o === void 0 && (o = {});
   const {
     ancestorScroll: i = !0,
@@ -2092,63 +2099,63 @@ function Zi(s, e, t, o) {
     elementResize: n = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: l = !1
-  } = o, c = Zt(s), d = i || r ? [...c ? Ye(c) : [], ...e ? Ye(e) : []] : [];
+  } = o, c = es(s), d = i || r ? [...c ? Ye(c) : [], ...e ? Ye(e) : []] : [];
   d.forEach((v) => {
     i && v.addEventListener("scroll", t), r && v.addEventListener("resize", t);
   });
-  const h = c && a ? Qi(c, t, r) : null;
-  let f = -1, u = null;
-  n && (u = new ResizeObserver((v) => {
+  const h = c && a ? Zi(c, t, r) : null;
+  let f = -1, m = null;
+  n && (m = new ResizeObserver((v) => {
     let [w] = v;
-    w && w.target === c && u && e && (u.unobserve(e), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+    w && w.target === c && m && e && (m.unobserve(e), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
       var k;
-      (k = u) == null || k.observe(e);
+      (k = m) == null || k.observe(e);
     })), t();
-  }), c && !l && u.observe(c), e && u.observe(e));
-  let g, b = l ? Oe(s) : null;
+  }), c && !l && m.observe(c), e && m.observe(e));
+  let g, b = l ? Ie(s) : null;
   l && y();
   function y() {
-    const v = Oe(s);
-    b && !Ys(b, v) && t(), b = v, g = requestAnimationFrame(y);
+    const v = Ie(s);
+    b && !Js(b, v) && t(), b = v, g = requestAnimationFrame(y);
   }
   return t(), () => {
     var v;
     d.forEach((w) => {
       i && w.removeEventListener("scroll", t), r && w.removeEventListener("resize", t);
-    }), h == null || h(), (v = u) == null || v.disconnect(), u = null, l && cancelAnimationFrame(g);
+    }), h == null || h(), (v = m) == null || v.disconnect(), m = null, l && cancelAnimationFrame(g);
   };
 }
-const er = Li, tr = Ei, sr = Ii, Mt = Ai, or = Oi, ir = (s, e, t) => {
+const tr = Ei, sr = Ai, or = Pi, Lt = zi, ir = Oi, rr = (s, e, t) => {
   const o = /* @__PURE__ */ new Map(), i = t ?? {}, r = {
-    ...qs,
+    ...Ys,
     ...i.platform,
     _c: o
   };
-  return Ti(s, e, {
+  return Ii(s, e, {
     ...i,
     platform: r
   });
 };
-function Ht(s) {
+function Bt(s) {
   const e = s.parentNode ?? null;
   return e instanceof ShadowRoot ? e.host : e;
 }
-function rr(s) {
+function nr(s) {
   if (s.transform !== "none" || s.perspective !== "none" || s.filter !== "none")
     return !0;
   const e = s.backdropFilter;
   return !!(e && e !== "none" || s.willChange && /\b(transform|filter|perspective)\b/.test(s.willChange));
 }
-function bs(s) {
-  let e = Ht(s);
+function vs(s) {
+  let e = Bt(s);
   for (; e && !(e === document.body || e === document.documentElement); ) {
-    if (e instanceof Element && rr(getComputedStyle(e)))
+    if (e instanceof Element && nr(getComputedStyle(e)))
       return e;
-    e = Ht(e);
+    e = Bt(e);
   }
   return window;
 }
-function nr(s, e, t) {
+function ar(s, e, t) {
   let o = s;
   for (; o && !(o === document.body || o === document.documentElement); ) {
     if (o instanceof Element) {
@@ -2156,11 +2163,11 @@ function nr(s, e, t) {
       if (Math.abs(i.x - e) < 2 && Math.abs(i.y - t) < 2)
         return o;
     }
-    o = Ht(o);
+    o = Bt(o);
   }
   return null;
 }
-function ar(s) {
+function lr(s) {
   const e = getComputedStyle(s), t = [];
   e.transform !== "none" && t.push(`transform: ${e.transform}`), e.perspective !== "none" && t.push(`perspective: ${e.perspective}`), e.filter !== "none" && t.push(`filter: ${e.filter}`);
   const o = e.backdropFilter;
@@ -2168,11 +2175,11 @@ function ar(s) {
   const i = e.containerType;
   return i && i !== "normal" && t.push(`container-type: ${i}`), t.join("; ");
 }
-function lr(s) {
+function cr(s) {
   const e = s.id ? `#${s.id}` : "", t = typeof s.className == "string" && s.className ? "." + s.className.split(/\s+/).filter(Boolean).slice(0, 2).join(".") : "";
   return `<${s.tagName.toLowerCase()}${e}${t}>`;
 }
-function cr(s) {
+function dr(s) {
   const e = s.tolerance ?? 1.5;
   let t = 0, o = 0;
   if (s.offsetParent instanceof Element) {
@@ -2182,46 +2189,46 @@ function cr(s) {
   const i = s.panel.getBoundingClientRect(), r = i.x - (t + s.expectedX), n = i.y - (o + s.expectedY);
   if (Math.abs(r) < e && Math.abs(n) < e)
     return null;
-  const a = nr(s.reference, r, n);
+  const a = ar(s.reference, r, n);
   return {
     driftX: r,
     driftY: n,
     culprit: a,
-    culpritDescription: a ? lr(a) : "an ancestor element (could not auto-identify)",
-    culpritCss: a ? ar(a) : ""
+    culpritDescription: a ? cr(a) : "an ancestor element (could not auto-identify)",
+    culpritCss: a ? lr(a) : ""
   };
 }
-function dr(s, e) {
+function hr(s, e) {
   var i;
   const t = (i = s.closest) == null ? void 0 : i.call(s, "[data-theme]"), o = t == null ? void 0 : t.getAttribute("data-theme");
   o != null && e.setAttribute("data-theme", o);
 }
-const hr = { top: "bottom", right: "left", bottom: "top", left: "right" };
-function ur(s, e, t) {
+const ur = { top: "bottom", right: "left", bottom: "top", left: "right" };
+function mr(s, e, t) {
   if (!t)
     return;
-  const o = e.split("-")[0], i = hr[o];
+  const o = e.split("-")[0], i = ur[o];
   s.style.left = t.x != null ? `${t.x}px` : "", s.style.top = t.y != null ? `${t.y}px` : "", s.style.right = "", s.style.bottom = "", s.style[i] = `-${s.offsetWidth / 2}px`;
 }
-function vs(s, e) {
-  const t = [er(s.offset ?? 4)];
+function ys(s, e) {
+  const t = [tr(s.offset ?? 4)];
   if (s.matchWidth) {
     const i = s.matchWidth;
-    t.push(Mt({
+    t.push(Lt({
       apply({ rects: r, elements: n }) {
         const a = `${r.reference.width}px`;
         i === "exact" ? n.floating.style.width = a : n.floating.style.minWidth = a;
       }
     }));
   }
-  e && t.push(sr({
+  e && t.push(or({
     ...s.lockPlacement === !0 ? { fallbackStrategy: "initialPlacement" } : {},
     ...s.flipPadding != null ? { padding: s.flipPadding } : {}
   }));
   const o = s.shift ?? 8;
-  if (o !== !1 && t.push(tr({ padding: o })), s.maxHeight) {
+  if (o !== !1 && t.push(sr({ padding: o })), s.maxHeight) {
     const i = typeof s.maxHeight == "object" ? s.maxHeight.padding : void 0;
-    t.push(Mt({
+    t.push(Lt({
       padding: i,
       apply({ availableHeight: r, elements: n }) {
         n.floating.style.maxHeight = `${Math.max(0, r)}px`;
@@ -2230,49 +2237,49 @@ function vs(s, e) {
   }
   if (s.maxWidth) {
     const i = typeof s.maxWidth == "object" ? s.maxWidth.padding : void 0;
-    t.push(Mt({
+    t.push(Lt({
       padding: i,
       apply({ availableWidth: r, elements: n }) {
         n.floating.style.maxWidth = `${Math.max(0, r)}px`;
       }
     }));
   }
-  return s.arrow && t.push(or({ element: s.arrow.element, padding: s.arrow.padding })), t;
+  return s.arrow && t.push(ir({ element: s.arrow.element, padding: s.arrow.padding })), t;
 }
 function Ue(s, e, t = {}) {
   const o = t.strategy ?? "fixed";
-  t.inheritThemeFrom && dr(t.inheritThemeFrom, s), s.style.position = o, s.style.left = "0", s.style.top = "0";
-  let i = t.placement ?? "bottom-start", r = t.flip ?? !0, n = vs(t, r);
+  t.inheritThemeFrom && hr(t.inheritThemeFrom, s), s.style.position = o, s.style.left = "0", s.style.top = "0";
+  let i = t.placement ?? "bottom-start", r = t.flip ?? !0, n = ys(t, r);
   const a = t.lockPlacement === "freeze";
   let l = !1;
-  const c = !!t.fixedContainingBlock && !t.platform, d = t.platform ?? (c ? { ...qs, getOffsetParent: () => bs(s) } : void 0), h = () => {
-    var u;
-    (u = t.beforeCompute) == null || u.call(t), ir(e, s, {
+  const c = !!t.fixedContainingBlock && !t.platform, d = t.platform ?? (c ? { ...Ys, getOffsetParent: () => vs(s) } : void 0), h = () => {
+    var m;
+    (m = t.beforeCompute) == null || m.call(t), rr(e, s, {
       placement: i,
       strategy: o,
       middleware: n,
       ...d ? { platform: d } : {}
     }).then(({ x: g, y: b, placement: y, middlewareData: v }) => {
       var w, k;
-      if (s.style.left = `${g}px`, s.style.top = `${b}px`, t.arrow && ur(t.arrow.element, y, v.arrow), a && !l && (l = !0, i = y, r = !1, n = vs(t, !1)), (w = t.onPlaced) == null || w.call(t, y), (k = t.onComputed) == null || k.call(t, { x: g, y: b, placement: y }), t.onDrift && e instanceof Element) {
-        const P = c ? bs(s) : window, M = cr({ panel: s, reference: e, expectedX: g, expectedY: b, offsetParent: P });
+      if (s.style.left = `${g}px`, s.style.top = `${b}px`, t.arrow && mr(t.arrow.element, y, v.arrow), a && !l && (l = !0, i = y, r = !1, n = ys(t, !1)), (w = t.onPlaced) == null || w.call(t, y), (k = t.onComputed) == null || k.call(t, { x: g, y: b, placement: y }), t.onDrift && e instanceof Element) {
+        const P = c ? vs(s) : window, M = dr({ panel: s, reference: e, expectedX: g, expectedY: b, offsetParent: P });
         M && t.onDrift(M);
       }
     });
   };
   let f;
-  return t.autoUpdate ?? !0 ? f = Zi(e, s, h, t.autoUpdateOptions) : h(), {
+  return t.autoUpdate ?? !0 ? f = er(e, s, h, t.autoUpdateOptions) : h(), {
     update: h,
     destroy() {
       f == null || f(), f = void 0;
     }
   };
 }
-function mr(s) {
+function pr(s) {
   return typeof s == "number" ? { show: s, hide: s } : { show: (s == null ? void 0 : s.show) ?? 0, hide: (s == null ? void 0 : s.hide) ?? 0 };
 }
-function pr(s) {
-  const e = s.container ?? document.body, t = s.placement ?? "top", o = s.visibleClass ?? "is-visible", i = mr(s.delay), r = document.createElement("div");
+function fr(s) {
+  const e = s.container ?? document.body, t = s.placement ?? "top", o = s.visibleClass ?? "is-visible", i = pr(s.delay), r = document.createElement("div");
   r.setAttribute("role", "tooltip"), s.cssClass && (r.className = s.cssClass), typeof s.content == "string" ? r.textContent = s.content : r.append(s.content);
   let n, a = !1, l, c, d;
   const h = {
@@ -2280,11 +2287,11 @@ function pr(s) {
     contextElement: s.trigger
   }, f = (w) => {
     d = new DOMRect(w.clientX, w.clientY, 0, 0), n == null || n.update();
-  }, u = () => {
+  }, m = () => {
     l && clearTimeout(l), c && clearTimeout(c), l = c = void 0;
   }, g = () => {
     var k;
-    if (u(), a)
+    if (m(), a)
       return;
     (k = s.onBeforeShow) == null || k.call(s), a = !0, e.append(r);
     const w = s.followCursor ? h : s.trigger;
@@ -2295,11 +2302,11 @@ function pr(s) {
       inheritThemeFrom: s.inheritThemeFrom ?? s.trigger
     }), s.followCursor && s.trigger.addEventListener("mousemove", f), r.classList.add(o);
   }, b = () => {
-    u(), a && (a = !1, r.classList.remove(o), s.followCursor && s.trigger.removeEventListener("mousemove", f), n == null || n.destroy(), n = void 0, r.remove());
+    m(), a && (a = !1, r.classList.remove(o), s.followCursor && s.trigger.removeEventListener("mousemove", f), n == null || n.destroy(), n = void 0, r.remove());
   }, y = () => {
-    u(), i.show > 0 ? l = setTimeout(g, i.show) : g();
+    m(), i.show > 0 ? l = setTimeout(g, i.show) : g();
   }, v = () => {
-    u(), i.hide > 0 ? c = setTimeout(b, i.hide) : b();
+    m(), i.hide > 0 ? c = setTimeout(b, i.hide) : b();
   };
   return s.trigger.addEventListener("mouseenter", y), s.trigger.addEventListener("mouseleave", v), s.trigger.addEventListener("focusin", y), s.trigger.addEventListener("focusout", v), {
     element: r,
@@ -2313,7 +2320,7 @@ function pr(s) {
     }
   };
 }
-function fr(s) {
+function gr(s) {
   const e = s.container ?? document.body;
   let t, o = !1;
   const i = s.inheritThemeFrom ?? (s.reference instanceof HTMLElement ? s.reference : void 0);
@@ -2348,37 +2355,37 @@ function fr(s) {
     }
   };
 }
-const Js = ["INIT", "DATA", "UI", "INTERACTION"], ae = fi("MULTISELECT", Js), nt = ae.loggers.INIT, K = ae.loggers.DATA, Q = ae.loggers.UI, W = ae.loggers.INTERACTION, zr = Js.map((s) => `MULTISELECT:${s}`);
-function Dr() {
+const Qs = ["INIT", "DATA", "UI", "INTERACTION"], ae = gi("MULTISELECT", Qs), nt = ae.loggers.INIT, K = ae.loggers.DATA, Q = ae.loggers.UI, W = ae.loggers.INTERACTION, Nr = Qs.map((s) => `MULTISELECT:${s}`);
+function Vr() {
   ae.enableLogging();
 }
-function $r() {
+function Dr() {
   ae.disableLogging();
 }
-function Vr(s) {
+function $r(s) {
   ae.setLogLevel(s);
 }
-function Nr(s, e) {
+function Rr(s, e) {
   const t = s.includes(":") ? s.split(":").pop() : s;
   ae.setCategoryLevel(t, e);
 }
-class ys {
+class ws {
   constructor(e) {
-    m(this, "container");
-    m(this, "wrapper");
-    m(this, "viewport");
-    m(this, "itemHeight");
-    m(this, "items");
-    m(this, "renderItem");
-    m(this, "bufferSize");
-    m(this, "onVisibleRangeChange");
-    m(this, "onScroll");
-    m(this, "scrollTop", 0);
-    m(this, "viewportHeight", 0);
-    m(this, "visibleStart", 0);
-    m(this, "visibleEnd", 0);
-    m(this, "scrollHandler");
-    m(this, "resizeObserver");
+    u(this, "container");
+    u(this, "wrapper");
+    u(this, "viewport");
+    u(this, "itemHeight");
+    u(this, "items");
+    u(this, "renderItem");
+    u(this, "bufferSize");
+    u(this, "onVisibleRangeChange");
+    u(this, "onScroll");
+    u(this, "scrollTop", 0);
+    u(this, "viewportHeight", 0);
+    u(this, "visibleStart", 0);
+    u(this, "visibleEnd", 0);
+    u(this, "scrollHandler");
+    u(this, "resizeObserver");
     this.container = e.container, this.itemHeight = e.itemHeight, this.items = e.items, this.renderItem = e.renderItem, this.bufferSize = e.bufferSize ?? 10, this.onVisibleRangeChange = e.onVisibleRangeChange, this.onScroll = e.onScroll, this.scrollHandler = this.handleScroll.bind(this), this.init();
   }
   /**
@@ -2484,7 +2491,7 @@ class ys {
     this.container.removeEventListener("scroll", this.scrollHandler), this.resizeObserver && this.resizeObserver.disconnect(), this.container.innerHTML = "";
   }
 }
-function ws(s) {
+function xs(s) {
   return {
     treeId: "",
     id: -1,
@@ -2500,27 +2507,27 @@ function ws(s) {
   };
 }
 const je = (s) => !s || typeof s == "string" && s.trim() === "";
-function gr(s, e = ".") {
+function br(s, e = ".") {
   if (!s || typeof s != "string") return null;
   const t = s.lastIndexOf(e);
   return t === -1 ? "" : s.substring(0, t);
 }
-function xs(s, e, t = ".") {
+function _s(s, e, t = ".") {
   return je(e) ? s : s.startsWith(e + t) ? s.substring(e.length + t.length) : s;
 }
-function _s(s, e = 0, t = 1, o = ".") {
+function ks(s, e = 0, t = 1, o = ".") {
   return s.split(o).slice(e, e + t).join(o);
 }
-function br(s, e) {
+function vr(s, e) {
   return s.split(e).length;
 }
 function ce(s, e) {
   return s[e];
 }
-function vr(s = {}) {
-  const e = s.idMember, t = s.pathMember, o = s.getPathCallback, i = s.parentPathMember, r = s.levelMember, n = s.hasChildrenMember, a = s.isSelectableMember, l = s.getIsSelectableCallback, c = s.treeId || "multiselect-tree", d = s.orderMember, h = s.getDisplayValueCallback, f = je(i), u = je(r), g = je(n), b = je(a), y = "x", v = s.treePathSeparator || ".", w = ws();
+function yr(s = {}) {
+  const e = s.idMember, t = s.pathMember, o = s.getPathCallback, i = s.parentPathMember, r = s.levelMember, n = s.hasChildrenMember, a = s.isSelectableMember, l = s.getIsSelectableCallback, c = s.treeId || "multiselect-tree", d = s.orderMember, h = s.getDisplayValueCallback, f = je(i), m = je(r), g = je(n), b = je(a), y = "x", v = s.treePathSeparator || ".", w = xs();
   let k = 0, P = null;
-  const M = (L) => o ? o(L) : t ? ce(L, t) : void 0, V = {
+  const M = (L) => o ? o(L) : t ? ce(L, t) : void 0, D = {
     treePathSeparator: v,
     root: w,
     get tree() {
@@ -2532,82 +2539,82 @@ function vr(s = {}) {
      */
     get flatNodes() {
       if (P) return P;
-      const L = [], C = s.isSorted ?? !1, O = s.sortCallback;
-      function I(N) {
-        let S = Object.values(N.children);
-        C && O && S.length > 0 && (S = O(S));
+      const L = [], C = s.isSorted ?? !1, I = s.sortCallback;
+      function O($) {
+        let S = Object.values($.children);
+        C && I && S.length > 0 && (S = I(S));
         for (const H of S)
-          L.push(H), H.hasChildren && I(H);
+          L.push(H), H.hasChildren && O(H);
       }
-      return I(w), P = L, L;
+      return O(w), P = L, L;
     },
     insertArray(L) {
       L = L || [], w.children = {}, k = 0, P = null;
       const C = [];
-      let O = L.map((I, N) => {
-        const S = ws();
-        S.treeId = c, S.id = e ? ce(I, e) : void 0;
-        const H = M(I);
-        return H == null || H === "" || typeof H != "string" ? (C.push(`index ${N}`), null) : (S.path = H, (S.id === void 0 || S.id === -1) && (S.id = H), f ? S.parentPath = gr(S.path, v) : S.parentPath = ce(I, i), S.pathSegment = _s(
-          xs(S.path, S.parentPath ?? "", v),
+      let I = L.map((O, $) => {
+        const S = xs();
+        S.treeId = c, S.id = e ? ce(O, e) : void 0;
+        const H = M(O);
+        return H == null || H === "" || typeof H != "string" ? (C.push(`index ${$}`), null) : (S.path = H, (S.id === void 0 || S.id === -1) && (S.id = H), f ? S.parentPath = br(S.path, v) : S.parentPath = ce(O, i), S.pathSegment = ks(
+          _s(S.path, S.parentPath ?? "", v),
           0,
           1,
           v
-        ), u ? S.level = br(S.path, v) : S.level = ce(I, r), g || (S.hasChildren = ce(I, n)), S.data = I, S);
-      }).filter((I) => I !== null);
-      s.isSorted || (s.sortCallback ? O = s.sortCallback(O) : O = G(O));
-      for (const I of O)
-        R(I.parentPath ?? "", I);
+        ), m ? S.level = vr(S.path, v) : S.level = ce(O, r), g || (S.hasChildren = ce(O, n)), S.data = O, S);
+      }).filter((O) => O !== null);
+      s.isSorted || (s.sortCallback ? I = s.sortCallback(I) : I = G(I));
+      for (const O of I)
+        R(O.parentPath ?? "", O);
       if (l || !b)
-        for (const I of O)
+        for (const O of I)
           if (l)
-            I.isSelectable = l(I) !== !1;
+            O.isSelectable = l(O) !== !1;
           else {
-            const N = ce(I.data, a);
-            I.isSelectable = N == null ? !0 : !!N;
+            const $ = ce(O.data, a);
+            O.isSelectable = $ == null ? !0 : !!$;
           }
       C.length > 0 && console.warn(
         `[ltree ${c}] ${C.length} option(s) had an invalid path and were skipped (pathMember="${t}"). Offending: ${C.slice(0, 5).join(", ")}` + (C.length > 5 ? ", …" : "")
       );
     },
     getNodeByPath(L, C) {
-      let O = C || w;
+      let I = C || w;
       if (L) {
-        const I = L.split(v);
-        for (let N = 0; N < I.length; N++) {
-          const S = y + I[N];
-          if (!O.children.hasOwnProperty(S))
+        const O = L.split(v);
+        for (let $ = 0; $ < O.length; $++) {
+          const S = y + O[$];
+          if (!I.children.hasOwnProperty(S))
             return null;
-          O = O.children[S];
+          I = I.children[S];
         }
       }
-      return O;
+      return I;
     }
   };
   function R(L, C) {
-    const O = V.getNodeByPath(L);
-    if (!O)
+    const I = D.getNodeByPath(L);
+    if (!I)
       return `Node: ${C.path} - Could not find parent node: ${L}`;
-    u && (C.level = (O.level || 0) + 1);
-    const I = y + _s(xs(C.path, L, v), 0, 1, v);
-    return O.children.hasOwnProperty(I) || (O.children[I] = C, g && !O.hasChildren && (O.hasChildren = !0), k = Math.max(k, C.level || 0)), null;
+    m && (C.level = (I.level || 0) + 1);
+    const O = y + ks(_s(C.path, L, v), 0, 1, v);
+    return I.children.hasOwnProperty(O) || (I.children[O] = C, g && !I.hasChildren && (I.hasChildren = !0), k = Math.max(k, C.level || 0)), null;
   }
   function G(L) {
-    return L.sort((C, O) => {
-      const I = C.level || 0, N = O.level || 0;
-      if (I !== N) return I - N;
-      if (C.parentPath !== O.parentPath)
-        return C.parentPath ? O.parentPath ? C.parentPath.localeCompare(O.parentPath) : 1 : -1;
-      if (d && C.data && O.data) {
-        const S = ce(C.data, d) ?? 0, H = ce(O.data, d) ?? 0;
+    return L.sort((C, I) => {
+      const O = C.level || 0, $ = I.level || 0;
+      if (O !== $) return O - $;
+      if (C.parentPath !== I.parentPath)
+        return C.parentPath ? I.parentPath ? C.parentPath.localeCompare(I.parentPath) : 1 : -1;
+      if (d && C.data && I.data) {
+        const S = ce(C.data, d) ?? 0, H = ce(I.data, d) ?? 0;
         if (S !== H) return S - H;
       }
-      return h ? h(C).localeCompare(h(O)) : C.path.localeCompare(O.path);
+      return h ? h(C).localeCompare(h(I)) : C.path.localeCompare(I.path);
     });
   }
-  return V;
+  return D;
 }
-function ks(s, e) {
+function Cs(s, e) {
   const t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), r = (l) => String(e(l.data)), n = (l) => {
     t.set(r(l), l);
     const c = [];
@@ -2619,7 +2626,7 @@ function ks(s, e) {
   for (const l of a) n(l);
   return { nodeByValue: t, atomsUnder: o, atomPaths: i, roots: a };
 }
-function es(s, e, t) {
+function ts(s, e, t) {
   const o = s.atomsUnder.get(e.path);
   if (!o || o.length === 0) return "unchecked";
   let i = 0;
@@ -2635,17 +2642,17 @@ function Ke(s, e) {
   }
   return t;
 }
-function yr(s, e, t) {
-  const o = s.atomsUnder.get(e.path) ?? [], i = new Set(t), r = es(s, e, t), n = [], a = [];
+function wr(s, e, t) {
+  const o = s.atomsUnder.get(e.path) ?? [], i = new Set(t), r = ts(s, e, t), n = [], a = [];
   if (r === "checked")
     for (const l of o) i.delete(l) && a.push(l);
   else
     for (const l of o) i.has(l) || (i.add(l), n.push(l));
   return { checkedAtoms: i, addedAtoms: n, removedAtoms: a };
 }
-function Lt(s, e, t, o) {
+function Et(s, e, t, o) {
   const i = (a) => String(o(a.data)), r = [], n = (a) => {
-    const l = es(s, a, e);
+    const l = ts(s, a, e);
     if (l === "unchecked") return;
     const c = a.isSelectable !== !1, d = Object.values(a.children);
     if (t === "leaves") {
@@ -2667,127 +2674,133 @@ function Lt(s, e, t, o) {
   for (const a of s.roots) n(a);
   return r;
 }
-class wr {
+class xr {
   constructor(e, t = {}) {
-    m(this, "element");
-    m(this, "instanceId");
-    m(this, "options");
-    m(this, "isOpen", !1);
-    m(this, "selectedValues", /* @__PURE__ */ new Set());
-    m(this, "selectedOptions", /* @__PURE__ */ new Map());
-    m(this, "allOptions", []);
-    m(this, "filteredOptions", []);
+    u(this, "element");
+    u(this, "instanceId");
+    u(this, "options");
+    u(this, "isOpen", !1);
+    u(this, "selectedValues", /* @__PURE__ */ new Set());
+    u(this, "selectedOptions", /* @__PURE__ */ new Map());
+    u(this, "allOptions", []);
+    u(this, "filteredOptions", []);
     // Tree mode: the hierarchy built from option paths, and the flat list of
     // nodes currently shown. `treeNodes` stays index-aligned with
     // `filteredOptions` so focus/keyboard/virtual-scroll keep working unchanged.
-    m(this, "tree", null);
-    m(this, "treeNodes", []);
+    u(this, "tree", null);
+    u(this, "treeNodes", []);
     // Cascade checkbox mode (tree + multiple + checkbox-mode="cascade"): the index
     // is rebuilt with the tree; `cascadeCheckedAtoms` is the derived set of checked
     // leaf-level atoms, refreshed from `selectedValues` before each render.
-    m(this, "cascadeIndex", null);
-    m(this, "cascadeCheckedAtoms", /* @__PURE__ */ new Set());
-    m(this, "hiddenInputs", []);
-    m(this, "focusedIndex", -1);
-    m(this, "matchingIndices", /* @__PURE__ */ new Set());
-    m(this, "searchTerm", "");
-    m(this, "isLoading", !1);
-    m(this, "searchDebounceTimer");
-    m(this, "searchAbortController");
-    m(this, "showSelectedPopover", !1);
-    m(this, "selectedPopoverPlacement", null);
-    m(this, "dropdownPlacement", null);
-    m(this, "isRTL", !1);
-    m(this, "effectiveBadgesPosition", "bottom");
-    m(this, "justClosedViaClick", !1);
+    u(this, "cascadeIndex", null);
+    u(this, "cascadeCheckedAtoms", /* @__PURE__ */ new Set());
+    u(this, "hiddenInputs", []);
+    u(this, "focusedIndex", -1);
+    // Stable imperative facade handed to keydownCallback (built once, reused). See getKeyboardController().
+    u(this, "keyboardController", null);
+    u(this, "matchingIndices", /* @__PURE__ */ new Set());
+    u(this, "searchTerm", "");
+    u(this, "isLoading", !1);
+    u(this, "searchDebounceTimer");
+    u(this, "searchAbortController");
+    u(this, "showSelectedPopover", !1);
+    u(this, "selectedPopoverPlacement", null);
+    u(this, "dropdownPlacement", null);
+    u(this, "isRTL", !1);
+    u(this, "effectiveBadgesPosition", "bottom");
+    u(this, "justClosedViaClick", !1);
     // Set for one tick when the dropdown is opened by a pointer gesture. A fullscreen
     // overlay (position:fixed, inset:0) appears over the pointer between mousedown and
     // the follow-up click, so that click can target a common ancestor above the
     // portaled panel and be misread as an outside-click. This guard swallows exactly
     // that one click. See attachEvents() (mousedown) and handleClickOutside().
-    m(this, "justOpenedViaClick", !1);
-    m(this, "positioningDriftWarned", !1);
+    u(this, "justOpenedViaClick", !1);
+    u(this, "positioningDriftWarned", !1);
     // How the open dropdown is presented. 'floating' anchors it to the input (the
     // default); 'fullscreen' renders it as a full-viewport overlay with its own
     // search header + close button — the phone pattern, driven from the element's
     // environmentChanged() hook via setPresentation(). See open()/enterFullscreen().
-    m(this, "presentationMode", "floating");
-    m(this, "fullscreenHeader", null);
-    m(this, "fullscreenSearchInput", null);
+    u(this, "presentationMode", "floating");
+    u(this, "fullscreenHeader", null);
+    u(this, "fullscreenSearchInput", null);
     // Inline ✕ inside the fullscreen search box that clears the term. Shown only while
     // there's text; touch has no keyboard Escape, so this is the way to reset a search.
-    m(this, "fullscreenSearchClear", null);
+    u(this, "fullscreenSearchClear", null);
+    // Leading mode toggle inside the fullscreen search box (opt-in via
+    // isSearchModeToggleShown) that flips searchMode filter<->navigate live. Its icon
+    // reflects the current mode; clicking re-projects the current term in place.
+    u(this, "fullscreenModeToggle", null);
     // Navigate-mode match navigator shown under the fullscreen search box: a result
     // count ("3 of 12") plus prev/next buttons that step through matches. Touch has no
     // Ctrl+Arrow shortcut, so these buttons are the on-screen substitute. Only built in
     // searchMode 'navigate' (filter mode narrows the list, so it needs no jump UI).
-    m(this, "fullscreenNav", null);
-    m(this, "fullscreenNavCount", null);
-    m(this, "fullscreenNavPrev", null);
-    m(this, "fullscreenNavNext", null);
+    u(this, "fullscreenNav", null);
+    u(this, "fullscreenNavCount", null);
+    u(this, "fullscreenNavPrev", null);
+    u(this, "fullscreenNavNext", null);
     // Releases this instance's page-scroll lock (null when not locked). The core
     // helper is ref-counted; we hold at most one lock per instance. See lockBodyScroll().
-    m(this, "bodyScrollUnlock", null);
+    u(this, "bodyScrollUnlock", null);
     // Saved inline `overflow-x` of <html> while a fullscreen sheet clamps the host
     // document's horizontal overflow (null when not clamped). See clampDocumentOverflowX().
-    m(this, "overflowXClamp", null);
+    u(this, "overflowXClamp", null);
     // Detaches the visualViewport listener that shrinks the fullscreen sheet to sit
     // above the soft keyboard (null when not attached). See observeKeyboardInset().
-    m(this, "keyboardInsetCleanup", null);
+    u(this, "keyboardInsetCleanup", null);
     // True while a history entry is pushed for the open fullscreen sheet, so the phone
     // Back gesture/button pops it (closing the sheet) instead of navigating the page.
     // See pushOverlayHistory()/popOverlayHistory()/onOverlayPopstate().
-    m(this, "overlayHistoryActive", !1);
-    m(this, "onOverlayPopstate", () => this.handleOverlayPopstate());
+    u(this, "overlayHistoryActive", !1);
+    u(this, "onOverlayPopstate", () => this.handleOverlayPopstate());
     // Floating UI cleanup functions
-    m(this, "dropdownCleanup", null);
-    m(this, "hintCleanup", null);
-    m(this, "selectedPopoverCleanup", null);
+    u(this, "dropdownCleanup", null);
+    u(this, "hintCleanup", null);
+    u(this, "selectedPopoverCleanup", null);
     // All hover tooltips (badge text, badge-remove buttons, action buttons), keyed by id.
-    m(this, "tooltips", /* @__PURE__ */ new Map());
+    u(this, "tooltips", /* @__PURE__ */ new Map());
     // Full-label reveal shown when a clipped row's info button is tapped (fullscreen
     // only). A manually-controlled popover — NOT a hover tooltip — so it stays put
     // until explicitly dismissed (a hover tooltip's synthetic mouseleave on touch
     // would flash it away). `labelRevealTrigger` tracks the button so a second tap
     // toggles it off. See toggleLabelReveal() / hideLabelReveal().
-    m(this, "labelRevealTrigger", null);
-    m(this, "labelRevealPanel", null);
-    m(this, "labelRevealPopover", null);
+    u(this, "labelRevealTrigger", null);
+    u(this, "labelRevealPanel", null);
+    u(this, "labelRevealPopover", null);
     // Transient message ("toast") surface — see showMessage(). Rendered above the panel
     // so a veto reason (or any consumer feedback) is visible even in the fullscreen
     // overlay, where page-level UI is hidden behind the sheet.
-    m(this, "messageEl", null);
-    m(this, "messageCleanup", null);
-    m(this, "messageTimer", null);
+    u(this, "messageEl", null);
+    u(this, "messageCleanup", null);
+    u(this, "messageTimer", null);
     // Dismiss option tooltips the instant the list scrolls. Without this, a shown
     // tooltip's floating-ui autoUpdate keeps chasing its anchor row as it scrolls
     // (most visible under virtual scroll, where the row also recycles), so the
     // tooltip visibly slides to the viewport edge before the next render clears it.
     // Capturing so it catches scroll from the inner options container (scroll
     // doesn't bubble). Same function ref → addEventListener dedupes across opens.
-    m(this, "onDropdownScroll", () => {
+    u(this, "onDropdownScroll", () => {
       this.hideOptionTooltips(), this.hideLabelReveal();
     });
     // Virtual scroll instance
-    m(this, "virtualScroll", null);
-    m(this, "optionsContainer", null);
-    m(this, "selectedPopoverVirtualScroll", null);
-    m(this, "selectedPopoverContainer", null);
+    u(this, "virtualScroll", null);
+    u(this, "optionsContainer", null);
+    u(this, "selectedPopoverVirtualScroll", null);
+    u(this, "selectedPopoverContainer", null);
     // DOM elements
-    m(this, "input");
-    m(this, "dropdown");
-    m(this, "dropdownInner");
-    m(this, "badgesContainer");
-    m(this, "counter");
-    m(this, "hint");
-    m(this, "selectedPopover");
+    u(this, "input");
+    u(this, "dropdown");
+    u(this, "dropdownInner");
+    u(this, "badgesContainer");
+    u(this, "counter");
+    u(this, "hint");
+    u(this, "selectedPopover");
     // Document-level event handlers (stored for cleanup)
-    m(this, "documentKeydownHandler", null);
-    m(this, "documentClickHandler", null);
+    u(this, "documentKeydownHandler", null);
+    u(this, "documentClickHandler", null);
     this.element = e, this.instanceId = `MS-${Math.random().toString(36).slice(2, 11)}`, this.options = {
       // String options
       searchHint: e.dataset.searchHint || "",
-      searchPlaceholder: e.dataset.searchPlaceholder || "Search...",
+      searchPlaceholder: e.dataset.searchPlaceholder || void 0,
       selectPlaceholder: e.dataset.selectPlaceholder || "Pick an option...",
       noDataPlaceholder: e.dataset.noDataPlaceholder || void 0,
       dropdownMinWidth: e.dataset.dropdownMinWidth || void 0,
@@ -2814,6 +2827,7 @@ class wr {
       isSearchEnabled: e.dataset.enableSearch !== "false",
       isAddNewAllowed: e.dataset.allowAddNew === "true",
       isCounterShown: e.dataset.showCounter === "true",
+      isSearchModeToggleShown: e.dataset.showSearchModeToggle === "true",
       isKeepOptionsOnSearch: e.dataset.keepOptionsOnSearch !== "false",
       shouldKeepSearchOnClose: e.dataset.keepSearchOnClose !== "false",
       // Data and callbacks
@@ -2988,7 +3002,7 @@ class wr {
   }
   /** (Re)build the ltree from `allOptions` and derive the visible flat list. */
   buildTree() {
-    this.tree = vr({
+    this.tree = yr({
       idMember: this.options.valueMember,
       pathMember: this.options.pathMember,
       getPathCallback: this.options.getPathCallback,
@@ -3000,7 +3014,7 @@ class wr {
       treePathSeparator: this.options.treePathSeparator,
       treeId: this.instanceId,
       getDisplayValueCallback: (e) => this.getItemDisplayValue(e.data)
-    }), this.tree.insertArray(this.allOptions), this.cascadeIndex = this.isCascadeMode() ? ks(this.tree, (e) => String(this.getItemValue(e))) : null, this.rebuildTreeVisible();
+    }), this.tree.insertArray(this.allOptions), this.cascadeIndex = this.isCascadeMode() ? Cs(this.tree, (e) => String(this.getItemValue(e))) : null, this.rebuildTreeVisible();
   }
   /**
    * Whether cascade checkbox mode is active: a multi-select tree with
@@ -3023,7 +3037,7 @@ class wr {
    * so badges / form / change events reflect the policy (rolled-up branches, etc.).
    */
   toggleTreeCascade(e) {
-    const t = this.cascadeIndex, o = Ke(t, this.selectedValues), { checkedAtoms: i } = yr(t, e, o);
+    const t = this.cascadeIndex, o = Ke(t, this.selectedValues), { checkedAtoms: i } = wr(t, e, o);
     this.commitCascadeAtoms(i);
   }
   /**
@@ -3034,7 +3048,7 @@ class wr {
    */
   commitCascadeAtoms(e) {
     var l;
-    const t = this.cascadeIndex, o = Lt(
+    const t = this.cascadeIndex, o = Et(
       t,
       e,
       this.cascadePolicy(),
@@ -3059,7 +3073,7 @@ class wr {
    */
   counterSelection() {
     if (this.isCascadeMode() && this.cascadeIndex) {
-      const e = Lt(
+      const e = Et(
         this.cascadeIndex,
         this.cascadeCheckedAtoms,
         "rolled-up",
@@ -3291,7 +3305,7 @@ class wr {
     }
     const e = this.scaledOptionHeight(), t = this.options.virtualScrollBuffer ?? 10;
     requestAnimationFrame(() => {
-      this.optionsContainer && (this.virtualScroll ? (this.virtualScroll.setItemHeight(e), this.virtualScroll.setItems(this.filteredOptions)) : this.virtualScroll = new ys({
+      this.optionsContainer && (this.virtualScroll ? (this.virtualScroll.setItemHeight(e), this.virtualScroll.setItems(this.filteredOptions)) : this.virtualScroll = new ws({
         container: this.optionsContainer,
         itemHeight: e,
         items: this.filteredOptions,
@@ -3323,9 +3337,9 @@ class wr {
     const t = this.options.actionsPosition === "bottom" ? "bottom" : "top", o = this.options.actionsAlign ?? "stretch", i = ` ms__actions--${t}`, r = this.options.isActionsSticky ? " ms__actions--sticky" : "", n = this.options.actionsLayout === "wrap" ? " ms__actions--wrap" : "", a = ` ms__actions--align-${o}`, l = /* @__PURE__ */ new Map();
     if (e.forEach((d, h) => {
       if (!(d.getIsVisibleCallback ? d.getIsVisibleCallback(this) : d.isVisible ?? !0)) return;
-      let u;
-      d.getIsDisabledCallback ? u = d.getIsDisabledCallback(this) : d.isDisabled !== void 0 ? u = d.isDisabled : u = this.getBuiltInActionDisabled(d.action);
-      const g = u ? " disabled" : "", b = d.getTextCallback ? d.getTextCallback(this) : d.text;
+      let m;
+      d.getIsDisabledCallback ? m = d.getIsDisabledCallback(this) : d.isDisabled !== void 0 ? m = d.isDisabled : m = this.getBuiltInActionDisabled(d.action);
+      const g = m ? " disabled" : "", b = d.getTextCallback ? d.getTextCallback(this) : d.text;
       let y = "";
       if (d.getClassCallback) {
         const k = d.getClassCallback(this);
@@ -3341,20 +3355,21 @@ class wr {
     const o = this.getItemValue(e), i = this.getItemDisplayValue(e), r = this.getItemIcon(e), n = this.getItemSubtitle(e), a = this.getItemDisabled(e), l = this.selectedValues.has(String(o)), c = t === this.focusedIndex, d = this.matchingIndices.has(t), h = ["ms__option"];
     l && h.push("ms__option--selected"), c && h.push("ms__option--focused"), d && h.push("ms__option--matched"), a && h.push("ms__option--disabled");
     const f = this.options.checkboxAlign && this.options.checkboxAlign !== "center" ? ` data-checkbox-align="${this.options.checkboxAlign}"` : "";
-    let u = `<div class="${h.join(" ")}" data-value="${o}" data-index="${t}"${f}>`;
-    if (this.options.isCheckboxesShown && this.options.isMultipleEnabled && (u += `<input type="checkbox" class="ms__checkbox" ${l ? "checked" : ""} ${a ? "disabled" : ""}>`), u += '<div class="ms__option-content">', this.options.renderOptionContentCallback) {
+    let m = `<div class="${h.join(" ")}" data-value="${o}" data-index="${t}"${f}>`;
+    if (this.options.isCheckboxesShown && this.options.isMultipleEnabled && (m += `<input type="checkbox" class="ms__checkbox" ${l ? "checked" : ""} ${a ? "disabled" : ""}>`), m += '<div class="ms__option-content">', this.options.renderOptionContentCallback) {
       const g = {
         index: t,
         isSelected: l,
         isFocused: c,
         isMatched: d,
         isDisabled: a,
+        ...Ot(this.presentationMode),
         isTreeNode: !1
       }, b = this.options.renderOptionContentCallback(e, g);
-      typeof b == "string" ? u += b : u += b.outerHTML;
+      typeof b == "string" ? m += b : m += b.outerHTML;
     } else
-      r && (u += `<span class="ms__option-icon">${r}</span>`), u += '<div class="ms__option-text">', u += `<div class="ms__option-title">${this.highlightMatch(i, this.searchTerm)}</div>`, n && (u += `<div class="ms__option-subtitle">${n}</div>`), u += "</div>";
-    return u += this.renderOptionInfoButton(), u += "</div>", u += "</div>", u;
+      r && (m += `<span class="ms__option-icon">${r}</span>`), m += '<div class="ms__option-text">', m += `<div class="ms__option-title">${this.highlightMatch(i, this.searchTerm)}</div>`, n && (m += `<div class="ms__option-subtitle">${n}</div>`), m += "</div>";
+    return m += this.renderOptionInfoButton(), m += "</div>", m += "</div>", m;
   }
   /**
    * Trailing info affordance for an option row, emitted only for the fullscreen
@@ -3375,17 +3390,18 @@ class wr {
    * chevron/toggle — every node is just a normal, selectable option.
    */
   renderTreeNode(e, t) {
-    const o = e.data, i = this.getItemValue(o), r = this.getItemDisplayValue(o), n = this.getItemIcon(o), a = this.getItemSubtitle(o), l = this.getItemDisabled(o), c = this.isCascadeMode() && this.cascadeIndex, d = c ? es(this.cascadeIndex, e, this.cascadeCheckedAtoms) : null, h = c ? d === "checked" : this.selectedValues.has(String(i)), f = d === "indeterminate", u = t === this.focusedIndex, g = this.matchingIndices.has(t), b = e.isSelectable !== !1, y = e.level ?? 1, v = Math.max(0, y - 1), w = ["ms__option", "ms__option--tree"];
-    w.push(e.hasChildren ? "ms__option--tree-branch" : "ms__option--tree-leaf"), h && w.push("ms__option--selected"), f && w.push("ms__option--indeterminate"), u && w.push("ms__option--focused"), g && w.push("ms__option--matched"), l && w.push("ms__option--disabled"), b || w.push("ms__option--tree-unselectable");
+    const o = e.data, i = this.getItemValue(o), r = this.getItemDisplayValue(o), n = this.getItemIcon(o), a = this.getItemSubtitle(o), l = this.getItemDisabled(o), c = this.isCascadeMode() && this.cascadeIndex, d = c ? ts(this.cascadeIndex, e, this.cascadeCheckedAtoms) : null, h = c ? d === "checked" : this.selectedValues.has(String(i)), f = d === "indeterminate", m = t === this.focusedIndex, g = this.matchingIndices.has(t), b = e.isSelectable !== !1, y = e.level ?? 1, v = Math.max(0, y - 1), w = ["ms__option", "ms__option--tree"];
+    w.push(e.hasChildren ? "ms__option--tree-branch" : "ms__option--tree-leaf"), h && w.push("ms__option--selected"), f && w.push("ms__option--indeterminate"), m && w.push("ms__option--focused"), g && w.push("ms__option--matched"), l && w.push("ms__option--disabled"), b || w.push("ms__option--tree-unselectable");
     const k = this.options.checkboxAlign && this.options.checkboxAlign !== "center" ? ` data-checkbox-align="${this.options.checkboxAlign}"` : "", P = b ? "" : ' data-selectable="false"';
     let M = `<div class="${w.join(" ")}" data-value="${i}" data-index="${t}" data-path="${e.path}" data-level="${y}" style="--ms-tree-depth: ${v};"${k}${P}>`;
     if (this.options.isCheckboxesShown && this.options.isMultipleEnabled && b && (M += `<input type="checkbox" class="${f ? "ms__checkbox ms__checkbox--indeterminate" : "ms__checkbox"}" ${h ? "checked" : ""}${f ? ' aria-checked="mixed"' : ""} ${l ? "disabled" : ""}>`), M += '<div class="ms__option-content">', this.options.renderOptionContentCallback) {
-      const V = {
+      const D = {
         index: t,
         isSelected: h,
-        isFocused: u,
+        isFocused: m,
         isMatched: g,
         isDisabled: l,
+        ...Ot(this.presentationMode),
         // Tree metadata — lets the callback branch on depth / branch-vs-leaf /
         // tristate without re-deriving any of it from the raw data item.
         isTreeNode: !0,
@@ -3397,7 +3413,7 @@ class wr {
         path: e.path,
         isSelectable: b,
         isIndeterminate: f
-      }, R = this.options.renderOptionContentCallback(o, V);
+      }, R = this.options.renderOptionContentCallback(o, D);
       M += typeof R == "string" ? R : R.outerHTML;
     } else
       n && (M += `<span class="ms__option-icon">${n}</span>`), M += '<div class="ms__option-text">', M += `<div class="ms__option-title">${this.highlightMatch(r, this.searchTerm)}</div>`, a && (M += `<div class="ms__option-subtitle">${a}</div>`), M += "</div>";
@@ -3425,7 +3441,22 @@ class wr {
    * search is unusable → the search placeholder.
    */
   getPlaceholderText() {
-    return this.options.noDataPlaceholder && this.allOptions.length === 0 ? this.options.noDataPlaceholder : this.isSearchUsable ? this.options.searchPlaceholder : this.options.selectPlaceholder || this.options.searchPlaceholder;
+    return this.options.noDataPlaceholder && this.allOptions.length === 0 ? this.options.noDataPlaceholder : this.isSearchUsable ? this.getSearchPlaceholder() : this.options.selectPlaceholder || this.getSearchPlaceholder();
+  }
+  /**
+   * The search field placeholder. An explicit `searchPlaceholder` always wins and stays
+   * fixed. Otherwise the default is "Search..." — except when the in-overlay mode toggle
+   * is enabled (`isSearchModeToggleShown`), where it becomes mode-aware so the field labels
+   * the current behavior: "Search…" in navigate mode, "Filter…" in filter mode. Refreshed
+   * on a live mode switch (see setSearchModeLive → refreshSearchPlaceholder).
+   */
+  getSearchPlaceholder() {
+    return this.options.searchPlaceholder ? this.options.searchPlaceholder : this.options.isSearchModeToggleShown ? (this.options.searchMode || "filter") === "navigate" ? "Search…" : "Filter…" : "Search...";
+  }
+  /** Re-apply the (possibly mode-aware) placeholder to the live inputs after a mode switch. */
+  refreshSearchPlaceholder() {
+    const e = this.getPlaceholderText();
+    this.input && (this.input.placeholder = e), this.fullscreenSearchInput && (this.fullscreenSearchInput.placeholder = e);
   }
   renderBadges() {
     this.destroyAllBadgeTooltips();
@@ -3553,14 +3584,14 @@ class wr {
       if (this.isTreeMode()) {
         if ((this.options.searchMode || "filter") === "navigate") {
           const o = this.rebuildTreeVisibleForNavigate();
-          this.searchTerm.trim() ? o >= 0 && (this.focusedIndex = o) : this.focusedIndex = this.filteredOptions.length > 0 ? 0 : -1, this.renderDropdown(), this.focusedIndex >= 0 && this.scrollToFocused(), this.updateFullscreenNav();
+          this.searchTerm.trim() ? o >= 0 && (this.focusedIndex = o) : this.focusedIndex = -1, this.renderDropdown(), this.focusedIndex >= 0 && this.scrollToFocused(), this.updateFullscreenNav();
           return;
         }
-        this.rebuildTreeVisible(), this.matchingIndices.clear(), this.focusedIndex = this.filteredOptions.length > 0 ? 0 : -1, this.renderDropdown();
+        this.rebuildTreeVisible(), this.matchingIndices.clear(), this.focusedIndex = this.searchTerm.trim() && this.filteredOptions.length > 0 ? 0 : -1, this.renderDropdown();
         return;
       }
       if (!t)
-        this.filteredOptions = [...this.allOptions], this.matchingIndices.clear(), this.focusedIndex = this.filteredOptions.length > 0 ? 0 : -1;
+        this.filteredOptions = [...this.allOptions], this.matchingIndices.clear(), this.focusedIndex = -1;
       else {
         const o = this.options.searchMode || "filter", i = t.toLowerCase();
         if (o === "filter")
@@ -3609,45 +3640,67 @@ class wr {
   }
   handleKeydown(e) {
     var t;
-    if (!this.isOpen) {
-      (e.key === "Enter" || e.key === "ArrowDown") && (e.preventDefault(), this.open());
-      return;
-    }
-    if (!this.options.isSearchEnabled) {
-      const o = e.key.length === 1 || e.key === "Backspace" || e.key === "Delete", i = ["ArrowUp", "ArrowDown", "PageUp", "PageDown", "Home", "End", "Enter", "Escape", "Tab"].includes(e.key);
-      if (o && !i) {
-        e.preventDefault();
+    if (!(this.options.keydownCallback && this.options.keydownCallback({
+      event: e,
+      key: e.key,
+      isOpen: this.isOpen,
+      presentation: this.presentationMode,
+      searchTerm: this.searchTerm,
+      focusedIndex: this.focusedIndex,
+      focusedOption: (this.focusedIndex >= 0 ? this.filteredOptions[this.focusedIndex] : null) ?? null,
+      filteredOptions: this.filteredOptions,
+      selectedValues: [...this.selectedValues],
+      controller: this.getKeyboardController()
+    }) === !0)) {
+      if (!this.isOpen) {
+        (e.key === "Enter" || e.key === "ArrowDown") && (e.preventDefault(), this.open());
         return;
       }
-    }
-    switch (e.key) {
-      case "ArrowDown":
-        e.preventDefault(), e.ctrlKey || e.metaKey ? this.focusNextMatch() : this.focusNext();
-        break;
-      case "ArrowUp":
-        e.preventDefault(), e.ctrlKey || e.metaKey ? this.focusPreviousMatch() : this.focusPrevious();
-        break;
-      case "Enter":
-        e.preventDefault(), this.focusedIndex >= 0 ? this.toggleOption(this.filteredOptions[this.focusedIndex]) : this.options.isAddNewAllowed && this.options.addNewCallback && this.input.value.trim() && this.handleAddNew(this.input.value.trim()), this.presentationMode === "fullscreen" && ((t = this.fullscreenSearchInput) == null || t.blur());
-        break;
-      case "Escape":
-        e.preventDefault(), this.showSelectedPopover ? this.hideSelectedPopover() : this.input.value ? (this.input.value = "", this.searchTerm = "", this.resetVisibleToAll(), this.matchingIndices.clear(), this.focusedIndex = -1, this.renderDropdown()) : this.close();
-        break;
-      case "Tab":
-        this.close();
-        break;
-      case "PageUp":
-        e.preventDefault(), this.focusPageUp();
-        break;
-      case "PageDown":
-        e.preventDefault(), this.focusPageDown();
-        break;
-      case "Home":
-        e.preventDefault(), this.focusFirst();
-        break;
-      case "End":
-        e.preventDefault(), this.focusLast();
-        break;
+      if (!this.options.isSearchEnabled) {
+        const o = e.key.length === 1 || e.key === "Backspace" || e.key === "Delete", i = ["ArrowUp", "ArrowDown", "PageUp", "PageDown", "Home", "End", "Enter", "Escape", "Tab"].includes(e.key);
+        if (o && !i) {
+          e.preventDefault();
+          return;
+        }
+      }
+      switch (e.key) {
+        case "ArrowDown":
+          e.preventDefault(), e.ctrlKey || e.metaKey ? this.focusNextMatch() : this.focusNext();
+          break;
+        case "ArrowUp":
+          e.preventDefault(), e.ctrlKey || e.metaKey ? this.focusPreviousMatch() : this.focusPrevious();
+          break;
+        case "Enter":
+          e.preventDefault(), this.focusedIndex >= 0 ? this.toggleOption(this.filteredOptions[this.focusedIndex]) : this.options.isAddNewAllowed && this.options.addNewCallback && this.input.value.trim() && this.handleAddNew(this.input.value.trim()), this.presentationMode === "fullscreen" && ((t = this.fullscreenSearchInput) == null || t.blur());
+          break;
+        case "Escape":
+          e.preventDefault(), this.showSelectedPopover ? this.hideSelectedPopover() : this.input.value ? this.clearSearch() : this.close();
+          break;
+        case "Tab":
+          this.close();
+          break;
+        case "PageUp":
+          e.preventDefault(), this.focusPageUp();
+          break;
+        case "PageDown":
+          e.preventDefault(), this.focusPageDown();
+          break;
+        case "Home":
+        case "End": {
+          const o = e.target instanceof HTMLInputElement ? e.target : null;
+          let i;
+          if (!o)
+            i = !0;
+          else if (o.selectionStart !== o.selectionEnd)
+            i = !1;
+          else {
+            const r = o.selectionStart ?? 0;
+            i = e.key === "Home" ? r === 0 : r === o.value.length;
+          }
+          i && (e.preventDefault(), e.key === "Home" ? this.focusFirst() : this.focusLast());
+          break;
+        }
+      }
     }
   }
   handleDropdownClick(e) {
@@ -3789,6 +3842,49 @@ class wr {
     const e = Array.from(this.matchingIndices).sort((i, r) => i - r), t = e.findIndex((i) => i === this.focusedIndex), o = t <= 0 ? e.length - 1 : t - 1;
     this.focusBy(() => e[o]), W.debug(`[${this.instanceId}] Jumped to previous match: index ${this.focusedIndex} (${t + 1} of ${e.length})`);
   }
+  /** Lazily build (and cache) the imperative facade passed to `keydownCallback`. Bound to the
+   *  same private actions the built-in key handling uses, so consumer shortcuts behave identically. */
+  getKeyboardController() {
+    return this.keyboardController ? this.keyboardController : (this.keyboardController = {
+      focusNext: () => this.focusNext(),
+      focusPrevious: () => this.focusPrevious(),
+      focusFirst: () => this.focusFirst(),
+      focusLast: () => this.focusLast(),
+      focusPageUp: () => this.focusPageUp(),
+      focusPageDown: () => this.focusPageDown(),
+      focusNextMatch: () => this.focusNextMatch(),
+      focusPreviousMatch: () => this.focusPreviousMatch(),
+      focusIndex: (e) => this.focusBy(() => e, 1),
+      toggleFocused: () => {
+        this.focusedIndex >= 0 && this.toggleOption(this.filteredOptions[this.focusedIndex]);
+      },
+      toggleValue: (e) => {
+        const t = this.allOptions.find((o) => String(this.getItemValue(o)) === String(e));
+        t && this.toggleOption(t);
+      },
+      selectValue: (e) => {
+        if (this.selectedValues.has(String(e))) return;
+        const t = this.allOptions.find((o) => String(this.getItemValue(o)) === String(e));
+        t && this.toggleOption(t);
+      },
+      deselectValue: (e) => {
+        if (!this.selectedValues.has(String(e))) return;
+        const t = this.selectedOptions.get(String(e)) ?? this.allOptions.find((o) => String(this.getItemValue(o)) === String(e));
+        t && this.toggleOption(t);
+      },
+      open: () => this.open(),
+      close: () => this.close(),
+      setSearch: (e) => {
+        this.input.value = e, this.fullscreenSearchInput && (this.fullscreenSearchInput.value = e), this.handleSearch(e);
+      },
+      clearSearch: () => this.clearSearch()
+    }, this.keyboardController);
+  }
+  /** Clear the search box (both the main input and the fullscreen search) and reset the visible
+   *  list. Shared by Escape and the keyboard controller. */
+  clearSearch() {
+    this.input.value = "", this.fullscreenSearchInput && (this.fullscreenSearchInput.value = ""), this.searchTerm = "", this.resetVisibleToAll(), this.matchingIndices.clear(), this.focusedIndex = -1, this.renderDropdown(), this.updateFullscreenNav(), this.updateFullscreenSearchClear();
+  }
   scrollToFocused() {
     if (this.virtualScroll && this.focusedIndex >= 0) {
       this.virtualScroll.scrollToIndex(this.focusedIndex);
@@ -3996,7 +4092,7 @@ class wr {
    * and a redundant call is a no-op rather than acquiring a second.
    */
   lockBodyScroll() {
-    this.bodyScrollUnlock || (this.bodyScrollUnlock = oi());
+    this.bodyScrollUnlock || (this.bodyScrollUnlock = ii());
   }
   /** Restore page scroll (no-op if it wasn't locked). */
   unlockBodyScroll() {
@@ -4035,7 +4131,7 @@ class wr {
    * we just hold the returned cleanup. No-op where `visualViewport` is unavailable.
    */
   observeKeyboardInset() {
-    this.keyboardInsetCleanup = ii(this.dropdown);
+    this.keyboardInsetCleanup = ri(this.dropdown);
   }
   /** Detach keyboard-inset tracking and restore the panel's CSS-driven geometry. */
   unobserveKeyboardInset() {
@@ -4100,7 +4196,7 @@ class wr {
   }
   /** Tear down the fullscreen dropdown chrome and restore page scroll (no-op if floating). */
   exitFullscreen() {
-    this.unobserveKeyboardInset(), this.popOverlayHistory(), this.dropdown.classList.remove("ms__dropdown--fullscreen"), this.fullscreenHeader && (this.fullscreenHeader.remove(), this.fullscreenHeader = null, this.fullscreenSearchInput = null, this.fullscreenSearchClear = null, this.fullscreenNav = null, this.fullscreenNavCount = null, this.fullscreenNavPrev = null, this.fullscreenNavNext = null), this.unlockBodyScroll(), this.releaseDocumentOverflowX();
+    this.unobserveKeyboardInset(), this.popOverlayHistory(), this.dropdown.classList.remove("ms__dropdown--fullscreen"), this.fullscreenHeader && (this.fullscreenHeader.remove(), this.fullscreenHeader = null, this.fullscreenSearchInput = null, this.fullscreenSearchClear = null, this.fullscreenModeToggle = null, this.fullscreenNav = null, this.fullscreenNavCount = null, this.fullscreenNavPrev = null, this.fullscreenNavNext = null), this.unlockBodyScroll(), this.releaseDocumentOverflowX();
   }
   /**
    * Back-gesture handling for the fullscreen sheet. On open we push a history entry
@@ -4135,7 +4231,10 @@ class wr {
     const e = document.createElement("div");
     if (e.className = "ms__fullscreen-header", this.options.isSearchEnabled && this.options.searchInputMode !== "hidden") {
       const o = document.createElement("div");
-      o.className = "ms__fullscreen-search-wrapper";
+      if (o.className = "ms__fullscreen-search-wrapper", this.options.isSearchModeToggleShown) {
+        const r = document.createElement("button");
+        r.type = "button", r.className = "ms__fullscreen-mode-toggle", r.addEventListener("mousedown", (n) => n.preventDefault()), r.addEventListener("click", () => this.toggleSearchModeLive()), o.appendChild(r), this.fullscreenModeToggle = r;
+      }
       const i = document.createElement("input");
       if (i.type = "text", i.className = "ms__fullscreen-search", i.placeholder = this.getPlaceholderText(), i.autocomplete = "off", this.options.searchInputMode === "readonly" && (i.readOnly = !0), i.addEventListener("input", (r) => {
         const n = r.target.value;
@@ -4147,19 +4246,53 @@ class wr {
       e.appendChild(o);
     }
     const t = document.createElement("button");
-    if (t.type = "button", t.className = "ms__fullscreen-close", t.setAttribute("aria-label", "Close"), t.addEventListener("click", () => this.close()), e.appendChild(t), this.options.isSearchEnabled && (this.options.searchMode || "filter") === "navigate") {
-      const o = document.createElement("div");
-      o.className = "ms__fullscreen-nav";
-      const i = document.createElement("span");
-      i.className = "ms__fullscreen-nav-count", o.appendChild(i);
-      const r = document.createElement("div");
-      r.className = "ms__fullscreen-nav-controls";
-      const n = document.createElement("button");
-      n.type = "button", n.className = "ms__fullscreen-nav-btn ms__fullscreen-nav-btn--prev", n.setAttribute("aria-label", "Previous match"), n.addEventListener("click", () => this.focusPreviousMatch());
-      const a = document.createElement("button");
-      a.type = "button", a.className = "ms__fullscreen-nav-btn ms__fullscreen-nav-btn--next", a.setAttribute("aria-label", "Next match"), a.addEventListener("click", () => this.focusNextMatch()), r.appendChild(n), r.appendChild(a), o.appendChild(r), e.appendChild(o), this.fullscreenNav = o, this.fullscreenNavCount = i, this.fullscreenNavPrev = n, this.fullscreenNavNext = a;
-    }
-    this.dropdown.insertBefore(e, this.dropdownInner), this.fullscreenHeader = e, this.updateFullscreenNav(), this.updateFullscreenSearchClear();
+    t.type = "button", t.className = "ms__fullscreen-close", t.setAttribute("aria-label", "Close"), t.addEventListener("click", () => this.close()), e.appendChild(t), this.dropdown.insertBefore(e, this.dropdownInner), this.fullscreenHeader = e, this.options.isSearchEnabled && (this.options.searchMode || "filter") === "navigate" && this.ensureFullscreenNav(), this.updateFullscreenModeToggle(), this.updateFullscreenNav(), this.updateFullscreenSearchClear();
+  }
+  /** Build the navigate-mode match navigator (count + prev/next) and append it to the
+   *  fullscreen header, once. No-op if already built or the header isn't present. The
+   *  nav wraps onto its own full-width row under the search box (header is flex-wrap;
+   *  the nav takes 100% basis). */
+  ensureFullscreenNav() {
+    if (this.fullscreenNav || !this.fullscreenHeader) return;
+    const e = document.createElement("div");
+    e.className = "ms__fullscreen-nav";
+    const t = document.createElement("span");
+    t.className = "ms__fullscreen-nav-count", e.appendChild(t);
+    const o = document.createElement("div");
+    o.className = "ms__fullscreen-nav-controls";
+    const i = document.createElement("button");
+    i.type = "button", i.className = "ms__fullscreen-nav-btn ms__fullscreen-nav-btn--prev", i.setAttribute("aria-label", "Previous match"), i.addEventListener("click", () => this.focusPreviousMatch());
+    const r = document.createElement("button");
+    r.type = "button", r.className = "ms__fullscreen-nav-btn ms__fullscreen-nav-btn--next", r.setAttribute("aria-label", "Next match"), r.addEventListener("click", () => this.focusNextMatch()), o.appendChild(i), o.appendChild(r), e.appendChild(o), this.fullscreenHeader.appendChild(e), this.fullscreenNav = e, this.fullscreenNavCount = t, this.fullscreenNavPrev = i, this.fullscreenNavNext = r;
+  }
+  /** Remove the match navigator (switching to filter mode, which has no jump UI). */
+  removeFullscreenNav() {
+    this.fullscreenNav && (this.fullscreenNav.remove(), this.fullscreenNav = null, this.fullscreenNavCount = null, this.fullscreenNavPrev = null, this.fullscreenNavNext = null);
+  }
+  /** Flip searchMode filter<->navigate from the in-overlay toggle. */
+  toggleSearchModeLive() {
+    const e = (this.options.searchMode || "filter") === "navigate" ? "filter" : "navigate";
+    this.setSearchModeLive(e);
+  }
+  /**
+   * Switch searchMode in place — the overlay's toggle path. The `search-mode` attribute
+   * is reinit-on-change (it rebuilds and closes the overlay); this instead mutates the
+   * live config, adds/removes the match navigator to match, and re-projects the current
+   * term under the new mode (filter narrows the list / navigate keeps all + highlights),
+   * all without tearing the open sheet down. Focus stays on the search field.
+   */
+  setSearchModeLive(e) {
+    var t;
+    (this.options.searchMode || "filter") !== e && (this.options.searchMode = e, e === "navigate" ? this.ensureFullscreenNav() : this.removeFullscreenNav(), this.updateFullscreenModeToggle(), this.refreshSearchPlaceholder(), this.handleSearch(this.searchTerm), (t = this.fullscreenSearchInput) == null || t.focus());
+  }
+  /** Sync the mode toggle's icon (via data-mode) and labels with the current searchMode.
+   *  No-op when the toggle isn't built (opt-out, floating panel, or search hidden). */
+  updateFullscreenModeToggle() {
+    if (!this.fullscreenModeToggle) return;
+    const e = this.options.searchMode || "filter";
+    this.fullscreenModeToggle.dataset.mode = e;
+    const t = e === "navigate" ? "filter" : "navigate";
+    this.fullscreenModeToggle.setAttribute("aria-label", `Switch to ${t} mode`), this.fullscreenModeToggle.setAttribute("title", `Switch to ${t} mode`), this.fullscreenModeToggle.setAttribute("aria-pressed", String(e === "navigate"));
   }
   /**
    * Sync the fullscreen match navigator (navigate mode only) with the current search
@@ -4286,7 +4419,7 @@ class wr {
     if (!this.selectedPopoverContainer) return;
     const o = this.scaledBadgeHeight(), i = Math.round(4 * this.fullscreenScale()), r = o + i, n = this.options.virtualScrollBuffer ?? 10;
     requestAnimationFrame(() => {
-      this.selectedPopoverContainer && (this.selectedPopoverVirtualScroll ? this.selectedPopoverVirtualScroll.setItems(e) : this.selectedPopoverVirtualScroll = new ys({
+      this.selectedPopoverContainer && (this.selectedPopoverVirtualScroll ? this.selectedPopoverVirtualScroll.setItems(e) : this.selectedPopoverVirtualScroll = new ws({
         container: this.selectedPopoverContainer,
         itemHeight: r,
         items: e,
@@ -4308,28 +4441,31 @@ class wr {
    *   accessible name stay in sync.
    */
   renderBadgeHTML(e, t) {
-    const o = this.getItemValue(e);
-    let i;
-    const r = t.isInPopover ? this.options.renderSelectedItemContentCallback : void 0;
-    if (r) {
-      const c = r(e);
-      i = typeof c == "string" ? c : c.outerHTML;
+    const o = this.getItemValue(e), i = {
+      ...t,
+      ...Ot(this.presentationMode)
+    };
+    let r;
+    const n = t.isInPopover ? this.options.renderSelectedItemContentCallback : void 0;
+    if (n) {
+      const d = n(e);
+      r = typeof d == "string" ? d : d.outerHTML;
     } else if (this.options.renderBadgeContentCallback) {
-      const c = this.options.renderBadgeContentCallback(e, t);
-      i = typeof c == "string" ? c : c.outerHTML;
+      const d = this.options.renderBadgeContentCallback(e, i);
+      r = typeof d == "string" ? d : d.outerHTML;
     } else
-      i = this.getItemBadgeDisplayValue(e);
-    const n = t.isInPopover ? this.options.getSelectedItemClassCallback || this.options.getBadgeClassCallback : this.options.getBadgeClassCallback;
-    let a = "ms__badge";
-    if (n) {
-      const c = n(e), d = Array.isArray(c) ? c : [c];
-      a += " " + d.filter((h) => h).join(" ");
+      r = this.getItemBadgeDisplayValue(e);
+    const a = t.isInPopover ? this.options.getSelectedItemClassCallback || this.options.getBadgeClassCallback : this.options.getBadgeClassCallback;
+    let l = "ms__badge";
+    if (a) {
+      const d = a(e), h = Array.isArray(d) ? d : [d];
+      l += " " + h.filter((f) => f).join(" ");
     }
-    const l = this.getItemBadgeDisplayValue(e);
+    const c = this.getItemBadgeDisplayValue(e);
     return `
-            <div class="${a}">
-                <span class="ms__badge-text">${i}</span>
-                <button type="button" class="ms__badge-remove" data-value="${o}" aria-label="Remove ${l}"></button>
+            <div class="${l}">
+                <span class="ms__badge-text">${r}</span>
+                <button type="button" class="ms__badge-remove" data-value="${o}" aria-label="Remove ${c}"></button>
             </div>
         `;
   }
@@ -4412,9 +4548,9 @@ class wr {
     if (t !== o) return !1;
     Object.assign(this.options, e);
     const i = "pathMember" in e || "getPathCallback" in e || "parentPathMember" in e || "levelMember" in e || "hasChildrenMember" in e || "treePathSeparator" in e || "isTreeEnabled" in e || "isSelectableMember" in e || "getIsSelectableCallback" in e;
-    if ("options" in e && e.options !== void 0 ? (this.allOptions = e.options, this.reconcileSelectedOptions(), this.isTreeMode() ? this.buildTree() : this.filteredOptions = this.searchTerm ? this.filteredOptions : [...this.allOptions]) : i && (this.isTreeMode() ? this.buildTree() : this.filteredOptions = this.searchTerm ? this.filteredOptions : [...this.allOptions]), ("checkboxMode" in e || "cascadeSelectPolicy" in e) && !i && !("options" in e) && this.isTreeMode() && (this.cascadeIndex = this.isCascadeMode() ? ks(this.tree, (a) => String(this.getItemValue(a))) : null, this.isCascadeMode() && this.cascadeIndex)) {
+    if ("options" in e && e.options !== void 0 ? (this.allOptions = e.options, this.reconcileSelectedOptions(), this.isTreeMode() ? this.buildTree() : this.filteredOptions = this.searchTerm ? this.filteredOptions : [...this.allOptions]) : i && (this.isTreeMode() ? this.buildTree() : this.filteredOptions = this.searchTerm ? this.filteredOptions : [...this.allOptions]), ("checkboxMode" in e || "cascadeSelectPolicy" in e) && !i && !("options" in e) && this.isTreeMode() && (this.cascadeIndex = this.isCascadeMode() ? Cs(this.tree, (a) => String(this.getItemValue(a))) : null, this.isCascadeMode() && this.cascadeIndex)) {
       this.cascadeCheckedAtoms = Ke(this.cascadeIndex, this.selectedValues);
-      const a = Lt(
+      const a = Et(
         this.cascadeIndex,
         this.cascadeCheckedAtoms,
         this.cascadePolicy(),
@@ -4466,7 +4602,7 @@ class wr {
   spawnTooltip(e) {
     var r;
     (r = this.tooltips.get(e.id)) == null || r.destroy();
-    const t = this.element.getRootNode(), o = t instanceof ShadowRoot ? t : null, i = pr({
+    const t = this.element.getRootNode(), o = t instanceof ShadowRoot ? t : null, i = fr({
       trigger: e.trigger,
       container: this.options.container ?? o ?? document.body,
       content: e.content,
@@ -4512,11 +4648,11 @@ ${o}` : t;
         trigger: f,
         content: this.buildBadgeTooltipContent(c)
       });
-      const u = this.getItemBadgeDisplayValue(c);
+      const m = this.getItemBadgeDisplayValue(c);
       this.spawnTooltip({
         id: h,
         trigger: a,
-        content: this.buildRemoveButtonTooltipText(u, c),
+        content: this.buildRemoveButtonTooltipText(m, c),
         // Keep parent badge tooltip from overlapping the remove-button tooltip.
         onBeforeShow: () => {
           var g;
@@ -4613,7 +4749,7 @@ ${o}` : t;
     const n = document.createElement("div");
     n.className = "ms__option-tooltip ms__option-tooltip--fullscreen", typeof r == "string" ? n.textContent = r : n.appendChild(r);
     const a = this.element.getRootNode(), l = a instanceof ShadowRoot ? a : null, c = this.options.container ?? l ?? document.body;
-    this.labelRevealTrigger = e, this.labelRevealPanel = n, this.labelRevealPopover = fr({
+    this.labelRevealTrigger = e, this.labelRevealPanel = n, this.labelRevealPopover = gr({
       reference: e,
       panel: n,
       container: c,
@@ -4724,7 +4860,7 @@ ${o}` : t;
     this.destroyAllTooltips(), this.hideLabelReveal(), this.hideMessage(), this.searchDebounceTimer && (clearTimeout(this.searchDebounceTimer), this.searchDebounceTimer = void 0), this.abortInFlightSearch(), this.dropdownCleanup && this.dropdownCleanup(), this.hintCleanup && this.hintCleanup(), this.selectedPopoverCleanup && this.selectedPopoverCleanup(), this.overlayHistoryActive && (this.overlayHistoryActive = !1, typeof window < "u" && window.removeEventListener("popstate", this.onOverlayPopstate)), this.exitFullscreen(), this.documentClickHandler && (document.removeEventListener("click", this.documentClickHandler), this.documentClickHandler = null), this.documentKeydownHandler && (document.removeEventListener("keydown", this.documentKeydownHandler), this.documentKeydownHandler = null), this.virtualScroll && (this.virtualScroll.destroy(), this.virtualScroll = null), this.dropdown && this.dropdown.remove(), this.hint && this.hint.remove(), this.selectedPopover && this.selectedPopover.remove(), this.element.innerHTML = "", this.element.classList.remove("ms", "ms--open", "ms--no-checkboxes"), nt.info(`[${this.instanceId}] Component destroyed`);
   }
 }
-function xr() {
+function _r() {
   return {
     fromAttribute(s) {
       if (s === null || s.trim() === "") return [];
@@ -4745,29 +4881,29 @@ function xr() {
     }
   };
 }
-const _r = ["json", "csv", "plain"], Cs = ",", Ss = `
+const kr = ["json", "csv", "plain"], Ss = ",", Ts = `
 `;
-function kr(s, e, t = {}) {
+function Cr(s, e, t = {}) {
   if (s == null || s.trim() === "") return { options: [] };
-  const o = Ts(t.splitter ?? Cs) || Cs, i = Ts(t.rowSplitter ?? Ss) || Ss;
+  const o = Is(t.splitter ?? Ss) || Ss, i = Is(t.rowSplitter ?? Ts) || Ts;
   switch (e) {
     case "csv":
-      return Tr(s, o, i);
+      return Ir(s, o, i);
     case "plain":
-      return Sr(s, o, i);
+      return Tr(s, o, i);
     case "json":
     default:
-      return Cr(s);
+      return Sr(s);
   }
 }
-function Ts(s) {
+function Is(s) {
   return s.replace(
     /\\[ntr\\]/g,
     (e) => e === "\\n" ? `
 ` : e === "\\t" ? "	" : e === "\\r" ? "\r" : "\\"
   );
 }
-function Cr(s) {
+function Sr(s) {
   let e;
   try {
     e = JSON.parse(s);
@@ -4776,10 +4912,10 @@ function Cr(s) {
   }
   return Array.isArray(e) ? { options: e } : { options: [], error: "data-options JSON must be an array" };
 }
-function Sr(s, e, t) {
+function Tr(s, e, t) {
   return { options: s.split(t).flatMap((i) => i.split(e)).map((i) => i.trim()).filter((i) => i.length > 0).map((i) => [i, i]) };
 }
-function Tr(s, e, t) {
+function Ir(s, e, t) {
   const o = Or(s, e, t).filter((n) => !(n.length === 1 && n[0].trim() === ""));
   if (o.length < 2)
     return { options: [], error: "data-options CSV needs a header row and at least one data row" };
@@ -4804,7 +4940,7 @@ function Or(s, e, t) {
   }
   return i.push(r), o.push(i), o;
 }
-const Qs = `@layer variables,component,overrides;@layer variables{:host{display:block;--ms-rem: 10px;font-family:var(--ms-font-family, var(--base-font-family, inherit));--ms-accent-color: var(--base-accent-color, #3b82f6);--ms-accent-color-hover: var(--base-accent-color-hover, #2563eb);--ms-accent-color-active: var(--base-accent-color-active, #1d4ed8);--ms-accent-color-light: var(--base-accent-color-light, light-dark(#eff6ff, #1e3a5f));--ms-accent-color-light-hover: var(--base-accent-color-light-hover, light-dark(#e0f2fe, #264a73));--ms-text-color-1: var(--base-text-color-1, light-dark(#111827, #f5f5f5));--ms-text-color-2: var(--base-text-color-2, light-dark(#353b47, #d4d4d4));--ms-text-color-3: var(--base-text-color-3, light-dark(#6b7280, #a3a3a3));--ms-text-color-4: var(--base-text-color-4, light-dark(#a0a3a9, #737373));--ms-text-color-on-accent: var(--base-text-color-on-accent, #ffffff);--ms-text-primary: var(--ms-text-color-1);--ms-text-secondary: var(--ms-text-color-3);--ms-primary-bg: var(--base-hover-bg, color-mix(in srgb, var(--ms-text-color-1) 8%, var(--base-main-bg, light-dark(#ffffff, #1a1a1a))));--ms-primary-bg-hover: var(--base-active-bg, color-mix(in srgb, var(--ms-text-color-1) 14%, var(--base-main-bg, light-dark(#ffffff, #1a1a1a))));--ms-border-color: var(--base-border-color, light-dark(#e5e7eb, #3a3a3a));--ms-border: var(--base-border, 1px solid var(--ms-border-color));--ms-input-bg: var(--base-input-bg, light-dark(#ffffff, #1a1a1a));--ms-input-color: var(--base-input-color, var(--ms-text-color-1));--ms-input-border: var(--base-input-border, 1px solid var(--ms-border-color));--ms-input-border-hover: var(--base-input-border-hover, 1px solid var(--ms-accent-color));--ms-input-border-focus: var(--base-input-border-focus, 1px solid var(--ms-accent-color));--ms-input-placeholder-color: var(--base-input-placeholder-color, var(--ms-text-color-4));--ms-input-bg-disabled: var(--base-input-bg-disabled, rgba(107, 114, 128, .05));--ms-toggle-icon-color: var(--ms-text-color-3);--ms-toggle-icon-color-open: var(--ms-text-color-3);--ms-counter-badge-bg: var(--ms-accent-color);--ms-counter-badge-bg-hover: var(--ms-accent-color-hover);--ms-counter-badge-color: var(--ms-text-color-on-accent);--ms-hint-bg: var(--base-main-bg, light-dark(#ffffff, #1a1a1a));--ms-hint-color: var(--ms-text-color-4);--ms-hint-border-color: var(--ms-border-color);--ms-dropdown-bg: var(--base-dropdown-bg, var(--base-elevated-bg, light-dark(#ffffff, #1a1a1a)));--ms-dropdown-text-color: var(--ms-text-color-1);--ms-dropdown-border-color: var(--ms-border-color);--ms-dropdown-box-shadow-semantic: var(--base-dropdown-box-shadow, 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1));--ms-actions-bg: var(--base-main-bg, light-dark(#ffffff, #1a1a1a));--ms-actions-border-color: var(--ms-border-color);--ms-action-button-bg: transparent;--ms-action-button-bg-hover: var(--ms-primary-bg);--ms-action-button-border-color: var(--ms-border-color);--ms-action-button-border-color-hover: var(--ms-accent-color);--ms-action-button-color: var(--ms-text-color-1);--ms-group-border-color: var(--ms-border-color);--ms-option-text-color: var(--ms-text-color-1);--ms-option-bg: transparent;--ms-option-bg-hover: var(--ms-primary-bg);--ms-option-color-hover: inherit;--ms-option-bg-focused: var(--ms-primary-bg);--ms-option-color-focused: inherit;--ms-option-outline-color-focused: var(--ms-accent-color);--ms-option-bg-selected: color-mix(in srgb, var(--ms-accent-color) 10%, transparent);--ms-option-bg-matched: color-mix(in srgb, var(--ms-accent-color) 8%, transparent);--ms-option-color-matched: inherit;--ms-option-border-matched-color: color-mix(in srgb, var(--ms-accent-color) 40%, transparent);--ms-option-title-color: var(--ms-text-color-1);--ms-option-subtitle-color: var(--ms-text-color-3);--ms-option-mark-bg: color-mix(in srgb, var(--ms-accent-color) 20%, transparent);--ms-option-mark-color: inherit;--ms-loading-color: var(--ms-text-color-3);--ms-badge-bg: var(--ms-accent-color-light);--ms-badge-bg-hover: var(--base-hover-bg, var(--ms-accent-color-light-hover));--ms-badge-bg-active: var(--ms-accent-color-light-hover);--ms-badge-text-bg-hover: var(--base-hover-bg, var(--ms-accent-color-light-hover));--ms-badge-text-color-hover: var(--ms-badge-text-color);--ms-badge-counter-border-color: var(--ms-border-color);--ms-badge-counter-text-bg: var(--ms-primary-bg-hover);--ms-badge-counter-text-color: var(--ms-text-color-1);--ms-badge-counter-remove-bg: var(--ms-text-color-3);--ms-badge-counter-remove-bg-hover: var(--ms-text-color-1);--ms-badge-counter-remove-color: var(--ms-text-color-on-accent);--ms-counter-wrapper-border-color: var(--ms-border-color);--ms-count-clear-bg-hover: var(--ms-accent-color);--ms-tooltip-bg: var(--base-tooltip-bg, var(--base-inverse-bg, light-dark(#333333, #f5f5f5)));--ms-tooltip-text-color: var(--base-tooltip-text-color, light-dark(#ffffff, #1a1a1a));--ms-selected-popover-bg: var(--base-dropdown-bg, var(--base-elevated-bg, light-dark(#ffffff, #1a1a1a)));--ms-selected-popover-border-color: var(--ms-border-color);--ms-selected-popover-header-border-color: var(--ms-border-color);--ms-selected-popover-close-bg-hover: var(--ms-accent-color);--ms-input-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-input-padding-right: calc(4 * var(--ms-rem));--ms-input-padding-h: calc(1.2 * var(--ms-rem));--ms-input-height: calc(var(--base-input-size-md-height, 3.5) * var(--ms-rem));--ms-input-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-input-border-width: 1px;--ms-input-border-radius: var(--ms-border-radius-md);--ms-input-text: var(--ms-text-color-1);--ms-input-bg-disabled: rgba(107, 114, 128, .05);--ms-toggle-right: calc(1.2 * var(--ms-rem));--ms-toggle-color: var(--ms-text-color-3);--ms-transform-center-y: translateY(-50%);--ms-transform-rotate-180: 180deg;--ms-counter-offset: calc(3.2 * var(--ms-rem));--ms-counter-padding: calc(.2 * var(--ms-rem)) calc(.4 * var(--ms-rem));--ms-counter-bg: var(--ms-accent-color);--ms-counter-color: var(--ms-text-color-on-accent);--ms-counter-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-counter-font-weight: var(--base-font-weight-semibold, 600);--ms-counter-border-radius: var(--ms-border-radius-sm);--ms-counter-bg-hover: var(--ms-accent-color-hover);--ms-transform-scale-hover: 1.1;--ms-hint-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-hint-border: 1px solid var(--ms-hint-border-color);--ms-hint-border-radius: var(--ms-border-radius-lg);--ms-hint-box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ms-hint-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-dropdown-border: var(--base-dropdown-border, 1px solid var(--ms-dropdown-border-color));--ms-dropdown-border-radius: var(--ms-border-radius-lg);--ms-dropdown-box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ms-input-current-width: auto;--ms-dropdown-width: var(--ms-input-current-width);--ms-options-max-height: calc(32 * var(--ms-rem));--ms-option-color: var(--ms-text-color-1);--ms-z-index-dropdown: 9999;--ms-z-index-sticky: 1;--ms-z-index-fullscreen: 10001;--ms-z-index-fullscreen-tooltip: 10002;--ms-fullscreen-rem: 12px;--ms-fullscreen-bg: var(--ms-dropdown-bg);--ms-fullscreen-text-color: var(--ms-dropdown-text-color);--ms-fullscreen-header-bg: var(--ms-dropdown-bg);--ms-fullscreen-header-border: 1px solid var(--ms-dropdown-border-color);--ms-fullscreen-header-gap: calc(.8 * var(--ms-fullscreen-rem));--ms-fullscreen-header-padding-v: calc(.8 * var(--ms-fullscreen-rem));--ms-fullscreen-header-padding-h: calc(1.2 * var(--ms-fullscreen-rem));--ms-fullscreen-header-padding: var(--ms-fullscreen-header-padding-v) var(--ms-fullscreen-header-padding-h);--ms-fullscreen-header-min-height: calc(5.6 * var(--ms-fullscreen-rem));--ms-fullscreen-title-font-size: calc(1.7 * var(--ms-fullscreen-rem));--ms-fullscreen-title-font-weight: var(--base-font-weight-semibold, 600);--ms-fullscreen-search-border: var(--ms-input-border);--ms-fullscreen-search-border-radius: var(--ms-input-border-radius);--ms-fullscreen-search-padding: calc(.8 * var(--ms-fullscreen-rem)) calc(1.2 * var(--ms-fullscreen-rem));--ms-fullscreen-search-font-size: calc(1.6 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-size: calc(2.8 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-icon-size: calc(1.4 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-inset: calc(.4 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-gutter: calc(3.4 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-color: var(--ms-text-muted-color, var(--ms-dropdown-text-color));--ms-fullscreen-search-clear-bg-hover: var(--ms-option-bg-matched, transparent);--ms-fullscreen-close-size: calc(3.6 * var(--ms-fullscreen-rem));--ms-fullscreen-close-icon-size: calc(1.6 * var(--ms-fullscreen-rem));--ms-fullscreen-close-color: var(--ms-dropdown-text-color);--ms-fullscreen-close-bg: transparent;--ms-fullscreen-close-border: none;--ms-fullscreen-close-border-radius: 50%;--ms-fullscreen-close-bg-hover: var(--ms-option-bg-matched, transparent);--ms-fullscreen-close-edge-nudge: calc(.8 * var(--ms-fullscreen-rem));--ms-fullscreen-info-size: calc(2.8 * var(--ms-fullscreen-rem));--ms-fullscreen-info-icon-size: calc(1.8 * var(--ms-fullscreen-rem));--ms-fullscreen-info-color: var(--ms-accent-color);--ms-fullscreen-info-bg-hover: var(--ms-option-bg-matched, transparent);--ms-fullscreen-nav-gap: calc(.6 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-padding-top: calc(.6 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-count-font-size: calc(1.3 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-count-color: var(--ms-text-muted-color, var(--ms-dropdown-text-color));--ms-fullscreen-nav-btn-size: calc(3.2 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-btn-icon-size: calc(1.6 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-btn-color: var(--ms-dropdown-text-color);--ms-fullscreen-nav-btn-bg: var(--ms-option-bg-matched, transparent);--ms-fullscreen-nav-btn-bg-hover: var(--ms-accent-color-light, var(--ms-option-bg-matched, transparent));--ms-icon-chevron: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 15l7-7 7 7' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>");--ms-icon-info: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/><circle cx='12' cy='7.5' r='1.3' fill='black'/><path d='M12 11v6' stroke='black' stroke-width='2' stroke-linecap='round' fill='none'/></svg>");--ms-fullscreen-tree-base-indent: calc(.7 * var(--ms-fullscreen-rem));--ms-fullscreen-tree-indent: calc(1.2 * var(--ms-fullscreen-rem));--ms-actions-gap: calc(.4 * var(--ms-rem));--ms-actions-padding: calc(.8 * var(--ms-rem));--ms-actions-border-bottom: 1px solid var(--ms-actions-border-color);--ms-action-btn-padding: calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem));--ms-action-btn-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-action-btn-border: var(--ms-border);--ms-action-btn-border-radius: var(--ms-border-radius-sm);--ms-action-btn-bg: transparent;--ms-action-btn-color: inherit;--ms-action-btn-bg-hover: var(--ms-primary-bg);--ms-action-btn-border-color-hover: var(--ms-accent-color);--ms-transform-scale-active: .98;--ms-options-padding: 0;--ms-group-border-top: 1px solid var(--ms-group-border-color);--ms-group-margin-top: calc(.4 * var(--ms-rem));--ms-group-padding-top: calc(.4 * var(--ms-rem));--ms-group-label-padding: calc(.4 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-group-label-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-group-label-font-weight: var(--base-font-weight-semibold, 600);--ms-group-label-color: var(--ms-text-color-3);--ms-group-label-transform: uppercase;--ms-group-label-letter-spacing: .05em;--ms-option-gap: calc(.8 * var(--ms-rem));--ms-option-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-option-padding-h: calc(1.2 * var(--ms-rem));--ms-option-min-height: auto;--ms-option-outline-focused: 2px solid var(--ms-option-outline-color-focused);--ms-option-focus-outline-offset: -2px;--ms-option-border-matched: 3px solid var(--ms-option-border-matched-color);--ms-option-bg-focused-hover: var(--ms-primary-bg);--ms-option-bg-matched-hover: color-mix(in srgb, var(--ms-accent-color) 12%, transparent);--ms-option-bg-selected-focused: color-mix(in srgb, var(--ms-accent-color) 15%, transparent);--ms-option-bg-selected-matched: color-mix(in srgb, var(--ms-accent-color) 15%, transparent);--ms-option-disabled-bg: var(--base-disabled-bg, transparent);--ms-option-bg-disabled-selected: color-mix(in srgb, var(--ms-accent-color) 10%, transparent);--ms-disabled-opacity: .5;--ms-option-content-gap: calc(.8 * var(--ms-rem));--ms-option-icon-size: calc(2 * var(--ms-rem));--ms-option-icon-font-size: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-option-title-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-option-mark-font-weight: var(--base-font-weight-semibold, 600);--ms-option-title-white-space: normal;--ms-option-title-overflow: visible;--ms-option-title-text-overflow: clip;--ms-option-subtitle-margin-top: calc(.4 * var(--ms-rem));--ms-option-subtitle-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-option-subtitle-line-height: var(--base-line-height-tight, 1.25);--ms-checkbox-margin-top: calc(.2 * var(--ms-rem));--ms-checkbox-margin-right: 0;--ms-checkbox-margin-bottom: 0;--ms-checkbox-margin-left: 0;--ms-checkbox-size: calc(1.6 * var(--ms-rem));--ms-checkbox-scale: 1;--ms-checkbox-align: center;--ms-checkbox-bg: var(--ms-input-bg);--ms-checkbox-border-width: 1px;--ms-checkbox-border-color: var(--base-checkbox-border-color, #8f8f8f);--ms-checkbox-border: var(--ms-checkbox-border-width) solid var(--ms-checkbox-border-color);--ms-checkbox-border-radius: calc(.3 * var(--ms-rem));--ms-checkbox-checkmark-thickness: 2.5px;--ms-checkbox-checked-bg: var(--ms-accent-color);--ms-checkbox-checked-border: var(--ms-checkbox-border-width) solid var(--ms-accent-color);--ms-checkbox-checkmark-color: var(--ms-text-color-on-accent);--ms-checkbox-hover-border-color: var(--ms-accent-color);--ms-checkbox-disabled-bg: var(--ms-primary-bg);--ms-checkbox-disabled-border: var(--ms-checkbox-border-width) solid var(--ms-border-color);--ms-checkbox-checked-bg-hover: var(--ms-accent-color-hover);--ms-checkbox-checked-border-color-hover: var(--ms-accent-color-hover);--ms-state-min-height: calc(8 * var(--ms-rem));--ms-empty-padding: calc(1.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-empty-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-empty-color: var(--ms-text-color-3);--ms-loader-padding: calc(1.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-loader-gap: calc(.8 * var(--ms-rem));--ms-loading-text-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-loading-text-color: var(--ms-text-color-3);--ms-badges-gap: calc(.8 * var(--ms-rem));--ms-badges-margin-bottom: calc(.8 * var(--ms-rem));--ms-badges-margin-top: calc(.8 * var(--ms-rem));--ms-badges-margin-left: calc(.4 * var(--ms-rem));--ms-badges-margin-right: calc(.4 * var(--ms-rem));--ms-inline-align: center;--ms-badge-gap: calc(.8 * var(--ms-rem));--ms-badge-height: calc(2.7 * var(--ms-rem));--ms-badge-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-badge-font-weight: var(--base-font-weight-semibold, 600);--ms-badge-border-radius: var(--ms-border-radius-sm);--ms-order-first: -1;--ms-badge-text-padding: 0 calc(.8 * var(--ms-rem));--ms-badge-text-bg: var(--ms-accent-color-light);--ms-badge-text-color: var(--ms-accent-color);--ms-badge-text-border: none;--ms-badge-remove-width: calc(2.7 * var(--ms-rem));--ms-badge-remove-bg: var(--ms-accent-color);--ms-badge-remove-color: var(--ms-text-color-on-accent);--ms-badge-remove-border: none;--ms-badge-remove-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-badge-remove-bg-hover: var(--ms-accent-color-hover);--ms-badge-remove-box-shadow-focus: 0 0 0 2px color-mix(in srgb, var(--ms-accent-color) 50%, transparent);--ms-badge-remove-icon-size: calc(1 * var(--ms-rem));--ms-icon-remove: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 6L18 18M18 6L6 18' stroke='black' stroke-width='2.5' stroke-linecap='round' fill='none'/></svg>");--ms-icon-search-clear: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m13.5 8.5-5 5'/><path d='m8.5 8.5 5 5'/><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>");--ms-badge-counter-bg: transparent;--ms-badge-counter-border: 1px solid var(--ms-badge-counter-border-color);--ms-badge-counter-border-radius: var(--ms-border-radius-sm);--ms-more-badge-bg: var(--ms-accent-color-light);--ms-more-badge-hover-bg: var(--ms-badge-bg-hover);--ms-more-badge-active-bg: var(--ms-accent-color-light-hover);--ms-count-display-margin-bottom: calc(.8 * var(--ms-rem));--ms-count-display-margin-top: calc(.8 * var(--ms-rem));--ms-count-display-margin-left: calc(.8 * var(--ms-rem));--ms-count-display-margin-right: calc(.8 * var(--ms-rem));--ms-counter-wrapper-bg: transparent;--ms-counter-wrapper-border: var(--ms-border);--ms-counter-wrapper-border-radius: var(--ms-border-radius-sm);--ms-counter-wrapper-padding: calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem));--ms-counter-wrapper-gap: calc(.4 * var(--ms-rem));--ms-counter-wrapper-bg-hover: var(--ms-primary-bg);--ms-counter-wrapper-border-color-hover: var(--ms-accent-color);--ms-count-text-bg: transparent;--ms-count-text-border: none;--ms-count-text-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-count-text-color: var(--ms-text-color-1);--ms-count-clear-size: calc(1.6 * var(--ms-rem));--ms-count-clear-bg: transparent;--ms-count-clear-color: var(--ms-text-color-3);--ms-count-clear-font-size: calc(var(--base-font-size-lg, 1.8) * var(--ms-rem));--ms-count-clear-border-radius: var(--ms-border-radius-sm);--ms-count-clear-bg-hover: color-mix(in srgb, var(--ms-accent-color) 20%, transparent);--ms-count-clear-color-hover: var(--ms-accent-color);--ms-count-clear-icon-size: calc(1.4 * var(--ms-rem));--ms-icon-clear: var(--ms-icon-remove);--ms-tooltip-color: var(--ms-tooltip-text-color);--ms-tooltip-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-tooltip-border-radius: var(--ms-border-radius-lg);--ms-tooltip-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-tooltip-max-width: calc(32 * var(--ms-rem));--ms-tooltip-shadow: 0 2px 8px rgba(0, 0, 0, .15);--ms-tooltip-z-index: 10000;--ms-option-tooltip-bg: var(--ms-tooltip-bg);--ms-option-tooltip-text-color: var(--ms-tooltip-text-color);--ms-option-tooltip-padding: var(--ms-tooltip-padding);--ms-option-tooltip-border-radius: var(--ms-tooltip-border-radius);--ms-option-tooltip-font-size: var(--ms-tooltip-font-size);--ms-option-tooltip-max-width: var(--ms-tooltip-max-width);--ms-option-tooltip-shadow: var(--ms-tooltip-shadow);--ms-option-tooltip-z-index: var(--ms-tooltip-z-index);--ms-message-bg: var(--ms-message-info-bg);--ms-message-color: var(--ms-message-info-color);--ms-message-border: 1px solid transparent;--ms-message-border-radius: var(--ms-border-radius-lg);--ms-message-padding: calc(1 * var(--ms-rem)) calc(1.4 * var(--ms-rem));--ms-message-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-message-font-weight: var(--base-font-weight-medium, 500);--ms-message-max-width: calc(40 * var(--ms-rem));--ms-message-shadow: 0 4px 16px rgb(0 0 0 / .18);--ms-message-fullscreen-offset: calc(2.4 * var(--ms-fullscreen-rem));--ms-message-z-index: var(--ms-z-index-fullscreen-tooltip);--ms-message-info-bg: var(--ms-tooltip-bg);--ms-message-info-color: var(--ms-tooltip-text-color);--ms-message-warning-bg: var(--base-warning-bg, #f59e0b);--ms-message-warning-color: var(--base-warning-color, #1a1a1a);--ms-message-error-bg: var(--base-danger-bg, #ef4444);--ms-message-error-color: var(--base-danger-color, #ffffff);--ms-message-success-bg: var(--base-success-bg, #10b981);--ms-message-success-color: var(--base-success-color, #ffffff);--ms-z-index-popover: 10000;--ms-selected-popover-width: calc(32 * var(--ms-rem));--ms-selected-popover-max-height: calc(32 * var(--ms-rem));--ms-selected-popover-border: 1px solid var(--ms-selected-popover-border-color);--ms-selected-popover-border-radius: var(--ms-border-radius-lg);--ms-selected-popover-box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ms-selected-popover-header-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-selected-popover-header-bg: color-mix(in srgb, var(--ms-accent-color) 10%, transparent);--ms-selected-popover-header-border-bottom: 1px solid var(--ms-selected-popover-header-border-color);--ms-selected-popover-header-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-selected-popover-header-font-weight: var(--base-font-weight-semibold, 600);--ms-selected-popover-header-color: var(--ms-text-color-1);--ms-popover-close-size: calc(2.4 * var(--ms-rem));--ms-selected-popover-close-bg: transparent;--ms-selected-popover-close-color: var(--ms-text-color-3);--ms-selected-popover-close-font-size: calc(var(--base-font-size-xl, 2) * var(--ms-rem));--ms-selected-popover-close-border-radius: var(--ms-border-radius-sm);--ms-selected-popover-close-bg-hover: color-mix(in srgb, var(--ms-accent-color) 20%, transparent);--ms-selected-popover-close-color-hover: var(--ms-accent-color);--ms-selected-popover-close-icon-size: calc(1.4 * var(--ms-rem));--ms-selected-popover-body-gap: calc(.4 * var(--ms-rem));--ms-selected-popover-body-padding: calc(.8 * var(--ms-rem));--ms-selected-popover-body-max-height: calc(28.8 * var(--ms-rem));--ms-font-size-2xs: calc(var(--base-font-size-2xs, 1) * var(--ms-rem));--ms-font-size-xs: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-font-size-sm: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-font-size-base: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-font-size-lg: calc(var(--base-font-size-lg, 1.8) * var(--ms-rem));--ms-font-weight-normal: var(--base-font-weight-normal, 400);--ms-font-weight-medium: var(--base-font-weight-medium, 500);--ms-font-weight-semibold: var(--base-font-weight-semibold, 600);--ms-line-height-none: 1;--ms-line-height-tight: var(--base-line-height-tight, 1.25);--ms-line-height-normal: var(--base-line-height-normal, 1.5);--ms-line-height-relaxed: var(--base-line-height-relaxed, 1.75);--ms-border-radius-sm: calc(var(--base-border-radius-sm, .4) * var(--ms-rem));--ms-border-radius-md: calc(var(--base-border-radius-md, .6) * var(--ms-rem));--ms-border-radius-lg: calc(var(--base-border-radius-lg, .8) * var(--ms-rem));--ms-border-radius: var(--ms-border-radius-md);--ms-spacing-xs: calc(.4 * var(--ms-rem));--ms-spacing-sm: calc(.8 * var(--ms-rem));--ms-spacing-md: calc(1.2 * var(--ms-rem));--ms-spacing-lg: calc(1.6 * var(--ms-rem));--ms-transition-fast: .15s;--ms-transition-normal: .2s;--ms-easing-snappy: cubic-bezier(.4, 0, .2, 1);--ms-placeholder-opacity: .6;--ms-disabled-input-opacity: .6;--ms-scrollbar-width: 8px;--ms-scrollbar-track-bg: transparent;--ms-scrollbar-thumb-bg: var(--ms-border-color);--ms-scrollbar-thumb-bg-hover: var(--ms-text-color-3);--ms-scrollbar-thumb-border-radius: 4px;--ms-debug-bg: var(--base-elevated-bg, light-dark(#f9fafb, #2b2b2b));--ms-debug-border-color: var(--ms-border-color);--ms-debug-text-color: var(--ms-text-color-1);--ms-debug-border-radius: var(--ms-border-radius-md);--ms-debug-summary-color: var(--ms-accent-color);--ms-debug-summary-bg-hover: var(--ms-primary-bg);--ms-debug-summary-outline-color: var(--ms-accent-color);--ms-debug-summary-border-radius: var(--ms-border-radius-sm);--ms-debug-stats-bg: var(--base-main-bg, light-dark(#ffffff, #1a1a1a));--ms-debug-stats-border-radius: var(--ms-border-radius-sm);--ms-debug-bullet-color: var(--ms-accent-color)}}@layer component{web-multiselect:not(:defined){display:block;min-height:calc(3.5 * var(--ms-rem));color:transparent!important;background:transparent}:host{-webkit-tap-highlight-color:transparent}.ms__wrapper{display:flex;flex-direction:column;align-items:stretch}.ms__wrapper--inline{flex-direction:row;align-items:var(--ms-inline-align, center)}.ms{position:relative;width:100%}}@layer component{.ms__input-wrapper{position:relative;display:flex;align-items:center}.ms__input{box-sizing:border-box;width:100%;font-family:inherit;height:var(--ms-input-height);padding:var(--ms-input-padding);padding-inline-end:var(--ms-input-padding-right);font-size:var(--ms-input-font-size);border:var(--ms-input-border);border-radius:var(--ms-input-border-radius);background:var(--ms-input-bg);color:var(--ms-input-color);cursor:pointer;transition:border var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__input:hover:not(:focus):not(:disabled){border:var(--ms-input-border-hover)}.ms__input:focus{outline:none;border:var(--ms-input-border-focus)}.ms__input::placeholder{color:var(--ms-input-placeholder-color);opacity:0;transition:opacity var(--ms-transition-fast) var(--ms-easing-snappy)}:host([data-ready]) .ms__input::placeholder{opacity:var(--ms-placeholder-opacity)}.ms__toggle{position:absolute;inset-inline-end:var(--ms-toggle-right);top:50%;transform:var(--ms-transform-center-y);pointer-events:none;color:var(--ms-toggle-icon-color);transition:transform var(--ms-transition-fast) var(--ms-easing-snappy)}.ms--open .ms__toggle{transform:var(--ms-transform-center-y) rotate(var(--ms-transform-rotate-180));color:var(--ms-toggle-icon-color-open)}.ms__counter{position:absolute;inset-inline-end:var(--ms-counter-offset);top:50%;transform:var(--ms-transform-center-y);padding:var(--ms-counter-padding);background:var(--ms-counter-badge-bg);color:var(--ms-counter-badge-color);font-size:var(--ms-counter-font-size);font-weight:var(--ms-counter-font-weight);border-radius:var(--ms-counter-border-radius);cursor:pointer;transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__counter:hover{background:var(--ms-counter-badge-bg-hover);transform:var(--ms-transform-center-y) scale(var(--ms-transform-scale-hover))}.ms__actions{display:flex;flex-direction:column;gap:var(--ms-actions-gap);padding:var(--ms-actions-padding)}.ms__actions--top{border-bottom:var(--ms-actions-border-bottom)}.ms__actions--bottom{flex-direction:column-reverse;border-top:var(--ms-actions-border-bottom)}.ms__actions-row{display:flex;flex-wrap:nowrap;gap:var(--ms-actions-gap)}.ms__actions--wrap .ms__actions-row{flex-wrap:wrap}.ms__actions--sticky{position:sticky;z-index:var(--ms-z-index-sticky);background:var(--ms-actions-bg)}.ms__actions--sticky.ms__actions--top{top:0}.ms__actions--sticky.ms__actions--bottom{bottom:0}.ms__actions--align-stretch .ms__action-btn{flex:1}.ms__actions--align-left .ms__actions-row{justify-content:flex-start}.ms__actions--align-right .ms__actions-row{justify-content:flex-end}.ms__actions--align-center .ms__actions-row{justify-content:center}.ms__actions--align-space-between .ms__actions-row{justify-content:space-between}.ms__action-btn{font-family:inherit;padding:var(--ms-action-btn-padding);font-size:var(--ms-action-btn-font-size);border:var(--ms-action-btn-border);border-radius:var(--ms-action-btn-border-radius);background:var(--ms-action-button-bg);color:var(--ms-action-button-color);cursor:pointer;transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}@media (hover: hover){.ms__action-btn:hover{background:var(--ms-action-button-bg-hover);border-color:var(--ms-action-button-border-color-hover)}}.ms__action-btn:active{transform:scale(var(--ms-transform-scale-active))}.ms__action-btn:disabled,.ms__action-btn[disabled]{opacity:var(--ms-disabled-opacity);cursor:not-allowed;pointer-events:none}}@layer component{.ms__hint{display:none;position:fixed;z-index:var(--ms-z-index-popover);padding:var(--ms-hint-padding);background:var(--ms-hint-bg);border:var(--ms-hint-border);border-radius:var(--ms-hint-border-radius);box-shadow:var(--ms-hint-box-shadow);font-size:var(--ms-hint-font-size);color:var(--ms-hint-color);line-height:var(--ms-line-height-relaxed);max-width:100%}.ms__hint--visible{display:block}.ms__dropdown{display:none;position:fixed;font-family:inherit;z-index:var(--ms-z-index-dropdown);background:var(--ms-dropdown-bg);border:var(--ms-dropdown-border);border-radius:var(--ms-dropdown-border-radius);box-shadow:var(--ms-dropdown-box-shadow);width:var(--ms-dropdown-width);max-height:var(--ms-options-max-height);overflow:hidden;color:var(--ms-dropdown-text-color)}.ms__dropdown--visible{display:flex;flex-direction:column}.ms__dropdown--fullscreen,.ms__selected-popover--fullscreen{--ms-rem: var(--ms-fullscreen-rem);--ms-option-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-option-gap: calc(.8 * var(--ms-rem));--ms-option-title-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-option-subtitle-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-option-icon-font-size: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-checkbox-size: calc(1.6 * var(--ms-rem));--ms-group-label-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-group-label-padding: calc(.4 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-tree-base-indent: var(--ms-fullscreen-tree-base-indent);--ms-tree-indent: var(--ms-fullscreen-tree-indent)}.ms__selected-popover--fullscreen{--ms-badge-gap: calc(.8 * var(--ms-rem));--ms-badge-height: calc(4.2 * var(--ms-rem));--ms-badge-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-badge-text-padding: 0 calc(1.2 * var(--ms-rem));--ms-badge-remove-width: calc(3.6 * var(--ms-rem));--ms-badge-remove-icon-size: calc(1.2 * var(--ms-rem));--ms-badge-remove-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem))}.ms__dropdown--fullscreen{--ms-actions-gap: calc(.4 * var(--ms-rem));--ms-actions-padding: calc(.8 * var(--ms-rem));--ms-action-btn-padding: calc(.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-action-btn-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem))}.ms__dropdown--fullscreen{position:fixed;top:0;inset-inline-start:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:none;border-radius:0;background:var(--ms-fullscreen-bg);color:var(--ms-fullscreen-text-color);z-index:var(--ms-z-index-fullscreen);box-sizing:border-box;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.ms__dropdown--fullscreen .ms__dropdown-inner{display:flex;flex-direction:column;flex:1;min-height:0;max-height:none;overflow:hidden}.ms__dropdown--fullscreen .ms__options{flex:1 1 0;min-height:0;height:auto;max-height:none;overflow-y:auto;padding-bottom:var(--ms-option-gap)}.ms__dropdown--fullscreen .ms__actions{flex:0 0 auto}.ms__fullscreen-header,.ms__selected-popover--fullscreen .ms__selected-popover-header{flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:var(--ms-fullscreen-header-gap);min-height:var(--ms-fullscreen-header-min-height);padding:var(--ms-fullscreen-header-padding);background:var(--ms-fullscreen-header-bg);border-bottom:var(--ms-fullscreen-header-border)}.ms__fullscreen-nav{flex:0 0 100%;display:flex;align-items:center;justify-content:space-between;gap:var(--ms-fullscreen-nav-gap);padding-top:var(--ms-fullscreen-nav-padding-top)}.ms__fullscreen-nav-count{font-size:var(--ms-fullscreen-nav-count-font-size);color:var(--ms-fullscreen-nav-count-color)}.ms__fullscreen-nav-controls{display:flex;align-items:center;gap:var(--ms-fullscreen-nav-gap)}.ms__fullscreen-nav-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--ms-fullscreen-nav-btn-size);height:var(--ms-fullscreen-nav-btn-size);padding:0;color:var(--ms-fullscreen-nav-btn-color);background:var(--ms-fullscreen-nav-btn-bg);border:none;border-radius:50%;cursor:pointer}.ms__fullscreen-nav-btn:hover:not(:disabled){background:var(--ms-fullscreen-nav-btn-bg-hover)}.ms__fullscreen-nav-btn:disabled{opacity:.4;cursor:default}.ms__fullscreen-nav-btn:before{content:"";display:block;width:var(--ms-fullscreen-nav-btn-icon-size);height:var(--ms-fullscreen-nav-btn-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-chevron) center / contain no-repeat;mask:var(--ms-icon-chevron) center / contain no-repeat}.ms__fullscreen-nav-btn--next:before{transform:scaleY(-1)}.ms__fullscreen-header>.ms__fullscreen-search-wrapper,.ms__selected-popover--fullscreen .ms__selected-popover-header>span{flex:1 1 auto;min-width:0}.ms__fullscreen-search-wrapper{position:relative;display:flex}.ms__selected-popover--fullscreen .ms__selected-popover-header{font-size:var(--ms-fullscreen-title-font-size);font-weight:var(--ms-fullscreen-title-font-weight);color:var(--ms-fullscreen-text-color)}.ms__fullscreen-search{flex:1 1 auto;min-width:0;font-family:inherit;font-size:var(--ms-fullscreen-search-font-size);color:inherit;background:transparent;border:var(--ms-fullscreen-search-border);border-radius:var(--ms-fullscreen-search-border-radius);padding:var(--ms-fullscreen-search-padding);padding-inline-end:var(--ms-fullscreen-search-clear-gutter)}.ms__fullscreen-search:focus{outline:none;border:var(--ms-input-border-focus)}.ms__fullscreen-search-clear{position:absolute;inset-inline-end:var(--ms-fullscreen-search-clear-inset);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:var(--ms-fullscreen-search-clear-size);height:var(--ms-fullscreen-search-clear-size);padding:0;color:var(--ms-fullscreen-search-clear-color);background:transparent;border:none;border-radius:50%;cursor:pointer}.ms__fullscreen-search-clear:hover{background:var(--ms-fullscreen-search-clear-bg-hover)}.ms__fullscreen-search-clear:before{content:"";display:block;width:var(--ms-fullscreen-search-clear-icon-size);height:var(--ms-fullscreen-search-clear-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-search-clear) center / contain no-repeat;mask:var(--ms-icon-search-clear) center / contain no-repeat}.ms__fullscreen-close,.ms__selected-popover--fullscreen .ms__selected-popover-close{flex:0 0 auto;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--ms-fullscreen-close-size);height:var(--ms-fullscreen-close-size);margin-inline-end:calc(-1 * var(--ms-fullscreen-close-edge-nudge));padding:0;color:var(--ms-fullscreen-close-color);background:var(--ms-fullscreen-close-bg);border:var(--ms-fullscreen-close-border);border-radius:var(--ms-fullscreen-close-border-radius);cursor:pointer}.ms__fullscreen-close:after,.ms__selected-popover--fullscreen .ms__selected-popover-close:after{content:"";position:absolute;inset-block-start:calc(-1 * var(--ms-fullscreen-close-size));inset-block-end:calc(-1 * var(--ms-fullscreen-header-padding-v));inset-inline-end:calc(-1 * var(--ms-fullscreen-header-padding-h));inset-inline-start:calc(-1 * var(--ms-fullscreen-header-gap))}.ms__fullscreen-close:hover,.ms__selected-popover--fullscreen .ms__selected-popover-close:hover{background:var(--ms-fullscreen-close-bg-hover);color:var(--ms-fullscreen-close-color)}.ms__fullscreen-close:before,.ms__selected-popover--fullscreen .ms__selected-popover-close:before{content:"";display:block;width:var(--ms-fullscreen-close-icon-size);height:var(--ms-fullscreen-close-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-remove) center / contain no-repeat;mask:var(--ms-icon-remove) center / contain no-repeat}.ms__dropdown--fullscreen .ms__option-info{flex:0 0 auto;display:none;align-items:center;justify-content:center;width:var(--ms-fullscreen-info-size);height:var(--ms-fullscreen-info-size);margin-inline-start:var(--ms-option-gap);padding:0;color:var(--ms-fullscreen-info-color);background:transparent;border:none;border-radius:50%;cursor:pointer}.ms__dropdown--fullscreen .ms__option--truncated .ms__option-info{display:inline-flex}@media (hover: hover){.ms__dropdown--fullscreen .ms__option-info:hover{background:var(--ms-fullscreen-info-bg-hover)}}.ms__dropdown--fullscreen .ms__option-info:before{content:"";display:block;width:var(--ms-fullscreen-info-icon-size);height:var(--ms-fullscreen-info-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-info) center / contain no-repeat;mask:var(--ms-icon-info) center / contain no-repeat}.ms__dropdown-inner{flex:1;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__dropdown-inner::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__dropdown-inner::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__dropdown-inner::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__dropdown-inner::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__dropdown--virtual{max-height:none}.ms__dropdown--virtual .ms__dropdown-inner{overflow-y:visible}.ms__badge-tooltip{position:fixed;z-index:var(--ms-tooltip-z-index);opacity:0;visibility:hidden;transition:opacity var(--ms-transition-normal) ease,visibility var(--ms-transition-normal) ease;background:var(--ms-tooltip-bg);color:var(--ms-tooltip-text-color);padding:var(--ms-tooltip-padding);border-radius:var(--ms-tooltip-border-radius);font-size:var(--ms-tooltip-font-size);line-height:var(--ms-line-height-relaxed);max-width:var(--ms-tooltip-max-width);word-wrap:break-word;white-space:pre-wrap;box-shadow:var(--ms-tooltip-shadow);pointer-events:none}.ms__badge-tooltip--visible{opacity:1;visibility:visible}.ms__option-tooltip{position:fixed;z-index:var(--ms-option-tooltip-z-index);opacity:0;visibility:hidden;transition:opacity var(--ms-transition-normal) ease,visibility var(--ms-transition-normal) ease;background:var(--ms-option-tooltip-bg);color:var(--ms-option-tooltip-text-color);padding:var(--ms-option-tooltip-padding);border-radius:var(--ms-option-tooltip-border-radius);font-size:var(--ms-option-tooltip-font-size);line-height:var(--ms-line-height-relaxed);max-width:var(--ms-option-tooltip-max-width);word-wrap:break-word;white-space:pre-wrap;box-shadow:var(--ms-option-tooltip-shadow);pointer-events:none}.ms__option-tooltip--visible{opacity:1;visibility:visible}.ms__option-tooltip--fullscreen{z-index:var(--ms-z-index-fullscreen-tooltip)}.ms__message{position:fixed;z-index:var(--ms-message-z-index);box-sizing:border-box;max-width:var(--ms-message-max-width);padding:var(--ms-message-padding);font-family:inherit;font-size:var(--ms-message-font-size);font-weight:var(--ms-message-font-weight);line-height:var(--ms-line-height-normal);color:var(--ms-message-color);background:var(--ms-message-bg);border:var(--ms-message-border);border-radius:var(--ms-message-border-radius);box-shadow:var(--ms-message-shadow);cursor:pointer;opacity:0;transition:opacity var(--ms-transition-normal) ease;-webkit-tap-highlight-color:transparent}.ms__message--visible{opacity:1}.ms__message--info{background:var(--ms-message-info-bg);color:var(--ms-message-info-color)}.ms__message--warning{background:var(--ms-message-warning-bg);color:var(--ms-message-warning-color)}.ms__message--error{background:var(--ms-message-error-bg);color:var(--ms-message-error-color)}.ms__message--success{background:var(--ms-message-success-bg);color:var(--ms-message-success-color)}.ms__message--fullscreen{left:50%;right:auto;bottom:calc(var(--ms-message-fullscreen-offset) + env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(var(--ms-message-max-width),calc(100vw - 4 * var(--ms-fullscreen-rem)));padding:calc(1 * var(--ms-fullscreen-rem)) calc(1.4 * var(--ms-fullscreen-rem));font-size:calc(var(--base-font-size-sm, 1.4) * var(--ms-fullscreen-rem))}.ms__selected-popover{display:none;position:fixed;z-index:var(--ms-z-index-popover);background:var(--ms-selected-popover-bg);border:var(--ms-selected-popover-border);border-radius:var(--ms-selected-popover-border-radius);box-shadow:var(--ms-selected-popover-box-shadow);width:var(--ms-selected-popover-width);max-height:var(--ms-selected-popover-max-height);overflow:hidden}.ms__selected-popover--visible{display:flex;flex-direction:column}.ms__selected-popover--virtual{display:block;overflow:visible;max-height:none}.ms__selected-popover--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:none;border-radius:0;overflow:hidden;background:var(--ms-fullscreen-bg);color:var(--ms-fullscreen-text-color);z-index:var(--ms-z-index-fullscreen);box-sizing:border-box;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.ms__selected-popover--fullscreen .ms__selected-popover-body{flex:1 1 0;min-height:0;max-height:none}.ms__selected-popover-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ms-selected-popover-header-padding);background:var(--ms-selected-popover-header-bg);border-bottom:var(--ms-selected-popover-header-border-bottom);font-size:var(--ms-selected-popover-header-font-size);font-weight:var(--ms-selected-popover-header-font-weight);color:var(--ms-selected-popover-header-color)}.ms__selected-popover-close{display:flex;align-items:center;justify-content:center;width:var(--ms-popover-close-size);height:var(--ms-popover-close-size);padding:0;border:none;background:var(--ms-selected-popover-close-bg);color:var(--ms-selected-popover-close-color);font-size:var(--ms-selected-popover-close-font-size);line-height:var(--ms-line-height-none);cursor:pointer;border-radius:var(--ms-selected-popover-close-border-radius);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__selected-popover-close:hover{background:var(--ms-selected-popover-close-bg-hover);color:var(--ms-selected-popover-close-color-hover)}.ms__selected-popover-close:before{content:"";display:block;width:var(--ms-selected-popover-close-icon-size);height:var(--ms-selected-popover-close-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-remove) center / contain no-repeat;mask:var(--ms-icon-remove) center / contain no-repeat}.ms__selected-popover-body{display:flex;flex-direction:column;gap:var(--ms-selected-popover-body-gap);padding:var(--ms-selected-popover-body-padding);overflow-y:auto;max-height:var(--ms-selected-popover-body-max-height);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__selected-popover-body::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__selected-popover-body::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__selected-popover-body::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__selected-popover-body::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__selected-popover-body .ms__badge{width:100%;min-height:fit-content;line-height:var(--ms-line-height-relaxed);flex-shrink:0}.ms__selected-popover-body .ms__badge-text{flex:1;min-width:0;white-space:normal;word-wrap:break-word}.ms__selected-popover-body--virtual{display:block;max-height:none;padding:0}.ms__selected-popover-body--virtual .ms__badge{height:var(--ms-badge-height-virtual, 36px);min-height:var(--ms-badge-height-virtual, 36px);max-height:var(--ms-badge-height-virtual, 36px);margin-bottom:var(--ms-selected-popover-body-gap);overflow:hidden;box-sizing:border-box}.ms__selected-popover-body--virtual .ms__badge-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@layer component{.ms--disabled .ms__input{opacity:var(--ms-disabled-input-opacity);cursor:not-allowed;background:var(--ms-input-bg-disabled)}.ms--disabled .ms__toggle{opacity:var(--ms-disabled-input-opacity)}.ms--no-checkboxes .ms__option{gap:0;padding-inline-start:var(--ms-option-padding-h)}.ms--no-checkboxes .ms__option-content{padding-inline-start:0}}@layer component;@layer component{.ms__badges{display:flex;flex-wrap:wrap;gap:var(--ms-badges-gap);padding:0}.ms__badges:empty{display:none}.ms__badges--bottom{margin-top:var(--ms-badges-margin-bottom)}.ms__badges--top{margin-bottom:var(--ms-badges-margin-top);order:var(--ms-order-first)}.ms__badges--left{order:var(--ms-order-first);margin-right:var(--ms-badges-margin-left);justify-content:flex-end}.ms__badges--right{margin-left:var(--ms-badges-margin-right);justify-content:flex-start}.ms__badge{display:inline-flex;align-items:center;height:var(--ms-badge-height);font-size:var(--ms-badge-font-size);font-weight:var(--ms-badge-font-weight);line-height:var(--ms-line-height-none);border-radius:var(--ms-badge-border-radius);overflow:hidden;max-width:100%}.ms__badge-text{display:flex;align-items:center;box-sizing:border-box;height:100%;padding:var(--ms-badge-text-padding);background:var(--ms-badge-text-bg);color:var(--ms-badge-text-color);border:var(--ms-badge-text-border);border-inline-end:none;border-start-start-radius:var(--ms-badge-border-radius);border-end-start-radius:var(--ms-badge-border-radius);border-start-end-radius:0;border-end-end-radius:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--ms-transition-normal) ease,color var(--ms-transition-normal) ease}.ms__badge:hover .ms__badge-text{background:var(--ms-badge-text-bg-hover, var(--ms-badge-text-bg));color:var(--ms-badge-text-color-hover, var(--ms-badge-text-color))}.ms__badge-remove{display:flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:inherit;width:var(--ms-badge-remove-width);height:100%;flex-shrink:0;background:var(--ms-badge-remove-bg);color:var(--ms-badge-remove-color);border:var(--ms-badge-remove-border);border-inline-start:none;border-start-end-radius:var(--ms-badge-border-radius);border-end-end-radius:var(--ms-badge-border-radius);border-start-start-radius:0;border-end-start-radius:0;cursor:pointer;transition:background-color var(--ms-transition-normal) ease;font-size:var(--ms-badge-remove-font-size)}.ms__badge-remove:hover{background:var(--ms-badge-remove-bg-hover)}.ms__badge-remove:focus{outline:none}.ms__badge-remove:focus-visible{outline:none;box-shadow:var(--ms-badge-remove-box-shadow-focus)}.ms__badge-remove:before{content:"";display:block;width:var(--ms-badge-remove-icon-size);height:var(--ms-badge-remove-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-remove) center / contain no-repeat;mask:var(--ms-icon-remove) center / contain no-repeat}.ms__badge--counter{cursor:pointer}.ms__badge--counter .ms__badge-text{background:var(--ms-badge-counter-text-bg);color:var(--ms-badge-counter-text-color);border:var(--ms-badge-counter-border);border-inline-end:none}.ms__badge--counter .ms__badge-remove{background:var(--ms-badge-counter-remove-bg);color:var(--ms-badge-counter-remove-color);border:var(--ms-badge-counter-border);border-inline-start:none}.ms__badge--counter .ms__badge-remove:hover{background:var(--ms-badge-counter-remove-bg-hover)}.ms__badge--more,.ms__badge[data-action=show-selected]{cursor:pointer}}@layer component{.ms__count-display{display:flex;align-items:center}.ms__count-display:empty{display:none}.ms__count-display--bottom{margin-top:var(--ms-count-display-margin-bottom)}.ms__count-display--top{margin-bottom:var(--ms-count-display-margin-top);order:var(--ms-order-first)}.ms__count-display--left{order:var(--ms-order-first);margin-right:var(--ms-count-display-margin-left);justify-content:flex-start}.ms__count-display--right{margin-left:var(--ms-count-display-margin-right);justify-content:flex-end}.ms__counter-wrapper{display:inline-flex;align-items:center;gap:var(--ms-counter-wrapper-gap);background:var(--ms-counter-wrapper-bg);border:var(--ms-counter-wrapper-border);border-radius:var(--ms-counter-wrapper-border-radius);padding:var(--ms-counter-wrapper-padding);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__counter-wrapper:hover{background:var(--ms-counter-wrapper-bg-hover);border-color:var(--ms-counter-wrapper-border-color-hover)}.ms__count-text{display:inline-flex;align-items:center;background:var(--ms-count-text-bg);border:var(--ms-count-text-border);padding:0;font-size:var(--ms-count-text-font-size);color:var(--ms-count-text-color);cursor:pointer;transition:color var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__count-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--ms-count-clear-size);height:var(--ms-count-clear-size);padding:0;border:none;background:var(--ms-count-clear-bg);color:var(--ms-count-clear-color);font-size:var(--ms-count-clear-font-size);line-height:var(--ms-line-height-none);cursor:pointer;border-radius:var(--ms-count-clear-border-radius);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__count-clear:hover{background:var(--ms-count-clear-bg-hover);color:var(--ms-count-clear-color-hover)}.ms__count-clear:before{content:"";display:block;width:var(--ms-count-clear-icon-size);height:var(--ms-count-clear-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-clear) center / contain no-repeat;mask:var(--ms-icon-clear) center / contain no-repeat}}@layer component{.ms__debug-info{margin-top:calc(.4 * var(--ms-rem));padding:calc(.4 * var(--ms-rem));background-color:var(--ms-debug-bg);border:1px solid var(--ms-debug-border-color);border-radius:var(--ms-debug-border-radius);font-size:calc(1.2 * var(--ms-rem));color:var(--ms-debug-text-color)}.ms__debug-info details summary{cursor:pointer;font-weight:600;color:var(--ms-debug-summary-color);-webkit-user-select:none;user-select:none;padding:calc(.4 * var(--ms-rem));border-radius:var(--ms-debug-summary-border-radius)}.ms__debug-info details summary:hover{background-color:var(--ms-debug-summary-bg-hover)}.ms__debug-info details summary:focus{outline:2px solid var(--ms-debug-summary-outline-color);outline-offset:2px}.ms__debug-info .ms__debug-stats{display:flex;flex-direction:column;gap:calc(.4 * var(--ms-rem));margin-top:calc(.4 * var(--ms-rem));padding:calc(.4 * var(--ms-rem));background-color:var(--ms-debug-stats-bg);border-radius:var(--ms-debug-stats-border-radius)}.ms__debug-info .ms__debug-stats span{display:flex;justify-content:space-between;padding:2px 4px;font-family:monospace;font-size:calc(1 * var(--ms-rem))}.ms__debug-info .ms__debug-stats span:before{content:"•";margin-inline-end:calc(.4 * var(--ms-rem));color:var(--ms-debug-bullet-color)}}@layer component{.ms__options{padding:var(--ms-options-padding);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__options::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__options::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__options::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__options::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__options--virtual .ms__option,.ms__options--fixed-height .ms__option{height:var(--ms-option-height, 50px);min-height:var(--ms-option-height, 50px);max-height:var(--ms-option-height, 50px);overflow:hidden;box-sizing:border-box}.ms__group+.ms__group{border-top:var(--ms-group-border-top);margin-top:var(--ms-group-margin-top);padding-top:var(--ms-group-padding-top)}.ms__group-label{padding:var(--ms-group-label-padding);font-size:var(--ms-group-label-font-size);font-weight:var(--ms-group-label-font-weight);color:var(--ms-group-label-color);text-transform:var(--ms-group-label-transform);letter-spacing:var(--ms-group-label-letter-spacing)}.ms__option{display:flex;align-items:var(--ms-checkbox-align, center);gap:var(--ms-option-gap);padding:var(--ms-option-padding);position:relative;min-height:var(--ms-option-min-height, auto);color:var(--ms-option-text-color);background:var(--ms-option-bg);cursor:pointer;user-select:none;-webkit-user-select:none}@media (hover: hover){.ms__option:hover{background:var(--ms-option-bg-hover);color:var(--ms-option-color-hover, inherit)}}.ms__option--focused{background:var(--ms-option-bg-focused);color:var(--ms-option-color-focused, inherit);outline:var(--ms-option-outline-focused);outline-offset:var(--ms-option-focus-outline-offset)}.ms__option--matched{background:var(--ms-option-bg-matched);color:var(--ms-option-color-matched, inherit)}.ms__option--matched:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;border-inline-start:var(--ms-option-border-matched);pointer-events:none}.ms__option--selected{background:var(--ms-option-bg-selected)}@media (hover: hover){.ms__option--selected:hover{background:var(--ms-option-bg-selected-hover, var(--ms-option-bg-selected))}}.ms__option--disabled{opacity:var(--ms-disabled-opacity);cursor:not-allowed;background:var(--ms-option-disabled-bg)}.ms__option--disabled:hover{background:var(--ms-option-disabled-bg)}@media (hover: hover){.ms__option--focused:hover{background:var(--ms-option-bg-focused-hover);color:var(--ms-option-color-focused-hover, var(--ms-option-color-focused, var(--ms-option-text-color)))}}.ms__option--matched:hover{background:var(--ms-option-bg-matched-hover);color:var(--ms-option-color-matched-hover, var(--ms-option-color-matched, var(--ms-option-text-color)))}.ms__option--selected.ms__option--focused{background:var(--ms-option-bg-selected-focused);outline:var(--ms-option-outline-focused);outline-offset:var(--ms-option-focus-outline-offset)}.ms__option--selected.ms__option--matched{background:var(--ms-option-bg-selected-matched)}.ms__option--disabled.ms__option--selected{background:var(--ms-option-bg-disabled-selected)}.ms__option--disabled.ms__option--focused{outline:none}.ms__option[data-checkbox-align=top]{--ms-checkbox-align: flex-start}.ms__option[data-checkbox-align=bottom]{--ms-checkbox-align: flex-end}.ms__checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;flex-shrink:0;position:relative;margin-top:var(--ms-checkbox-margin-top);margin-inline-end:var(--ms-checkbox-margin-right);margin-bottom:var(--ms-checkbox-margin-bottom);margin-inline-start:var(--ms-checkbox-margin-left);width:var(--ms-checkbox-size);height:var(--ms-checkbox-size);transform:scale(var(--ms-checkbox-scale));transform-origin:top left;cursor:pointer;background:var(--ms-checkbox-bg);border:var(--ms-checkbox-border);border-radius:var(--ms-checkbox-border-radius);transition:background-color .15s ease,border-color .15s ease}.ms__checkbox:after{content:"";position:absolute;display:none;left:50%;top:40%;width:30%;height:55%;transform:translate(-50%,-50%) rotate(45deg);border:solid var(--ms-checkbox-checkmark-color);border-width:0 var(--ms-checkbox-checkmark-thickness, 2px) var(--ms-checkbox-checkmark-thickness, 2px) 0}.ms__checkbox:hover:not(:disabled){border-color:var(--ms-checkbox-hover-border-color)}.ms__checkbox:checked{background:var(--ms-checkbox-checked-bg);border:var(--ms-checkbox-checked-border)}.ms__checkbox:checked:after{display:block}.ms__checkbox--indeterminate{background:var(--ms-checkbox-checked-bg);border:var(--ms-checkbox-checked-border)}.ms__checkbox--indeterminate:after{display:block;top:50%;left:50%;width:55%;height:0;transform:translate(-50%,-50%);border:none;border-bottom:var(--ms-checkbox-checkmark-thickness, 2px) solid var(--ms-checkbox-checkmark-color)}.ms__checkbox--indeterminate:hover:not(:disabled){background:var(--ms-checkbox-checked-bg-hover);border-color:var(--ms-checkbox-checked-border-color-hover)}.ms__checkbox:checked:hover:not(:disabled){background:var(--ms-checkbox-checked-bg-hover);border-color:var(--ms-checkbox-checked-border-color-hover)}.ms__checkbox:focus-visible{outline:2px solid var(--ms-checkbox-checked-bg);outline-offset:2px}.ms__checkbox:disabled{cursor:not-allowed;background:var(--ms-checkbox-disabled-bg);border:var(--ms-checkbox-disabled-border);opacity:.6}.ms__checkbox:disabled:checked{background:var(--ms-checkbox-disabled-bg)}.ms__option--disabled .ms__checkbox{cursor:not-allowed}.ms__option-content{flex:1;display:flex;align-items:center;gap:var(--ms-option-content-gap);min-width:0}.ms__option-icon{flex-shrink:0;width:var(--ms-option-icon-size);height:var(--ms-option-icon-size);display:flex;align-items:center;justify-content:center;font-size:var(--ms-option-icon-font-size)}.ms__option-icon svg{width:100%;height:100%;fill:currentColor}.ms__option-text{flex:1;min-width:0}.ms__option-title{font-size:var(--ms-option-title-font-size);color:var(--ms-option-title-color);line-height:var(--ms-line-height-relaxed);white-space:var(--ms-option-title-white-space, normal);overflow:var(--ms-option-title-overflow, visible);text-overflow:var(--ms-option-title-text-overflow, clip)}@media (hover: hover){.ms__option:hover .ms__option-title{color:var(--ms-option-title-color-hover, var(--ms-option-title-color))}}.ms__option--selected .ms__option-title{color:var(--ms-option-title-color-selected, var(--ms-option-title-color))}@media (hover: hover){.ms__option--selected:hover .ms__option-title{color:var(--ms-option-title-color-selected-hover, var(--ms-option-title-color-selected, var(--ms-option-title-color)))}}.ms__option-title mark{background:var(--ms-option-mark-bg);color:var(--ms-option-mark-color);font-weight:var(--ms-option-mark-font-weight)}.ms__option-subtitle{margin-top:var(--ms-option-subtitle-margin-top);font-size:var(--ms-option-subtitle-font-size);color:var(--ms-option-subtitle-color);line-height:var(--ms-option-subtitle-line-height)}@media (hover: hover){.ms__option:hover .ms__option-subtitle{color:var(--ms-option-subtitle-color-hover, var(--ms-option-subtitle-color))}}.ms__option--selected .ms__option-subtitle{color:var(--ms-option-subtitle-color-selected, var(--ms-option-subtitle-color))}@media (hover: hover){.ms__option--selected:hover .ms__option-subtitle{color:var(--ms-option-subtitle-color-selected-hover, var(--ms-option-subtitle-color-selected, var(--ms-option-subtitle-color)))}}.ms__empty{display:flex;align-items:center;justify-content:center;min-height:var(--ms-state-min-height);padding:var(--ms-empty-padding);text-align:center;font-size:var(--ms-empty-font-size);color:var(--ms-empty-color)}.ms__loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--ms-state-min-height);padding:var(--ms-loader-padding);gap:var(--ms-loader-gap)}.ms__loading-text{font-size:var(--ms-loading-text-font-size);color:var(--ms-loading-color)}}@layer component{.ms--rtl .ms__badges{direction:rtl}.ms--rtl .ms__badges--right{margin-left:0;margin-right:var(--ms-badges-margin-right)}.ms--rtl .ms__badges--left{margin-right:0;margin-left:var(--ms-badges-margin-left)}.ms--rtl .ms__count-display{direction:rtl}.ms--rtl .ms__count-display--right{margin-left:0;margin-right:var(--ms-count-display-margin-right)}.ms--rtl .ms__count-display--left{margin-right:0;margin-left:var(--ms-count-display-margin-left)}}@layer component{.ms__option--tree{padding-inline-start:calc(var(--ms-tree-base-indent, .75rem) + var(--ms-tree-depth, 0) * var(--ms-tree-indent, 1.25rem))}.ms__option--tree-unselectable{cursor:default}.ms__option--tree-unselectable:hover{background:transparent}}@layer overrides{:host-context([data-theme="dark"]),:host-context([data-bs-theme="dark"]),:host-context(.dark){color-scheme:dark}:host-context([data-theme="light"]),:host-context([data-bs-theme="light"]),:host-context(.light){color-scheme:light}:host([data-theme="dark"]){color-scheme:dark}:host([data-theme="light"]){color-scheme:light}}`, Os = [
+const Zs = `@layer variables,component,overrides;@layer variables{:host{display:block;--ms-rem: 10px;font-family:var(--ms-font-family, var(--base-font-family, inherit));--ms-accent-color: var(--base-accent-color, #3b82f6);--ms-accent-color-hover: var(--base-accent-color-hover, #2563eb);--ms-accent-color-active: var(--base-accent-color-active, #1d4ed8);--ms-accent-color-light: var(--base-accent-color-light, light-dark(#eff6ff, #1e3a5f));--ms-accent-color-light-hover: var(--base-accent-color-light-hover, light-dark(#e0f2fe, #264a73));--ms-text-color-1: var(--base-text-color-1, light-dark(#111827, #f5f5f5));--ms-text-color-2: var(--base-text-color-2, light-dark(#353b47, #d4d4d4));--ms-text-color-3: var(--base-text-color-3, light-dark(#6b7280, #a3a3a3));--ms-text-color-4: var(--base-text-color-4, light-dark(#a0a3a9, #737373));--ms-text-color-on-accent: var(--base-text-color-on-accent, #ffffff);--ms-text-primary: var(--ms-text-color-1);--ms-text-secondary: var(--ms-text-color-3);--ms-primary-bg: var(--base-hover-bg, color-mix(in srgb, var(--ms-text-color-1) 8%, var(--base-main-bg, light-dark(#ffffff, #1a1a1a))));--ms-primary-bg-hover: var(--base-active-bg, color-mix(in srgb, var(--ms-text-color-1) 14%, var(--base-main-bg, light-dark(#ffffff, #1a1a1a))));--ms-border-color: var(--base-border-color, light-dark(#cbd5e1, #52525b));--ms-border: var(--base-border, 1px solid var(--ms-border-color));--ms-input-bg: var(--base-input-bg, light-dark(#ffffff, #1a1a1a));--ms-input-color: var(--base-input-color, var(--ms-text-color-1));--ms-input-border: var(--base-input-border, 1px solid var(--ms-border-color));--ms-input-border-hover: var(--base-input-border-hover, 1px solid var(--ms-accent-color));--ms-input-border-focus: var(--base-input-border-focus, 1px solid var(--ms-accent-color));--ms-input-placeholder-color: var(--base-input-placeholder-color, var(--ms-text-color-4));--ms-input-bg-disabled: var(--base-input-bg-disabled, rgba(107, 114, 128, .05));--ms-toggle-icon-color: var(--ms-text-color-3);--ms-toggle-icon-color-open: var(--ms-text-color-3);--ms-counter-badge-bg: var(--ms-accent-color);--ms-counter-badge-bg-hover: var(--ms-accent-color-hover);--ms-counter-badge-color: var(--ms-text-color-on-accent);--ms-hint-bg: var(--base-main-bg, light-dark(#ffffff, #1a1a1a));--ms-hint-color: var(--ms-text-color-4);--ms-hint-border-color: var(--ms-border-color);--ms-dropdown-bg: var(--base-dropdown-bg, var(--base-elevated-bg, light-dark(#ffffff, #1a1a1a)));--ms-dropdown-text-color: var(--ms-text-color-1);--ms-dropdown-border-color: var(--ms-border-color);--ms-dropdown-box-shadow-semantic: var(--base-dropdown-box-shadow, 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1));--ms-actions-bg: var(--base-main-bg, light-dark(#ffffff, #1a1a1a));--ms-actions-border-color: var(--ms-border-color);--ms-action-button-bg: transparent;--ms-action-button-bg-hover: var(--ms-primary-bg);--ms-action-button-border-color: var(--ms-border-color);--ms-action-button-border-color-hover: var(--ms-accent-color);--ms-action-button-color: var(--ms-text-color-1);--ms-group-border-color: var(--ms-border-color);--ms-option-text-color: var(--ms-text-color-1);--ms-option-bg: transparent;--ms-option-bg-hover: var(--ms-primary-bg);--ms-option-color-hover: inherit;--ms-option-bg-focused: var(--ms-primary-bg);--ms-option-color-focused: inherit;--ms-option-outline-color-focused: var(--ms-accent-color);--ms-option-bg-selected: color-mix(in srgb, var(--ms-accent-color) 10%, transparent);--ms-option-bg-matched: color-mix(in srgb, var(--ms-accent-color) 8%, transparent);--ms-option-color-matched: inherit;--ms-option-border-matched-color: color-mix(in srgb, var(--ms-accent-color) 40%, transparent);--ms-option-title-color: var(--ms-text-color-1);--ms-option-subtitle-color: var(--ms-text-color-3);--ms-option-mark-bg: color-mix(in srgb, var(--ms-accent-color) 20%, transparent);--ms-option-mark-color: inherit;--ms-loading-color: var(--ms-text-color-3);--ms-badge-bg: var(--ms-accent-color-light);--ms-badge-bg-hover: var(--base-hover-bg, var(--ms-accent-color-light-hover));--ms-badge-bg-active: var(--ms-accent-color-light-hover);--ms-badge-text-bg-hover: var(--base-hover-bg, var(--ms-accent-color-light-hover));--ms-badge-text-color-hover: var(--ms-badge-text-color);--ms-badge-counter-border-color: var(--ms-border-color);--ms-badge-counter-text-bg: var(--ms-primary-bg-hover);--ms-badge-counter-text-color: var(--ms-text-color-1);--ms-badge-counter-remove-bg: var(--ms-text-color-3);--ms-badge-counter-remove-bg-hover: var(--ms-text-color-1);--ms-badge-counter-remove-color: var(--ms-text-color-on-accent);--ms-counter-wrapper-border-color: var(--ms-border-color);--ms-count-clear-bg-hover: var(--ms-accent-color);--ms-tooltip-bg: var(--base-tooltip-bg, var(--base-inverse-bg, light-dark(#333333, #f5f5f5)));--ms-tooltip-text-color: var(--base-tooltip-text-color, light-dark(#ffffff, #1a1a1a));--ms-selected-popover-bg: var(--base-dropdown-bg, var(--base-elevated-bg, light-dark(#ffffff, #1a1a1a)));--ms-selected-popover-border-color: var(--ms-border-color);--ms-selected-popover-header-border-color: var(--ms-border-color);--ms-selected-popover-close-bg-hover: var(--ms-accent-color);--ms-input-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-input-padding-right: calc(4 * var(--ms-rem));--ms-input-padding-h: calc(1.2 * var(--ms-rem));--ms-input-height: calc(var(--base-input-size-md-height, 3.5) * var(--ms-rem));--ms-input-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-input-border-width: 1px;--ms-input-border-radius: var(--ms-border-radius-md);--ms-input-text: var(--ms-text-color-1);--ms-input-bg-disabled: rgba(107, 114, 128, .05);--ms-toggle-right: calc(1.2 * var(--ms-rem));--ms-toggle-color: var(--ms-text-color-3);--ms-transform-center-y: translateY(-50%);--ms-transform-rotate-180: 180deg;--ms-counter-offset: calc(3.2 * var(--ms-rem));--ms-counter-padding: calc(.2 * var(--ms-rem)) calc(.4 * var(--ms-rem));--ms-counter-bg: var(--ms-accent-color);--ms-counter-color: var(--ms-text-color-on-accent);--ms-counter-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-counter-font-weight: var(--base-font-weight-semibold, 600);--ms-counter-border-radius: var(--ms-border-radius-sm);--ms-counter-bg-hover: var(--ms-accent-color-hover);--ms-transform-scale-hover: 1.1;--ms-hint-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-hint-border: 1px solid var(--ms-hint-border-color);--ms-hint-border-radius: var(--ms-border-radius-lg);--ms-hint-box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--ms-hint-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-dropdown-border: var(--base-dropdown-border, 1px solid var(--ms-dropdown-border-color));--ms-dropdown-border-radius: var(--ms-border-radius-lg);--ms-dropdown-box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ms-input-current-width: auto;--ms-dropdown-width: var(--ms-input-current-width);--ms-options-max-height: calc(32 * var(--ms-rem));--ms-option-color: var(--ms-text-color-1);--ms-z-index-dropdown: 9999;--ms-z-index-sticky: 1;--ms-z-index-fullscreen: 10001;--ms-z-index-fullscreen-tooltip: 10002;--ms-fullscreen-rem: 12px;--ms-fullscreen-bg: var(--ms-dropdown-bg);--ms-fullscreen-text-color: var(--ms-dropdown-text-color);--ms-fullscreen-header-bg: var(--ms-dropdown-bg);--ms-fullscreen-header-border: 1px solid var(--ms-dropdown-border-color);--ms-fullscreen-header-gap: calc(.8 * var(--ms-fullscreen-rem));--ms-fullscreen-header-padding-v: calc(.8 * var(--ms-fullscreen-rem));--ms-fullscreen-header-padding-h: calc(1.2 * var(--ms-fullscreen-rem));--ms-fullscreen-header-padding: var(--ms-fullscreen-header-padding-v) var(--ms-fullscreen-header-padding-h);--ms-fullscreen-header-min-height: calc(5.6 * var(--ms-fullscreen-rem));--ms-fullscreen-title-font-size: calc(1.7 * var(--ms-fullscreen-rem));--ms-fullscreen-title-font-weight: var(--base-font-weight-semibold, 600);--ms-fullscreen-search-border: var(--ms-input-border);--ms-fullscreen-search-border-radius: var(--ms-input-border-radius);--ms-fullscreen-search-padding: calc(.8 * var(--ms-fullscreen-rem)) calc(1.2 * var(--ms-fullscreen-rem));--ms-fullscreen-search-font-size: calc(1.6 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-size: calc(2.8 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-icon-size: calc(1.4 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-inset: calc(.4 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-gutter: calc(3.4 * var(--ms-fullscreen-rem));--ms-fullscreen-search-clear-color: var(--ms-text-muted-color, var(--ms-dropdown-text-color));--ms-fullscreen-search-clear-bg-hover: var(--ms-option-bg-matched, transparent);--ms-fullscreen-mode-toggle-size: calc(2.8 * var(--ms-fullscreen-rem));--ms-fullscreen-mode-toggle-icon-size: calc(1.5 * var(--ms-fullscreen-rem));--ms-fullscreen-mode-toggle-gap: calc(.4 * var(--ms-fullscreen-rem));--ms-fullscreen-mode-toggle-color: var(--ms-text-muted-color, var(--ms-dropdown-text-color));--ms-fullscreen-mode-toggle-bg: transparent;--ms-fullscreen-mode-toggle-bg-hover: var(--ms-option-bg-matched, transparent);--ms-fullscreen-close-size: calc(3.6 * var(--ms-fullscreen-rem));--ms-fullscreen-close-icon-size: calc(1.6 * var(--ms-fullscreen-rem));--ms-fullscreen-close-color: var(--ms-dropdown-text-color);--ms-fullscreen-close-bg: transparent;--ms-fullscreen-close-border: none;--ms-fullscreen-close-border-radius: 50%;--ms-fullscreen-close-bg-hover: var(--ms-option-bg-matched, transparent);--ms-fullscreen-close-edge-nudge: calc(.8 * var(--ms-fullscreen-rem));--ms-fullscreen-info-size: calc(2.8 * var(--ms-fullscreen-rem));--ms-fullscreen-info-icon-size: calc(1.8 * var(--ms-fullscreen-rem));--ms-fullscreen-info-color: var(--ms-accent-color);--ms-fullscreen-info-bg-hover: var(--ms-option-bg-matched, transparent);--ms-fullscreen-nav-gap: calc(.6 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-padding-top: calc(.6 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-count-font-size: calc(1.3 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-count-color: var(--ms-text-muted-color, var(--ms-dropdown-text-color));--ms-fullscreen-nav-btn-size: calc(3.2 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-btn-icon-size: calc(1.6 * var(--ms-fullscreen-rem));--ms-fullscreen-nav-btn-color: var(--ms-dropdown-text-color);--ms-fullscreen-nav-btn-bg: var(--ms-option-bg-matched, transparent);--ms-fullscreen-nav-btn-bg-hover: color-mix(in srgb, var(--ms-accent-color) 22%, transparent);--ms-icon-chevron: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M5 15l7-7 7 7' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/></svg>");--ms-icon-info: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='9' fill='none' stroke='black' stroke-width='2'/><circle cx='12' cy='7.5' r='1.3' fill='black'/><path d='M12 11v6' stroke='black' stroke-width='2' stroke-linecap='round' fill='none'/></svg>");--ms-fullscreen-tree-base-indent: calc(.7 * var(--ms-fullscreen-rem));--ms-fullscreen-tree-indent: calc(1.2 * var(--ms-fullscreen-rem));--ms-actions-gap: calc(.4 * var(--ms-rem));--ms-actions-padding: calc(.8 * var(--ms-rem));--ms-actions-border-bottom: 1px solid var(--ms-actions-border-color);--ms-action-btn-padding: calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem));--ms-action-btn-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-action-btn-border: var(--ms-border);--ms-action-btn-border-radius: var(--ms-border-radius-sm);--ms-action-btn-bg: transparent;--ms-action-btn-color: inherit;--ms-action-btn-bg-hover: var(--ms-primary-bg);--ms-action-btn-border-color-hover: var(--ms-accent-color);--ms-transform-scale-active: .98;--ms-options-padding: 0;--ms-group-border-top: 1px solid var(--ms-group-border-color);--ms-group-margin-top: calc(.4 * var(--ms-rem));--ms-group-padding-top: calc(.4 * var(--ms-rem));--ms-group-label-padding: calc(.4 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-group-label-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-group-label-font-weight: var(--base-font-weight-semibold, 600);--ms-group-label-color: var(--ms-text-color-3);--ms-group-label-transform: uppercase;--ms-group-label-letter-spacing: .05em;--ms-option-gap: calc(.8 * var(--ms-rem));--ms-option-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-option-padding-h: calc(1.2 * var(--ms-rem));--ms-option-min-height: auto;--ms-option-outline-focused: 2px solid var(--ms-option-outline-color-focused);--ms-option-focus-outline-offset: -2px;--ms-option-border-matched: 3px solid var(--ms-option-border-matched-color);--ms-option-bg-focused-hover: var(--ms-primary-bg);--ms-option-bg-matched-hover: color-mix(in srgb, var(--ms-accent-color) 12%, transparent);--ms-option-bg-selected-focused: color-mix(in srgb, var(--ms-accent-color) 15%, transparent);--ms-option-bg-selected-matched: color-mix(in srgb, var(--ms-accent-color) 15%, transparent);--ms-option-disabled-bg: var(--base-disabled-bg, transparent);--ms-option-bg-disabled-selected: color-mix(in srgb, var(--ms-accent-color) 10%, transparent);--ms-disabled-opacity: .5;--ms-option-content-gap: calc(.8 * var(--ms-rem));--ms-option-icon-size: calc(2 * var(--ms-rem));--ms-option-icon-font-size: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-option-title-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-option-mark-font-weight: var(--base-font-weight-semibold, 600);--ms-option-title-white-space: normal;--ms-option-title-overflow: visible;--ms-option-title-text-overflow: clip;--ms-option-subtitle-margin-top: calc(.4 * var(--ms-rem));--ms-option-subtitle-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-option-subtitle-line-height: var(--base-line-height-tight, 1.25);--ms-checkbox-margin-top: 0;--ms-checkbox-margin-right: 0;--ms-checkbox-margin-bottom: 0;--ms-checkbox-margin-left: 0;--ms-checkbox-size: calc(1.6 * var(--ms-rem));--ms-checkbox-scale: 1;--ms-checkbox-align: center;--ms-checkbox-bg: var(--ms-input-bg);--ms-checkbox-border-width: 1px;--ms-checkbox-border-color: var(--base-checkbox-border-color, #8f8f8f);--ms-checkbox-border: var(--ms-checkbox-border-width) solid var(--ms-checkbox-border-color);--ms-checkbox-border-radius: calc(.3 * var(--ms-rem));--ms-checkbox-checkmark-thickness: 2.5px;--ms-checkbox-checked-bg: var(--ms-accent-color);--ms-checkbox-checked-border: var(--ms-checkbox-border-width) solid var(--ms-accent-color);--ms-checkbox-checkmark-color: var(--ms-text-color-on-accent);--ms-checkbox-hover-border-color: var(--ms-accent-color);--ms-checkbox-disabled-bg: var(--ms-primary-bg);--ms-checkbox-disabled-border: var(--ms-checkbox-border-width) solid var(--ms-border-color);--ms-checkbox-checked-bg-hover: var(--ms-accent-color-hover);--ms-checkbox-checked-border-color-hover: var(--ms-accent-color-hover);--ms-state-min-height: calc(8 * var(--ms-rem));--ms-empty-padding: calc(1.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-empty-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-empty-color: var(--ms-text-color-3);--ms-loader-padding: calc(1.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-loader-gap: calc(.8 * var(--ms-rem));--ms-loading-text-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-loading-text-color: var(--ms-text-color-3);--ms-badges-gap: calc(.8 * var(--ms-rem));--ms-badges-margin-bottom: calc(.8 * var(--ms-rem));--ms-badges-margin-top: calc(.8 * var(--ms-rem));--ms-badges-margin-left: calc(.4 * var(--ms-rem));--ms-badges-margin-right: calc(.4 * var(--ms-rem));--ms-inline-align: center;--ms-badge-gap: calc(.8 * var(--ms-rem));--ms-badge-height: calc(2.7 * var(--ms-rem));--ms-badge-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-badge-font-weight: var(--base-font-weight-semibold, 600);--ms-badge-border-radius: var(--ms-border-radius-sm);--ms-order-first: -1;--ms-badge-text-padding: 0 calc(.8 * var(--ms-rem));--ms-badge-text-bg: var(--ms-accent-color-light);--ms-badge-text-color: var(--ms-accent-color);--ms-badge-text-border: none;--ms-badge-remove-width: calc(2.7 * var(--ms-rem));--ms-badge-remove-bg: var(--ms-accent-color);--ms-badge-remove-color: var(--ms-text-color-on-accent);--ms-badge-remove-border: none;--ms-badge-remove-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-badge-remove-bg-hover: var(--ms-accent-color-hover);--ms-badge-remove-box-shadow-focus: 0 0 0 2px color-mix(in srgb, var(--ms-accent-color) 50%, transparent);--ms-badge-remove-icon-size: calc(1 * var(--ms-rem));--ms-icon-remove: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M6 6L18 18M18 6L6 18' stroke='black' stroke-width='2.5' stroke-linecap='round' fill='none'/></svg>");--ms-icon-search-clear: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m13.5 8.5-5 5'/><path d='m8.5 8.5 5 5'/><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>");--ms-icon-search: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='11' cy='11' r='8'/><path d='m21 21-4.3-4.3'/></svg>");--ms-icon-filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polygon points='22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3'/></svg>");--ms-badge-counter-bg: transparent;--ms-badge-counter-border: 1px solid var(--ms-badge-counter-border-color);--ms-badge-counter-border-radius: var(--ms-border-radius-sm);--ms-more-badge-bg: var(--ms-accent-color-light);--ms-more-badge-hover-bg: var(--ms-badge-bg-hover);--ms-more-badge-active-bg: var(--ms-accent-color-light-hover);--ms-count-display-margin-bottom: calc(.8 * var(--ms-rem));--ms-count-display-margin-top: calc(.8 * var(--ms-rem));--ms-count-display-margin-left: calc(.8 * var(--ms-rem));--ms-count-display-margin-right: calc(.8 * var(--ms-rem));--ms-counter-wrapper-bg: transparent;--ms-counter-wrapper-border: var(--ms-border);--ms-counter-wrapper-border-radius: var(--ms-border-radius-sm);--ms-counter-wrapper-padding: calc(.4 * var(--ms-rem)) calc(.8 * var(--ms-rem));--ms-counter-wrapper-gap: calc(.4 * var(--ms-rem));--ms-counter-wrapper-bg-hover: var(--ms-primary-bg);--ms-counter-wrapper-border-color-hover: var(--ms-accent-color);--ms-count-text-bg: transparent;--ms-count-text-border: none;--ms-count-text-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-count-text-color: var(--ms-text-color-1);--ms-count-clear-size: calc(1.6 * var(--ms-rem));--ms-count-clear-bg: transparent;--ms-count-clear-color: var(--ms-text-color-3);--ms-count-clear-font-size: calc(var(--base-font-size-lg, 1.8) * var(--ms-rem));--ms-count-clear-border-radius: var(--ms-border-radius-sm);--ms-count-clear-bg-hover: color-mix(in srgb, var(--ms-accent-color) 20%, transparent);--ms-count-clear-color-hover: var(--ms-accent-color);--ms-count-clear-icon-size: calc(1.4 * var(--ms-rem));--ms-icon-clear: var(--ms-icon-remove);--ms-tooltip-color: var(--ms-tooltip-text-color);--ms-tooltip-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-tooltip-border-radius: var(--ms-border-radius-lg);--ms-tooltip-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-tooltip-max-width: calc(32 * var(--ms-rem));--ms-tooltip-shadow: 0 2px 8px rgba(0, 0, 0, .15);--ms-tooltip-z-index: 10000;--ms-option-tooltip-bg: var(--ms-tooltip-bg);--ms-option-tooltip-text-color: var(--ms-tooltip-text-color);--ms-option-tooltip-padding: var(--ms-tooltip-padding);--ms-option-tooltip-border-radius: var(--ms-tooltip-border-radius);--ms-option-tooltip-font-size: var(--ms-tooltip-font-size);--ms-option-tooltip-max-width: var(--ms-tooltip-max-width);--ms-option-tooltip-shadow: var(--ms-tooltip-shadow);--ms-option-tooltip-z-index: var(--ms-tooltip-z-index);--ms-message-bg: var(--ms-message-info-bg);--ms-message-color: var(--ms-message-info-color);--ms-message-border: 1px solid transparent;--ms-message-border-radius: var(--ms-border-radius-lg);--ms-message-padding: calc(1 * var(--ms-rem)) calc(1.4 * var(--ms-rem));--ms-message-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-message-font-weight: var(--base-font-weight-medium, 500);--ms-message-max-width: calc(40 * var(--ms-rem));--ms-message-shadow: 0 4px 16px rgb(0 0 0 / .18);--ms-message-fullscreen-offset: calc(2.4 * var(--ms-fullscreen-rem));--ms-message-z-index: var(--ms-z-index-fullscreen-tooltip);--ms-message-info-bg: var(--ms-tooltip-bg);--ms-message-info-color: var(--ms-tooltip-text-color);--ms-message-warning-bg: var(--base-warning-bg, #f59e0b);--ms-message-warning-color: var(--base-warning-color, #1a1a1a);--ms-message-error-bg: var(--base-danger-bg, #ef4444);--ms-message-error-color: var(--base-danger-color, #ffffff);--ms-message-success-bg: var(--base-success-bg, #10b981);--ms-message-success-color: var(--base-success-color, #ffffff);--ms-z-index-popover: 10000;--ms-selected-popover-width: calc(32 * var(--ms-rem));--ms-selected-popover-max-height: calc(32 * var(--ms-rem));--ms-selected-popover-border: 1px solid var(--ms-selected-popover-border-color);--ms-selected-popover-border-radius: var(--ms-border-radius-lg);--ms-selected-popover-box-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--ms-selected-popover-header-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-selected-popover-header-bg: color-mix(in srgb, var(--ms-accent-color) 10%, transparent);--ms-selected-popover-header-border-bottom: 1px solid var(--ms-selected-popover-header-border-color);--ms-selected-popover-header-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-selected-popover-header-font-weight: var(--base-font-weight-semibold, 600);--ms-selected-popover-header-color: var(--ms-text-color-1);--ms-popover-close-size: calc(2.4 * var(--ms-rem));--ms-selected-popover-close-bg: transparent;--ms-selected-popover-close-color: var(--ms-text-color-3);--ms-selected-popover-close-font-size: calc(var(--base-font-size-xl, 2) * var(--ms-rem));--ms-selected-popover-close-border-radius: var(--ms-border-radius-sm);--ms-selected-popover-close-bg-hover: color-mix(in srgb, var(--ms-accent-color) 20%, transparent);--ms-selected-popover-close-color-hover: var(--ms-accent-color);--ms-selected-popover-close-icon-size: calc(1.4 * var(--ms-rem));--ms-selected-popover-body-gap: calc(.4 * var(--ms-rem));--ms-selected-popover-body-padding: calc(.8 * var(--ms-rem));--ms-selected-popover-body-max-height: calc(28.8 * var(--ms-rem));--ms-font-size-2xs: calc(var(--base-font-size-2xs, 1) * var(--ms-rem));--ms-font-size-xs: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-font-size-sm: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-font-size-base: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-font-size-lg: calc(var(--base-font-size-lg, 1.8) * var(--ms-rem));--ms-font-weight-normal: var(--base-font-weight-normal, 400);--ms-font-weight-medium: var(--base-font-weight-medium, 500);--ms-font-weight-semibold: var(--base-font-weight-semibold, 600);--ms-line-height-none: 1;--ms-line-height-tight: var(--base-line-height-tight, 1.25);--ms-line-height-normal: var(--base-line-height-normal, 1.5);--ms-line-height-relaxed: var(--base-line-height-relaxed, 1.75);--ms-border-radius-sm: calc(var(--base-border-radius-sm, .4) * var(--ms-rem));--ms-border-radius-md: calc(var(--base-border-radius-md, .6) * var(--ms-rem));--ms-border-radius-lg: calc(var(--base-border-radius-lg, .8) * var(--ms-rem));--ms-border-radius: var(--ms-border-radius-md);--ms-spacing-xs: calc(.4 * var(--ms-rem));--ms-spacing-sm: calc(.8 * var(--ms-rem));--ms-spacing-md: calc(1.2 * var(--ms-rem));--ms-spacing-lg: calc(1.6 * var(--ms-rem));--ms-transition-fast: .15s;--ms-transition-normal: .2s;--ms-easing-snappy: cubic-bezier(.4, 0, .2, 1);--ms-placeholder-opacity: .6;--ms-disabled-input-opacity: .6;--ms-scrollbar-width: 8px;--ms-scrollbar-track-bg: transparent;--ms-scrollbar-thumb-bg: var(--ms-border-color);--ms-scrollbar-thumb-bg-hover: var(--ms-text-color-3);--ms-scrollbar-thumb-border-radius: 4px;--ms-debug-bg: var(--base-elevated-bg, light-dark(#f9fafb, #2b2b2b));--ms-debug-border-color: var(--ms-border-color);--ms-debug-text-color: var(--ms-text-color-1);--ms-debug-border-radius: var(--ms-border-radius-md);--ms-debug-summary-color: var(--ms-accent-color);--ms-debug-summary-bg-hover: var(--ms-primary-bg);--ms-debug-summary-outline-color: var(--ms-accent-color);--ms-debug-summary-border-radius: var(--ms-border-radius-sm);--ms-debug-stats-bg: var(--base-main-bg, light-dark(#ffffff, #1a1a1a));--ms-debug-stats-border-radius: var(--ms-border-radius-sm);--ms-debug-bullet-color: var(--ms-accent-color)}}@layer component{web-multiselect:not(:defined){display:block;min-height:calc(3.5 * var(--ms-rem));color:transparent!important;background:transparent}:host{-webkit-tap-highlight-color:transparent}.ms__wrapper{display:flex;flex-direction:column;align-items:stretch}.ms__wrapper--inline{flex-direction:row;align-items:var(--ms-inline-align, center)}.ms{position:relative;width:100%}}@layer component{.ms__input-wrapper{position:relative;display:flex;align-items:center}.ms__input{box-sizing:border-box;width:100%;font-family:inherit;height:var(--ms-input-height);padding:var(--ms-input-padding);padding-inline-end:var(--ms-input-padding-right);font-size:var(--ms-input-font-size);border:var(--ms-input-border);border-radius:var(--ms-input-border-radius);background:var(--ms-input-bg);color:var(--ms-input-color);cursor:pointer;transition:border var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__input:hover:not(:focus):not(:disabled){border:var(--ms-input-border-hover)}.ms__input:focus{outline:none;border:var(--ms-input-border-focus)}.ms__input::placeholder{color:var(--ms-input-placeholder-color);opacity:0;transition:opacity var(--ms-transition-fast) var(--ms-easing-snappy)}:host([data-ready]) .ms__input::placeholder{opacity:var(--ms-placeholder-opacity)}.ms__toggle{position:absolute;inset-inline-end:var(--ms-toggle-right);top:50%;transform:var(--ms-transform-center-y);pointer-events:none;color:var(--ms-toggle-icon-color);transition:transform var(--ms-transition-fast) var(--ms-easing-snappy)}.ms--open .ms__toggle{transform:var(--ms-transform-center-y) rotate(var(--ms-transform-rotate-180));color:var(--ms-toggle-icon-color-open)}.ms__counter{position:absolute;inset-inline-end:var(--ms-counter-offset);top:50%;transform:var(--ms-transform-center-y);padding:var(--ms-counter-padding);background:var(--ms-counter-badge-bg);color:var(--ms-counter-badge-color);font-size:var(--ms-counter-font-size);font-weight:var(--ms-counter-font-weight);border-radius:var(--ms-counter-border-radius);cursor:pointer;transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__counter:hover{background:var(--ms-counter-badge-bg-hover);transform:var(--ms-transform-center-y) scale(var(--ms-transform-scale-hover))}.ms__actions{display:flex;flex-direction:column;gap:var(--ms-actions-gap);padding:var(--ms-actions-padding)}.ms__actions--top{border-bottom:var(--ms-actions-border-bottom)}.ms__actions--bottom{flex-direction:column-reverse;border-top:var(--ms-actions-border-bottom)}.ms__actions-row{display:flex;flex-wrap:nowrap;gap:var(--ms-actions-gap)}.ms__actions--wrap .ms__actions-row{flex-wrap:wrap}.ms__actions--sticky{position:sticky;z-index:var(--ms-z-index-sticky);background:var(--ms-actions-bg)}.ms__actions--sticky.ms__actions--top{top:0}.ms__actions--sticky.ms__actions--bottom{bottom:0}.ms__actions--align-stretch .ms__action-btn{flex:1}.ms__actions--align-left .ms__actions-row{justify-content:flex-start}.ms__actions--align-right .ms__actions-row{justify-content:flex-end}.ms__actions--align-center .ms__actions-row{justify-content:center}.ms__actions--align-space-between .ms__actions-row{justify-content:space-between}.ms__action-btn{font-family:inherit;padding:var(--ms-action-btn-padding);font-size:var(--ms-action-btn-font-size);border:var(--ms-action-btn-border);border-radius:var(--ms-action-btn-border-radius);background:var(--ms-action-button-bg);color:var(--ms-action-button-color);cursor:pointer;transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}@media (hover: hover){.ms__action-btn:hover{background:var(--ms-action-button-bg-hover);border-color:var(--ms-action-button-border-color-hover)}}.ms__action-btn:active{transform:scale(var(--ms-transform-scale-active))}.ms__action-btn:disabled,.ms__action-btn[disabled]{opacity:var(--ms-disabled-opacity);cursor:not-allowed;pointer-events:none}}@layer component{.ms__hint{display:none;position:fixed;z-index:var(--ms-z-index-popover);padding:var(--ms-hint-padding);background:var(--ms-hint-bg);border:var(--ms-hint-border);border-radius:var(--ms-hint-border-radius);box-shadow:var(--ms-hint-box-shadow);font-size:var(--ms-hint-font-size);color:var(--ms-hint-color);line-height:var(--ms-line-height-relaxed);max-width:100%}.ms__hint--visible{display:block}.ms__dropdown{display:none;position:fixed;font-family:inherit;z-index:var(--ms-z-index-dropdown);background:var(--ms-dropdown-bg);border:var(--ms-dropdown-border);border-radius:var(--ms-dropdown-border-radius);box-shadow:var(--ms-dropdown-box-shadow);width:var(--ms-dropdown-width);max-height:var(--ms-options-max-height);overflow:hidden;color:var(--ms-dropdown-text-color)}.ms__dropdown--visible{display:flex;flex-direction:column}.ms__dropdown--fullscreen,.ms__selected-popover--fullscreen{--ms-rem: var(--ms-fullscreen-rem);--ms-option-padding: calc(.8 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-option-gap: calc(.8 * var(--ms-rem));--ms-option-title-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-option-subtitle-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-option-icon-font-size: calc(var(--base-font-size-base, 1.6) * var(--ms-rem));--ms-checkbox-size: calc(1.6 * var(--ms-rem));--ms-group-label-font-size: calc(var(--base-font-size-xs, 1.2) * var(--ms-rem));--ms-group-label-padding: calc(.4 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-tree-base-indent: var(--ms-fullscreen-tree-base-indent);--ms-tree-indent: var(--ms-fullscreen-tree-indent)}.ms__selected-popover--fullscreen{--ms-badge-gap: calc(.8 * var(--ms-rem));--ms-badge-height: calc(4.2 * var(--ms-rem));--ms-badge-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem));--ms-badge-text-padding: 0 calc(1.2 * var(--ms-rem));--ms-badge-remove-width: calc(3.6 * var(--ms-rem));--ms-badge-remove-icon-size: calc(1.2 * var(--ms-rem));--ms-badge-remove-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem))}.ms__dropdown--fullscreen{--ms-actions-gap: calc(.4 * var(--ms-rem));--ms-actions-padding: calc(.8 * var(--ms-rem));--ms-action-btn-padding: calc(.6 * var(--ms-rem)) calc(1.2 * var(--ms-rem));--ms-action-btn-font-size: calc(var(--base-font-size-sm, 1.4) * var(--ms-rem))}.ms__dropdown--fullscreen{position:fixed;top:0;inset-inline-start:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:none;border-radius:0;background:var(--ms-fullscreen-bg);color:var(--ms-fullscreen-text-color);z-index:var(--ms-z-index-fullscreen);box-sizing:border-box;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.ms__dropdown--fullscreen .ms__dropdown-inner{display:flex;flex-direction:column;flex:1;min-height:0;max-height:none;overflow:hidden}.ms__dropdown--fullscreen .ms__options{flex:1 1 0;min-height:0;height:auto;max-height:none;overflow-y:auto;padding-bottom:var(--ms-option-gap)}.ms__dropdown--fullscreen .ms__actions{flex:0 0 auto}.ms__fullscreen-header,.ms__selected-popover--fullscreen .ms__selected-popover-header{flex:0 0 auto;display:flex;align-items:center;flex-wrap:wrap;gap:var(--ms-fullscreen-header-gap);min-height:var(--ms-fullscreen-header-min-height);padding:var(--ms-fullscreen-header-padding);background:var(--ms-fullscreen-header-bg);border-bottom:var(--ms-fullscreen-header-border)}.ms__fullscreen-header{align-content:flex-start}.ms__fullscreen-header>.ms__fullscreen-search-wrapper{min-height:var(--ms-fullscreen-header-min-height)}.ms__fullscreen-nav{flex:0 0 100%;display:flex;align-items:center;justify-content:space-between;gap:var(--ms-fullscreen-nav-gap);padding-top:var(--ms-fullscreen-nav-padding-top)}.ms__fullscreen-nav-count{font-size:var(--ms-fullscreen-nav-count-font-size);color:var(--ms-fullscreen-nav-count-color)}.ms__fullscreen-nav-controls{display:flex;align-items:center;gap:var(--ms-fullscreen-nav-gap)}.ms__fullscreen-nav-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--ms-fullscreen-nav-btn-size);height:var(--ms-fullscreen-nav-btn-size);padding:0;color:var(--ms-fullscreen-nav-btn-color);background:var(--ms-fullscreen-nav-btn-bg);border:none;border-radius:50%;cursor:pointer}.ms__fullscreen-nav-btn:hover:not(:disabled){background:var(--ms-fullscreen-nav-btn-bg-hover)}.ms__fullscreen-nav-btn:disabled{opacity:.4;cursor:default}.ms__fullscreen-nav-btn:before{content:"";display:block;width:var(--ms-fullscreen-nav-btn-icon-size);height:var(--ms-fullscreen-nav-btn-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-chevron) center / contain no-repeat;mask:var(--ms-icon-chevron) center / contain no-repeat}.ms__fullscreen-nav-btn--next:before{transform:scaleY(-1)}.ms__fullscreen-header>.ms__fullscreen-search-wrapper,.ms__selected-popover--fullscreen .ms__selected-popover-header>span{flex:1 1 auto;min-width:0}.ms__fullscreen-search-wrapper{position:relative;display:flex;align-items:center}.ms__selected-popover--fullscreen .ms__selected-popover-header{font-size:var(--ms-fullscreen-title-font-size);font-weight:var(--ms-fullscreen-title-font-weight);color:var(--ms-fullscreen-text-color)}.ms__fullscreen-search{flex:1 1 auto;min-width:0;font-family:inherit;font-size:var(--ms-fullscreen-search-font-size);color:inherit;background:transparent;border:var(--ms-fullscreen-search-border);border-radius:var(--ms-fullscreen-search-border-radius);padding:var(--ms-fullscreen-search-padding);padding-inline-end:var(--ms-fullscreen-search-clear-gutter)}.ms__fullscreen-search:focus{outline:none;border:var(--ms-input-border-focus)}.ms__fullscreen-search-clear{position:absolute;inset-inline-end:var(--ms-fullscreen-search-clear-inset);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:var(--ms-fullscreen-search-clear-size);height:var(--ms-fullscreen-search-clear-size);padding:0;color:var(--ms-fullscreen-search-clear-color);background:transparent;border:none;border-radius:50%;cursor:pointer}.ms__fullscreen-search-clear:hover{background:var(--ms-fullscreen-search-clear-bg-hover)}.ms__fullscreen-search-clear:before{content:"";display:block;width:var(--ms-fullscreen-search-clear-icon-size);height:var(--ms-fullscreen-search-clear-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-search-clear) center / contain no-repeat;mask:var(--ms-icon-search-clear) center / contain no-repeat}.ms__fullscreen-mode-toggle{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--ms-fullscreen-mode-toggle-size);height:var(--ms-fullscreen-mode-toggle-size);margin-inline-end:var(--ms-fullscreen-mode-toggle-gap);padding:0;color:var(--ms-fullscreen-mode-toggle-color);background:var(--ms-fullscreen-mode-toggle-bg);border:none;border-radius:50%;cursor:pointer}.ms__fullscreen-mode-toggle:hover{background:var(--ms-fullscreen-mode-toggle-bg-hover)}.ms__fullscreen-mode-toggle:before{content:"";display:block;width:var(--ms-fullscreen-mode-toggle-icon-size);height:var(--ms-fullscreen-mode-toggle-icon-size);background-color:currentColor;-webkit-mask:var(--ms-fullscreen-mode-toggle-icon, var(--ms-icon-search)) center / contain no-repeat;mask:var(--ms-fullscreen-mode-toggle-icon, var(--ms-icon-search)) center / contain no-repeat}.ms__fullscreen-mode-toggle[data-mode=navigate]{--ms-fullscreen-mode-toggle-icon: var(--ms-icon-search)}.ms__fullscreen-mode-toggle[data-mode=filter]{--ms-fullscreen-mode-toggle-icon: var(--ms-icon-filter)}.ms__fullscreen-close,.ms__selected-popover--fullscreen .ms__selected-popover-close{flex:0 0 auto;position:relative;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:var(--ms-fullscreen-close-size);height:var(--ms-fullscreen-close-size);margin-inline-end:calc(-1 * var(--ms-fullscreen-close-edge-nudge));padding:0;color:var(--ms-fullscreen-close-color);background:var(--ms-fullscreen-close-bg);border:var(--ms-fullscreen-close-border);border-radius:var(--ms-fullscreen-close-border-radius);cursor:pointer}.ms__fullscreen-close:after,.ms__selected-popover--fullscreen .ms__selected-popover-close:after{content:"";position:absolute;inset-block-start:calc(-1 * var(--ms-fullscreen-close-size));inset-block-end:calc(-1 * var(--ms-fullscreen-header-padding-v));inset-inline-end:calc(-1 * var(--ms-fullscreen-header-padding-h));inset-inline-start:calc(-1 * var(--ms-fullscreen-header-gap))}.ms__fullscreen-close:hover,.ms__selected-popover--fullscreen .ms__selected-popover-close:hover{background:var(--ms-fullscreen-close-bg-hover);color:var(--ms-fullscreen-close-color)}.ms__fullscreen-close:before,.ms__selected-popover--fullscreen .ms__selected-popover-close:before{content:"";display:block;width:var(--ms-fullscreen-close-icon-size);height:var(--ms-fullscreen-close-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-remove) center / contain no-repeat;mask:var(--ms-icon-remove) center / contain no-repeat}.ms__dropdown--fullscreen .ms__option-info{flex:0 0 auto;display:none;align-items:center;justify-content:center;width:var(--ms-fullscreen-info-size);height:var(--ms-fullscreen-info-size);margin-inline-start:var(--ms-option-gap);padding:0;color:var(--ms-fullscreen-info-color);background:transparent;border:none;border-radius:50%;cursor:pointer}.ms__dropdown--fullscreen .ms__option--truncated .ms__option-info{display:inline-flex}@media (hover: hover){.ms__dropdown--fullscreen .ms__option-info:hover{background:var(--ms-fullscreen-info-bg-hover)}}.ms__dropdown--fullscreen .ms__option-info:before{content:"";display:block;width:var(--ms-fullscreen-info-icon-size);height:var(--ms-fullscreen-info-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-info) center / contain no-repeat;mask:var(--ms-icon-info) center / contain no-repeat}.ms__dropdown-inner{flex:1;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__dropdown-inner::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__dropdown-inner::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__dropdown-inner::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__dropdown-inner::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__dropdown--virtual{max-height:none}.ms__dropdown--virtual .ms__dropdown-inner{overflow-y:visible}.ms__badge-tooltip{position:fixed;z-index:var(--ms-tooltip-z-index);opacity:0;visibility:hidden;transition:opacity var(--ms-transition-normal) ease,visibility var(--ms-transition-normal) ease;background:var(--ms-tooltip-bg);color:var(--ms-tooltip-text-color);padding:var(--ms-tooltip-padding);border-radius:var(--ms-tooltip-border-radius);font-size:var(--ms-tooltip-font-size);line-height:var(--ms-line-height-relaxed);max-width:var(--ms-tooltip-max-width);word-wrap:break-word;white-space:pre-wrap;box-shadow:var(--ms-tooltip-shadow);pointer-events:none}.ms__badge-tooltip--visible{opacity:1;visibility:visible}.ms__option-tooltip{position:fixed;z-index:var(--ms-option-tooltip-z-index);opacity:0;visibility:hidden;transition:opacity var(--ms-transition-normal) ease,visibility var(--ms-transition-normal) ease;background:var(--ms-option-tooltip-bg);color:var(--ms-option-tooltip-text-color);padding:var(--ms-option-tooltip-padding);border-radius:var(--ms-option-tooltip-border-radius);font-size:var(--ms-option-tooltip-font-size);line-height:var(--ms-line-height-relaxed);max-width:var(--ms-option-tooltip-max-width);word-wrap:break-word;white-space:pre-wrap;box-shadow:var(--ms-option-tooltip-shadow);pointer-events:none}.ms__option-tooltip--visible{opacity:1;visibility:visible}.ms__option-tooltip--fullscreen{z-index:var(--ms-z-index-fullscreen-tooltip)}.ms__message{position:fixed;z-index:var(--ms-message-z-index);box-sizing:border-box;max-width:var(--ms-message-max-width);padding:var(--ms-message-padding);font-family:inherit;font-size:var(--ms-message-font-size);font-weight:var(--ms-message-font-weight);line-height:var(--ms-line-height-normal);color:var(--ms-message-color);background:var(--ms-message-bg);border:var(--ms-message-border);border-radius:var(--ms-message-border-radius);box-shadow:var(--ms-message-shadow);cursor:pointer;opacity:0;transition:opacity var(--ms-transition-normal) ease;-webkit-tap-highlight-color:transparent}.ms__message--visible{opacity:1}.ms__message--info{background:var(--ms-message-info-bg);color:var(--ms-message-info-color)}.ms__message--warning{background:var(--ms-message-warning-bg);color:var(--ms-message-warning-color)}.ms__message--error{background:var(--ms-message-error-bg);color:var(--ms-message-error-color)}.ms__message--success{background:var(--ms-message-success-bg);color:var(--ms-message-success-color)}.ms__message--fullscreen{left:50%;right:auto;bottom:calc(var(--ms-message-fullscreen-offset) + env(safe-area-inset-bottom));transform:translate(-50%);max-width:min(var(--ms-message-max-width),calc(100vw - 4 * var(--ms-fullscreen-rem)));padding:calc(1 * var(--ms-fullscreen-rem)) calc(1.4 * var(--ms-fullscreen-rem));font-size:calc(var(--base-font-size-sm, 1.4) * var(--ms-fullscreen-rem))}.ms__selected-popover{display:none;position:fixed;z-index:var(--ms-z-index-popover);background:var(--ms-selected-popover-bg);border:var(--ms-selected-popover-border);border-radius:var(--ms-selected-popover-border-radius);box-shadow:var(--ms-selected-popover-box-shadow);width:var(--ms-selected-popover-width);max-height:var(--ms-selected-popover-max-height);overflow:hidden}.ms__selected-popover--visible{display:flex;flex-direction:column}.ms__selected-popover--virtual{display:block;overflow:visible;max-height:none}.ms__selected-popover--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border:none;border-radius:0;overflow:hidden;background:var(--ms-fullscreen-bg);color:var(--ms-fullscreen-text-color);z-index:var(--ms-z-index-fullscreen);box-sizing:border-box;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.ms__selected-popover--fullscreen .ms__selected-popover-body{flex:1 1 0;min-height:0;max-height:none}.ms__selected-popover-header{display:flex;align-items:center;justify-content:space-between;padding:var(--ms-selected-popover-header-padding);background:var(--ms-selected-popover-header-bg);border-bottom:var(--ms-selected-popover-header-border-bottom);font-size:var(--ms-selected-popover-header-font-size);font-weight:var(--ms-selected-popover-header-font-weight);color:var(--ms-selected-popover-header-color)}.ms__selected-popover-close{display:flex;align-items:center;justify-content:center;width:var(--ms-popover-close-size);height:var(--ms-popover-close-size);padding:0;border:none;background:var(--ms-selected-popover-close-bg);color:var(--ms-selected-popover-close-color);font-size:var(--ms-selected-popover-close-font-size);line-height:var(--ms-line-height-none);cursor:pointer;border-radius:var(--ms-selected-popover-close-border-radius);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__selected-popover-close:hover{background:var(--ms-selected-popover-close-bg-hover);color:var(--ms-selected-popover-close-color-hover)}.ms__selected-popover-close:before{content:"";display:block;width:var(--ms-selected-popover-close-icon-size);height:var(--ms-selected-popover-close-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-remove) center / contain no-repeat;mask:var(--ms-icon-remove) center / contain no-repeat}.ms__selected-popover-body{display:flex;flex-direction:column;gap:var(--ms-selected-popover-body-gap);padding:var(--ms-selected-popover-body-padding);overflow-y:auto;max-height:var(--ms-selected-popover-body-max-height);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__selected-popover-body::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__selected-popover-body::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__selected-popover-body::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__selected-popover-body::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__selected-popover-body .ms__badge{width:100%;min-height:fit-content;line-height:var(--ms-line-height-relaxed);flex-shrink:0}.ms__selected-popover-body .ms__badge-text{flex:1;min-width:0;white-space:normal;word-wrap:break-word}.ms__selected-popover-body--virtual{display:block;max-height:none;padding:0}.ms__selected-popover-body--virtual .ms__badge{height:var(--ms-badge-height-virtual, 36px);min-height:var(--ms-badge-height-virtual, 36px);max-height:var(--ms-badge-height-virtual, 36px);margin-bottom:var(--ms-selected-popover-body-gap);overflow:hidden;box-sizing:border-box}.ms__selected-popover-body--virtual .ms__badge-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@layer component{.ms--disabled .ms__input{opacity:var(--ms-disabled-input-opacity);cursor:not-allowed;background:var(--ms-input-bg-disabled)}.ms--disabled .ms__toggle{opacity:var(--ms-disabled-input-opacity)}.ms--no-checkboxes .ms__option{gap:0;padding-inline-start:var(--ms-option-padding-h)}.ms--no-checkboxes .ms__option-content{padding-inline-start:0}}@layer component;@layer component{.ms__badges{display:flex;flex-wrap:wrap;gap:var(--ms-badges-gap);padding:0}.ms__badges:empty{display:none}.ms__badges--bottom{margin-top:var(--ms-badges-margin-bottom)}.ms__badges--top{margin-bottom:var(--ms-badges-margin-top);order:var(--ms-order-first)}.ms__badges--left{order:var(--ms-order-first);margin-right:var(--ms-badges-margin-left);justify-content:flex-end}.ms__badges--right{margin-left:var(--ms-badges-margin-right);justify-content:flex-start}.ms__badge{display:inline-flex;align-items:center;height:var(--ms-badge-height);font-size:var(--ms-badge-font-size);font-weight:var(--ms-badge-font-weight);line-height:var(--ms-line-height-none);border-radius:var(--ms-badge-border-radius);overflow:hidden;max-width:100%}.ms__badge-text{display:flex;align-items:center;box-sizing:border-box;height:100%;padding:var(--ms-badge-text-padding);background:var(--ms-badge-text-bg);color:var(--ms-badge-text-color);border:var(--ms-badge-text-border);border-inline-end:none;border-start-start-radius:var(--ms-badge-border-radius);border-end-start-radius:var(--ms-badge-border-radius);border-start-end-radius:0;border-end-end-radius:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:background-color var(--ms-transition-normal) ease,color var(--ms-transition-normal) ease}.ms__badge:hover .ms__badge-text{background:var(--ms-badge-text-bg-hover, var(--ms-badge-text-bg));color:var(--ms-badge-text-color-hover, var(--ms-badge-text-color))}.ms__badge-remove{display:flex;align-items:center;justify-content:center;box-sizing:border-box;font-family:inherit;width:var(--ms-badge-remove-width);height:100%;flex-shrink:0;background:var(--ms-badge-remove-bg);color:var(--ms-badge-remove-color);border:var(--ms-badge-remove-border);border-inline-start:none;border-start-end-radius:var(--ms-badge-border-radius);border-end-end-radius:var(--ms-badge-border-radius);border-start-start-radius:0;border-end-start-radius:0;cursor:pointer;transition:background-color var(--ms-transition-normal) ease;font-size:var(--ms-badge-remove-font-size)}.ms__badge-remove:hover{background:var(--ms-badge-remove-bg-hover)}.ms__badge-remove:focus{outline:none}.ms__badge-remove:focus-visible{outline:none;box-shadow:var(--ms-badge-remove-box-shadow-focus)}.ms__badge-remove:before{content:"";display:block;width:var(--ms-badge-remove-icon-size);height:var(--ms-badge-remove-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-remove) center / contain no-repeat;mask:var(--ms-icon-remove) center / contain no-repeat}.ms__badge--counter{cursor:pointer}.ms__badge--counter .ms__badge-text{background:var(--ms-badge-counter-text-bg);color:var(--ms-badge-counter-text-color);border:var(--ms-badge-counter-border);border-inline-end:none}.ms__badge--counter .ms__badge-remove{background:var(--ms-badge-counter-remove-bg);color:var(--ms-badge-counter-remove-color);border:var(--ms-badge-counter-border);border-inline-start:none}.ms__badge--counter .ms__badge-remove:hover{background:var(--ms-badge-counter-remove-bg-hover)}.ms__badge--more,.ms__badge[data-action=show-selected]{cursor:pointer}}@layer component{.ms__count-display{display:flex;align-items:center}.ms__count-display:empty{display:none}.ms__count-display--bottom{margin-top:var(--ms-count-display-margin-bottom)}.ms__count-display--top{margin-bottom:var(--ms-count-display-margin-top);order:var(--ms-order-first)}.ms__count-display--left{order:var(--ms-order-first);margin-right:var(--ms-count-display-margin-left);justify-content:flex-start}.ms__count-display--right{margin-left:var(--ms-count-display-margin-right);justify-content:flex-end}.ms__counter-wrapper{display:inline-flex;align-items:center;gap:var(--ms-counter-wrapper-gap);background:var(--ms-counter-wrapper-bg);border:var(--ms-counter-wrapper-border);border-radius:var(--ms-counter-wrapper-border-radius);padding:var(--ms-counter-wrapper-padding);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__counter-wrapper:hover{background:var(--ms-counter-wrapper-bg-hover);border-color:var(--ms-counter-wrapper-border-color-hover)}.ms__count-text{display:inline-flex;align-items:center;background:var(--ms-count-text-bg);border:var(--ms-count-text-border);padding:0;font-size:var(--ms-count-text-font-size);color:var(--ms-count-text-color);cursor:pointer;transition:color var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__count-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--ms-count-clear-size);height:var(--ms-count-clear-size);padding:0;border:none;background:var(--ms-count-clear-bg);color:var(--ms-count-clear-color);font-size:var(--ms-count-clear-font-size);line-height:var(--ms-line-height-none);cursor:pointer;border-radius:var(--ms-count-clear-border-radius);transition:all var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__count-clear:hover{background:var(--ms-count-clear-bg-hover);color:var(--ms-count-clear-color-hover)}.ms__count-clear:before{content:"";display:block;width:var(--ms-count-clear-icon-size);height:var(--ms-count-clear-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-clear) center / contain no-repeat;mask:var(--ms-icon-clear) center / contain no-repeat}}@layer component{.ms__debug-info{margin-top:calc(.4 * var(--ms-rem));padding:calc(.4 * var(--ms-rem));background-color:var(--ms-debug-bg);border:1px solid var(--ms-debug-border-color);border-radius:var(--ms-debug-border-radius);font-size:calc(1.2 * var(--ms-rem));color:var(--ms-debug-text-color)}.ms__debug-info details summary{cursor:pointer;font-weight:600;color:var(--ms-debug-summary-color);-webkit-user-select:none;user-select:none;padding:calc(.4 * var(--ms-rem));border-radius:var(--ms-debug-summary-border-radius)}.ms__debug-info details summary:hover{background-color:var(--ms-debug-summary-bg-hover)}.ms__debug-info details summary:focus{outline:2px solid var(--ms-debug-summary-outline-color);outline-offset:2px}.ms__debug-info .ms__debug-stats{display:flex;flex-direction:column;gap:calc(.4 * var(--ms-rem));margin-top:calc(.4 * var(--ms-rem));padding:calc(.4 * var(--ms-rem));background-color:var(--ms-debug-stats-bg);border-radius:var(--ms-debug-stats-border-radius)}.ms__debug-info .ms__debug-stats span{display:flex;justify-content:space-between;padding:2px 4px;font-family:monospace;font-size:calc(1 * var(--ms-rem))}.ms__debug-info .ms__debug-stats span:before{content:"•";margin-inline-end:calc(.4 * var(--ms-rem));color:var(--ms-debug-bullet-color)}}@layer component{.ms__options{padding:var(--ms-options-padding);scrollbar-width:thin;scrollbar-color:var(--ms-scrollbar-thumb-bg) var(--ms-scrollbar-track-bg)}.ms__options::-webkit-scrollbar{width:var(--ms-scrollbar-width)}.ms__options::-webkit-scrollbar-track{background:var(--ms-scrollbar-track-bg)}.ms__options::-webkit-scrollbar-thumb{background:var(--ms-scrollbar-thumb-bg);border-radius:var(--ms-scrollbar-thumb-border-radius)}.ms__options::-webkit-scrollbar-thumb:hover{background:var(--ms-scrollbar-thumb-bg-hover)}.ms__options--virtual .ms__option,.ms__options--fixed-height .ms__option{height:var(--ms-option-height, 50px);min-height:var(--ms-option-height, 50px);max-height:var(--ms-option-height, 50px);overflow:hidden;box-sizing:border-box}.ms__group+.ms__group{border-top:var(--ms-group-border-top);margin-top:var(--ms-group-margin-top);padding-top:var(--ms-group-padding-top)}.ms__group-label{padding:var(--ms-group-label-padding);font-size:var(--ms-group-label-font-size);font-weight:var(--ms-group-label-font-weight);color:var(--ms-group-label-color);text-transform:var(--ms-group-label-transform);letter-spacing:var(--ms-group-label-letter-spacing)}.ms__option{display:flex;align-items:var(--ms-checkbox-align, center);gap:var(--ms-option-gap);padding:var(--ms-option-padding);position:relative;min-height:var(--ms-option-min-height, auto);color:var(--ms-option-text-color);background:var(--ms-option-bg);cursor:pointer;user-select:none;-webkit-user-select:none}@media (hover: hover){.ms__option:hover{background:var(--ms-option-bg-hover);color:var(--ms-option-color-hover, inherit)}}.ms__option--focused{background:var(--ms-option-bg-focused);color:var(--ms-option-color-focused, inherit);outline:var(--ms-option-outline-focused);outline-offset:var(--ms-option-focus-outline-offset)}.ms__option--matched{background:var(--ms-option-bg-matched);color:var(--ms-option-color-matched, inherit)}.ms__option--matched:before{content:"";position:absolute;inset-block:0;inset-inline-start:0;border-inline-start:var(--ms-option-border-matched);pointer-events:none}.ms__option--selected{background:var(--ms-option-bg-selected)}@media (hover: hover){.ms__option--selected:hover{background:var(--ms-option-bg-selected-hover, var(--ms-option-bg-selected))}}.ms__option--disabled{opacity:var(--ms-disabled-opacity);cursor:not-allowed;background:var(--ms-option-disabled-bg)}.ms__option--disabled:hover{background:var(--ms-option-disabled-bg)}@media (hover: hover){.ms__option--focused:hover{background:var(--ms-option-bg-focused-hover);color:var(--ms-option-color-focused-hover, var(--ms-option-color-focused, var(--ms-option-text-color)))}}.ms__option--matched:hover{background:var(--ms-option-bg-matched-hover);color:var(--ms-option-color-matched-hover, var(--ms-option-color-matched, var(--ms-option-text-color)))}.ms__option--selected.ms__option--focused{background:var(--ms-option-bg-selected-focused);outline:var(--ms-option-outline-focused);outline-offset:var(--ms-option-focus-outline-offset)}.ms__option--selected.ms__option--matched{background:var(--ms-option-bg-selected-matched)}.ms__option--disabled.ms__option--selected{background:var(--ms-option-bg-disabled-selected)}.ms__option--disabled.ms__option--focused{outline:none}.ms__option[data-checkbox-align=top]{--ms-checkbox-align: flex-start;--ms-checkbox-margin-top: calc(.2 * var(--ms-rem))}.ms__option[data-checkbox-align=bottom]{--ms-checkbox-align: flex-end}.ms__checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;flex-shrink:0;position:relative;margin-top:var(--ms-checkbox-margin-top);margin-inline-end:var(--ms-checkbox-margin-right);margin-bottom:var(--ms-checkbox-margin-bottom);margin-inline-start:var(--ms-checkbox-margin-left);width:var(--ms-checkbox-size);height:var(--ms-checkbox-size);transform:scale(var(--ms-checkbox-scale));transform-origin:top left;cursor:pointer;background:var(--ms-checkbox-bg);border:var(--ms-checkbox-border);border-radius:var(--ms-checkbox-border-radius);transition:background-color .15s ease,border-color .15s ease}.ms__checkbox:after{content:"";position:absolute;display:none;left:50%;top:40%;width:30%;height:55%;transform:translate(-50%,-50%) rotate(45deg);border:solid var(--ms-checkbox-checkmark-color);border-width:0 var(--ms-checkbox-checkmark-thickness, 2px) var(--ms-checkbox-checkmark-thickness, 2px) 0}.ms__checkbox:hover:not(:disabled){border-color:var(--ms-checkbox-hover-border-color)}.ms__checkbox:checked{background:var(--ms-checkbox-checked-bg);border:var(--ms-checkbox-checked-border)}.ms__checkbox:checked:after{display:block}.ms__checkbox--indeterminate{background:var(--ms-checkbox-checked-bg);border:var(--ms-checkbox-checked-border)}.ms__checkbox--indeterminate:after{display:block;top:50%;left:50%;width:55%;height:0;transform:translate(-50%,-50%);border:none;border-bottom:var(--ms-checkbox-checkmark-thickness, 2px) solid var(--ms-checkbox-checkmark-color)}.ms__checkbox--indeterminate:hover:not(:disabled){background:var(--ms-checkbox-checked-bg-hover);border-color:var(--ms-checkbox-checked-border-color-hover)}.ms__checkbox:checked:hover:not(:disabled){background:var(--ms-checkbox-checked-bg-hover);border-color:var(--ms-checkbox-checked-border-color-hover)}.ms__checkbox:focus-visible{outline:2px solid var(--ms-checkbox-checked-bg);outline-offset:2px}.ms__checkbox:disabled{cursor:not-allowed;background:var(--ms-checkbox-disabled-bg);border:var(--ms-checkbox-disabled-border);opacity:.6}.ms__checkbox:disabled:checked{background:var(--ms-checkbox-disabled-bg)}.ms__option--disabled .ms__checkbox{cursor:not-allowed}.ms__option-content{flex:1;display:flex;align-items:center;gap:var(--ms-option-content-gap);min-width:0}.ms__option-icon{flex-shrink:0;width:var(--ms-option-icon-size);height:var(--ms-option-icon-size);display:flex;align-items:center;justify-content:center;font-size:var(--ms-option-icon-font-size)}.ms__option-icon svg{width:100%;height:100%;fill:currentColor}.ms__option-text{flex:1;min-width:0}.ms__option-title{font-size:var(--ms-option-title-font-size);color:var(--ms-option-title-color);line-height:var(--ms-line-height-relaxed);white-space:var(--ms-option-title-white-space, normal);overflow:var(--ms-option-title-overflow, visible);text-overflow:var(--ms-option-title-text-overflow, clip)}@media (hover: hover){.ms__option:hover .ms__option-title{color:var(--ms-option-title-color-hover, var(--ms-option-title-color))}}.ms__option--selected .ms__option-title{color:var(--ms-option-title-color-selected, var(--ms-option-title-color))}@media (hover: hover){.ms__option--selected:hover .ms__option-title{color:var(--ms-option-title-color-selected-hover, var(--ms-option-title-color-selected, var(--ms-option-title-color)))}}.ms__option-title mark{background:var(--ms-option-mark-bg);color:var(--ms-option-mark-color);font-weight:var(--ms-option-mark-font-weight)}.ms__option-subtitle{margin-top:var(--ms-option-subtitle-margin-top);font-size:var(--ms-option-subtitle-font-size);color:var(--ms-option-subtitle-color);line-height:var(--ms-option-subtitle-line-height)}@media (hover: hover){.ms__option:hover .ms__option-subtitle{color:var(--ms-option-subtitle-color-hover, var(--ms-option-subtitle-color))}}.ms__option--selected .ms__option-subtitle{color:var(--ms-option-subtitle-color-selected, var(--ms-option-subtitle-color))}@media (hover: hover){.ms__option--selected:hover .ms__option-subtitle{color:var(--ms-option-subtitle-color-selected-hover, var(--ms-option-subtitle-color-selected, var(--ms-option-subtitle-color)))}}.ms__empty{display:flex;align-items:center;justify-content:center;min-height:var(--ms-state-min-height);padding:var(--ms-empty-padding);text-align:center;font-size:var(--ms-empty-font-size);color:var(--ms-empty-color)}.ms__loader{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:var(--ms-state-min-height);padding:var(--ms-loader-padding);gap:var(--ms-loader-gap)}.ms__loading-text{font-size:var(--ms-loading-text-font-size);color:var(--ms-loading-color)}}@layer component{.ms--rtl .ms__badges{direction:rtl}.ms--rtl .ms__badges--right{margin-left:0;margin-right:var(--ms-badges-margin-right)}.ms--rtl .ms__badges--left{margin-right:0;margin-left:var(--ms-badges-margin-left)}.ms--rtl .ms__count-display{direction:rtl}.ms--rtl .ms__count-display--right{margin-left:0;margin-right:var(--ms-count-display-margin-right)}.ms--rtl .ms__count-display--left{margin-right:0;margin-left:var(--ms-count-display-margin-left)}}@layer component{.ms__option--tree{padding-inline-start:calc(var(--ms-tree-base-indent, .75rem) + var(--ms-tree-depth, 0) * var(--ms-tree-indent, 1.25rem))}.ms__option--tree-unselectable{cursor:default}.ms__option--tree-unselectable:hover{background:transparent}}@layer overrides{:host-context([data-theme="dark"]),:host-context([data-bs-theme="dark"]),:host-context(.dark){color-scheme:dark}:host-context([data-theme="light"]),:host-context([data-bs-theme="light"]),:host-context(.light){color-scheme:light}:host([data-theme="dark"]){color-scheme:dark}:host([data-theme="light"]){color-scheme:light}}`, Os = [
   "top",
   "top-start",
   "top-end",
@@ -4817,10 +4953,10 @@ const Qs = `@layer variables,component,overrides;@layer variables{:host{display:
   "right",
   "right-start",
   "right-end"
-], $ = () => fo(), Ir = [
+], z = () => go(), Pr = [
   // ── Strings (cosmetic → update). Optional ones are nullable: absent → null ─
   { configKey: "searchHint", attribute: "search-hint", converter: A({ isNullable: !0 }), on: "update", description: "Small hint text shown beneath the search input." },
-  { configKey: "searchPlaceholder", attribute: "search-placeholder", converter: A({ default: "Search..." }), on: "update", description: "Placeholder text for the search input." },
+  { configKey: "searchPlaceholder", attribute: "search-placeholder", converter: A({ isNullable: !0 }), on: "update", description: 'Placeholder text for the search input. When unset it defaults to "Search..."; if `show-search-mode-toggle` is on, the default instead becomes mode-aware ("Search…" in navigate, "Filter…" in filter). An explicit value always wins and stays fixed.' },
   { configKey: "selectPlaceholder", attribute: "select-placeholder", converter: A({ default: "Pick an option..." }), on: "update", description: "Placeholder shown on the control when nothing is selected." },
   { configKey: "noDataPlaceholder", attribute: "no-data-placeholder", converter: A({ isNullable: !0 }), on: "update", description: "Text shown when there are no options at all." },
   { configKey: "dropdownMinWidth", attribute: "dropdown-min-width", converter: A({ isNullable: !0 }), on: "update", description: "Minimum width of the dropdown panel (any CSS length)." },
@@ -4925,62 +5061,64 @@ const Qs = `@layer variables,component,overrides;@layer variables{:host{display:
   { configKey: "isBadgeTooltipsEnabled", attribute: "enable-badge-tooltips", converter: B("default-false"), on: "update", description: "Enable tooltips on badges." },
   { configKey: "isOptionTooltipsEnabled", attribute: "enable-option-tooltips", converter: B("default-false"), on: "update", description: "Enable tooltips on options." },
   { configKey: "isOptionTooltipFollowCursor", attribute: "option-tooltip-follow-cursor", converter: B("default-false"), on: "update", description: "Make option tooltips follow the pointer." },
+  { configKey: "isSearchModeToggleShown", attribute: "show-search-mode-toggle", converter: B("default-false"), on: "update", description: "Show a clickable toggle in the phone fullscreen overlay search header that flips `search-mode` between `filter` and `navigate` live. Fullscreen-only; no effect in the floating presentation or when search is disabled." },
   // ── Special attributes ───────────────────────────────────────────────────
-  { configKey: "initialValues", attribute: "initial-values", converter: xr(), default: [], on: "reinit", type: "Array<string | number>", description: 'Values selected on first render. Accepts a JSON array (`["a","b"]`) or a bare CSV (`a,b,c`).' },
+  { configKey: "initialValues", attribute: "initial-values", converter: _r(), default: [], on: "reinit", type: "Array<string | number>", description: 'Values selected on first render. Accepts a JSON array (`["a","b"]`) or a bare CSV (`a,b,c`).' },
   { configKey: "showDebugInfo", attribute: "show-debug-info", converter: B("default-false"), on: "update", description: "Render an in-component debug panel.", deprecated: "Use per-instance logging (el.enableLogging()) instead." },
   // ── Complex property (data) ──────────────────────────────────────────────
-  { configKey: "options", converter: po(), on: "reinit", type: "ReadonlyArray<Record<string, unknown>>", description: "The array of option objects to render. The JS API — assign `el.options` directly. For HTML authoring use the `data-options` attribute (parsed per `data-options-format`) or declarative <option> children; both feed the same list and take precedence over this property in the order: <option> children > property > data-options." },
+  { configKey: "options", converter: fo(), on: "reinit", type: "ReadonlyArray<Record<string, unknown>>", description: "The array of option objects to render. The JS API — assign `el.options` directly. For HTML authoring use the `data-options` attribute (parsed per `data-options-format`) or declarative <option> children; both feed the same list and take precedence over this property in the order: <option> children > property > data-options." },
   { configKey: "optionsSource", attribute: "data-options", converter: A({ isNullable: !0 }), on: "reinit", type: "string", description: "HTML-authoring source for the option list, parsed per `data-options-format`. Reactive: changing either attribute re-renders. Prefer the `options` property in JS; a set `options` property and declarative <option> children both win over this." },
-  { configKey: "optionsFormat", attribute: "data-options-format", converter: F(_r, { default: "json" }), on: "reinit", type: "'json' | 'csv' | 'plain'", description: "How to parse the `data-options` attribute: `json` (a JSON array of objects or [value, label] tuples), `csv` (rows split on `data-options-row-splitter`, cells on `data-options-splitter`; the first row is a header — map columns via *-member), or `plain` (bare values split on both splitters -> [value, label] tuples, value === label). Default `json`." },
+  { configKey: "optionsFormat", attribute: "data-options-format", converter: F(kr, { default: "json" }), on: "reinit", type: "'json' | 'csv' | 'plain'", description: "How to parse the `data-options` attribute: `json` (a JSON array of objects or [value, label] tuples), `csv` (rows split on `data-options-row-splitter`, cells on `data-options-splitter`; the first row is a header — map columns via *-member), or `plain` (bare values split on both splitters -> [value, label] tuples, value === label). Default `json`." },
   { configKey: "optionsSplitter", attribute: "data-options-splitter", converter: A({ default: "," }), on: "reinit", type: "string", description: 'Field/cell delimiter for the `csv` and `plain` `data-options` formats. Default `,`. Escapes `\\t` `\\n` `\\r` are honoured (e.g. `data-options-splitter="\\t"` for TSV). Ignored for `json`.' },
   { configKey: "optionsRowSplitter", attribute: "data-options-row-splitter", converter: A({ default: `
 ` }), on: "reinit", type: "string", description: 'Row/record delimiter for the `csv` and `plain` `data-options` formats. Default newline. Escapes honoured (e.g. `data-options-row-splitter=";"` for single-line data). Ignored for `json`.' },
-  { configKey: "actionButtons", converter: mo({ validate: (s) => Array.isArray(s) }), on: "reinit", type: "Array<Record<string, unknown>>", description: "Custom action buttons for the dropdown footer/header. Property-only; when unset the default Select-All / Clear buttons apply." },
+  { configKey: "actionButtons", converter: po({ validate: (s) => Array.isArray(s) }), on: "reinit", type: "Array<Record<string, unknown>>", description: "Custom action buttons for the dropdown footer/header. Property-only; when unset the default Select-All / Clear buttons apply." },
   // ── Callbacks: data shape (structural → reinit) ──────────────────────────
-  { configKey: "getValueCallback", converter: $(), on: "reinit", type: "(item: unknown) => string | number", description: "Extract an option value (overrides valueMember)." },
-  { configKey: "getPathCallback", converter: $(), on: "reinit", type: "(item: unknown) => string", description: "Extract a node tree path (enables tree mode; overrides pathMember)." },
-  { configKey: "getGroupCallback", converter: $(), on: "reinit", type: "(item: unknown) => string", description: "Extract the group name from an option (overrides groupMember)." },
-  { configKey: "getDisabledCallback", converter: $(), on: "reinit", type: "(item: unknown) => boolean", description: "Whether an option is disabled (overrides disabledMember)." },
-  { configKey: "getIsSelectableCallback", converter: $(), on: "reinit", type: "(node: unknown) => boolean", description: "Whether a tree node can be selected (overrides is-selectable-member)." },
-  { configKey: "getSearchValueCallback", converter: $(), on: "reinit", type: "(item: unknown) => string", description: "Text an option is searched against (overrides searchValueMember)." },
-  { configKey: "searchCallback", converter: $(), on: "reinit", type: "(searchTerm: string, signal?: AbortSignal) => Promise<unknown[]>", description: "Custom / async search; return the filtered options." },
+  { configKey: "getValueCallback", converter: z(), on: "reinit", type: "(item: unknown) => string | number", description: "Extract an option value (overrides valueMember)." },
+  { configKey: "getPathCallback", converter: z(), on: "reinit", type: "(item: unknown) => string", description: "Extract a node tree path (enables tree mode; overrides pathMember)." },
+  { configKey: "getGroupCallback", converter: z(), on: "reinit", type: "(item: unknown) => string", description: "Extract the group name from an option (overrides groupMember)." },
+  { configKey: "getDisabledCallback", converter: z(), on: "reinit", type: "(item: unknown) => boolean", description: "Whether an option is disabled (overrides disabledMember)." },
+  { configKey: "getIsSelectableCallback", converter: z(), on: "reinit", type: "(node: unknown) => boolean", description: "Whether a tree node can be selected (overrides is-selectable-member)." },
+  { configKey: "getSearchValueCallback", converter: z(), on: "reinit", type: "(item: unknown) => string", description: "Text an option is searched against (overrides searchValueMember)." },
+  { configKey: "searchCallback", converter: z(), on: "reinit", type: "(searchTerm: string, signal?: AbortSignal) => Promise<unknown[]>", description: "Custom / async search; return the filtered options." },
   // ── Callbacks: display / render (cosmetic → update) ──────────────────────
-  { configKey: "getDisplayValueCallback", converter: $(), on: "update", type: "(item: unknown) => string", description: "Compute the display label for an option (overrides displayValueMember)." },
-  { configKey: "getBadgeDisplayCallback", converter: $(), on: "update", type: "(item: unknown) => string", description: "Compute the text shown on an option badge." },
-  { configKey: "getBadgeClassCallback", converter: $(), on: "update", type: "(item: unknown) => string | string[]", description: "Extra CSS class(es) for an option badge." },
-  { configKey: "getIconCallback", converter: $(), on: "update", type: "(item: unknown) => string", description: "Icon for an option (overrides iconMember)." },
-  { configKey: "getSubtitleCallback", converter: $(), on: "update", type: "(item: unknown) => string", description: "Subtitle for an option (overrides subtitleMember)." },
-  { configKey: "getFullTitleCallback", converter: $(), on: "update", type: "(item: unknown) => string", description: "Full title for an option (used by badges when show-badge-full-title is on)." },
-  { configKey: "getCounterCallback", converter: $(), on: "update", type: "(count: number, moreCount?: number) => string", description: "Render the selected-count label." },
-  { configKey: "getValueFormatCallback", converter: $(), on: "update", type: "(selectedValues: (string | number)[]) => string", description: "Serialize the selected values for form submission." },
-  { configKey: "getBadgeTooltipCallback", converter: $(), on: "update", type: "(item: unknown) => string | HTMLElement", description: "Tooltip content for an option badge." },
-  { configKey: "getOptionTooltipCallback", converter: $(), on: "update", type: "(item: unknown) => string | HTMLElement", description: "Tooltip content for an option row." },
-  { configKey: "getRemoveButtonTooltipCallback", converter: $(), on: "update", type: "(item: unknown) => string", description: "Tooltip text for a badge remove button." },
-  { configKey: "getSelectedItemClassCallback", converter: $(), on: "update", type: "(item: unknown) => string | string[]", description: "Extra CSS class(es) for a selected item." },
-  { configKey: "renderOptionContentCallback", converter: $(), on: "update", type: "(item: unknown, context: OptionContentRenderContext) => string | HTMLElement", description: "Custom render for an option row; may return HTML or an element." },
-  { configKey: "renderBadgeContentCallback", converter: $(), on: "update", type: "(item: unknown, context: BadgeContentRenderContext) => string | HTMLElement", description: "Custom render for a badge; may return HTML or an element." },
-  { configKey: "renderGroupLabelContentCallback", converter: $(), on: "update", type: "(groupName: string) => string | HTMLElement", description: "Customize a group label; may return an HTML string or element." },
-  { configKey: "renderSelectedContentCallback", converter: $(), on: "update", type: "(item: unknown) => string", description: "Custom render for the whole selected area." },
-  { configKey: "renderSelectedItemContentCallback", converter: $(), on: "update", type: "(item: unknown) => string | HTMLElement", description: "Custom render for one selected item." },
-  { configKey: "customStylesCallback", converter: $(), on: "update", type: "() => string", description: "Returns a CSS string injected into the component via a replaceable style slot (§12.8)." },
+  { configKey: "getDisplayValueCallback", converter: z(), on: "update", type: "(item: unknown) => string", description: "Compute the display label for an option (overrides displayValueMember)." },
+  { configKey: "getBadgeDisplayCallback", converter: z(), on: "update", type: "(item: unknown) => string", description: "Compute the text shown on an option badge." },
+  { configKey: "getBadgeClassCallback", converter: z(), on: "update", type: "(item: unknown) => string | string[]", description: "Extra CSS class(es) for an option badge." },
+  { configKey: "getIconCallback", converter: z(), on: "update", type: "(item: unknown) => string", description: "Icon for an option (overrides iconMember)." },
+  { configKey: "getSubtitleCallback", converter: z(), on: "update", type: "(item: unknown) => string", description: "Subtitle for an option (overrides subtitleMember)." },
+  { configKey: "getFullTitleCallback", converter: z(), on: "update", type: "(item: unknown) => string", description: "Full title for an option (used by badges when show-badge-full-title is on)." },
+  { configKey: "getCounterCallback", converter: z(), on: "update", type: "(count: number, moreCount?: number) => string", description: "Render the selected-count label." },
+  { configKey: "getValueFormatCallback", converter: z(), on: "update", type: "(selectedValues: (string | number)[]) => string", description: "Serialize the selected values for form submission." },
+  { configKey: "getBadgeTooltipCallback", converter: z(), on: "update", type: "(item: unknown) => string | HTMLElement", description: "Tooltip content for an option badge." },
+  { configKey: "getOptionTooltipCallback", converter: z(), on: "update", type: "(item: unknown) => string | HTMLElement", description: "Tooltip content for an option row." },
+  { configKey: "getRemoveButtonTooltipCallback", converter: z(), on: "update", type: "(item: unknown) => string", description: "Tooltip text for a badge remove button." },
+  { configKey: "getSelectedItemClassCallback", converter: z(), on: "update", type: "(item: unknown) => string | string[]", description: "Extra CSS class(es) for a selected item." },
+  { configKey: "renderOptionContentCallback", converter: z(), on: "update", type: "(item: unknown, context: OptionContentRenderContext) => string | HTMLElement", description: "Custom render for an option row; may return HTML or an element." },
+  { configKey: "renderBadgeContentCallback", converter: z(), on: "update", type: "(item: unknown, context: BadgeContentRenderContext) => string | HTMLElement", description: "Custom render for a badge; may return HTML or an element." },
+  { configKey: "renderGroupLabelContentCallback", converter: z(), on: "update", type: "(groupName: string) => string | HTMLElement", description: "Customize a group label; may return an HTML string or element." },
+  { configKey: "renderSelectedContentCallback", converter: z(), on: "update", type: "(item: unknown) => string", description: "Custom render for the whole selected area." },
+  { configKey: "renderSelectedItemContentCallback", converter: z(), on: "update", type: "(item: unknown) => string | HTMLElement", description: "Custom render for one selected item." },
+  { configKey: "customStylesCallback", converter: z(), on: "update", type: "() => string", description: "Returns a CSS string injected into the component via a replaceable style slot (§12.8)." },
   // ── Callbacks: before-hooks (behavior-shaping) ───────────────────────────
-  { configKey: "beforeSearchCallback", converter: $(), on: "update", type: "(searchTerm: string) => string | null", description: "Runs before a search; return a rewritten term or null to veto." },
-  { configKey: "beforeSelectCallback", converter: $(), on: "update", type: "(option: unknown, selectedOptions: unknown[]) => boolean | string | void", description: "Runs before selecting; return false to veto, or a string to veto and show it as a message." },
-  { configKey: "beforeDeselectCallback", converter: $(), on: "update", type: "(option: unknown, selectedOptions: unknown[]) => boolean | string | void", description: "Runs before deselecting; return false to veto, or a string to veto and show it as a message." },
-  { configKey: "addNewCallback", converter: $(), on: "update", type: "(value: string) => unknown | Promise<unknown>", description: "Create a new option from the typed text." }
-], Pr = [
+  { configKey: "beforeSearchCallback", converter: z(), on: "update", type: "(searchTerm: string) => string | null", description: "Runs before a search; return a rewritten term or null to veto." },
+  { configKey: "beforeSelectCallback", converter: z(), on: "update", type: "(option: unknown, selectedOptions: unknown[]) => boolean | string | void", description: "Runs before selecting; return false to veto, or a string to veto and show it as a message." },
+  { configKey: "beforeDeselectCallback", converter: z(), on: "update", type: "(option: unknown, selectedOptions: unknown[]) => boolean | string | void", description: "Runs before deselecting; return false to veto, or a string to veto and show it as a message." },
+  { configKey: "addNewCallback", converter: z(), on: "update", type: "(value: string) => unknown | Promise<unknown>", description: "Create a new option from the typed text." },
+  { configKey: "keydownCallback", converter: z(), on: "update", type: "(context: MultiSelectKeydownContext) => boolean | void", description: "Intercept keydown before built-in handling; return true to suppress the default. Gets the event, current state, and an imperative controller." }
+], Mr = [
   { name: "select", description: "An option was selected. `detail.option` is the selected option; `detail.selectedOptions`/`detail.selectedValues` are the full selection." },
   { name: "deselect", description: "An option was removed from the selection. `detail.option` is that option." },
   { name: "change", description: "The selection changed. `detail.selectedOptions`/`detail.selectedValues` are the full selection." }
-], Is = /* @__PURE__ */ new Set(["dropdownWidth", "selectedPopoverWidth", "showDebugInfo", "initialValues", "optionsSource", "optionsFormat", "optionsSplitter", "optionsRowSplitter", "mobilePresentation"]), at = {
+], Ps = /* @__PURE__ */ new Set(["dropdownWidth", "selectedPopoverWidth", "showDebugInfo", "initialValues", "optionsSource", "optionsFormat", "optionsSplitter", "optionsRowSplitter", "mobilePresentation"]), at = {
   dropdownWidth: "--ms-dropdown-width",
   selectedPopoverWidth: "--ms-selected-popover-width"
 };
-let Mr = null;
-function Lr() {
-  return Mr ?? (Mr = Jo(Qs, "--ms-"));
+let Lr = null;
+function Er() {
+  return Lr ?? (Lr = Qo(Zs, "--ms-"));
 }
-const Er = [
+const Ar = [
   { key: "valueMember", member: "value", callbackKey: "getValueCallback" },
   { key: "displayValueMember", member: "label", callbackKey: "getDisplayValueCallback" },
   { key: "groupMember", member: "group", callbackKey: "getGroupCallback" },
@@ -4988,13 +5126,13 @@ const Er = [
   { key: "subtitleMember", member: "subtitle", callbackKey: "getSubtitleCallback" },
   { key: "disabledMember", member: "disabled", callbackKey: "getDisabledCallback" }
 ];
-var J, z, me, et, tt, st, ze, De, ke, _, ct, Bt, Kt, Zs, eo, to, dt, Ft, so, oo, io, Wt, ro, no, jt, Ut;
-class Ge extends zt {
+var J, N, me, et, tt, st, ze, Ne, ke, _, ct, Kt, Ft, eo, to, so, dt, Wt, oo, io, ro, jt, no, ao, Ut, Gt;
+class Ge extends Nt {
   constructor() {
     super();
     E(this, _);
     E(this, J);
-    E(this, z);
+    E(this, N);
     E(this, me);
     E(this, et, null);
     // Dev-mode customStylesCallback lint: unknown --ms-* names already warned about.
@@ -5002,9 +5140,9 @@ class Ge extends zt {
     // Declarative <option>/<optgroup> state (parsed once from light DOM).
     E(this, st, !1);
     E(this, ze, !1);
-    E(this, De);
+    E(this, Ne);
     E(this, ke);
-    D(this, J, this.attachShadow({ mode: "open" })), qo(p(this, J), Qs), typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => this.setAttribute("data-ready", "")) : this.setAttribute("data-ready", "");
+    V(this, J, this.attachShadow({ mode: "open" })), Yo(p(this, J), Zs), typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => this.setAttribute("data-ready", "")) : this.setAttribute("data-ready", "");
   }
   /**
    * Called by the browser when the surrounding <form> is reset. Clears the
@@ -5012,7 +5150,7 @@ class Ge extends zt {
    */
   formResetCallback() {
     var t;
-    (t = p(this, z)) == null || t.clearAll();
+    (t = p(this, N)) == null || t.clearAll();
   }
   // ── core lifecycle hooks ──────────────────────────────────────────────────
   /** Runtime writing-direction switch (core observes `dir`): re-mirror the live
@@ -5021,28 +5159,28 @@ class Ge extends zt {
    *  and the panels' explicit `dir`). The initial direction is read by the build. */
   directionChanged(t) {
     var o;
-    (o = p(this, z)) == null || o.refreshDirection();
+    (o = p(this, N)) == null || o.refreshDirection();
   }
   /** Structural change (or first connect): mirror CSS vars, then (re)build the picker. */
   reinit() {
-    x(this, _, oo).call(this), this.isConnected && x(this, _, Bt).call(this);
+    x(this, _, io).call(this), this.isConnected && x(this, _, Kt).call(this);
   }
   /** Cosmetic change: mirror CSS vars / custom styles / debug, patch the picker in place. */
   update(t) {
-    x(this, _, io).call(this, t), "customStylesCallback" in t && x(this, _, Ft).call(this), "showDebugInfo" in t && x(this, _, jt).call(this);
+    x(this, _, ro).call(this, t), "customStylesCallback" in t && x(this, _, Wt).call(this), "showDebugInfo" in t && x(this, _, Ut).call(this);
     const o = {};
     for (const [i, r] of Object.entries(t))
-      Is.has(i) || (o[i] = r === null ? void 0 : r);
-    p(this, z) && Object.keys(o).length > 0 && (p(this, z).updateOptions(o) || x(this, _, Bt).call(this)), "mobilePresentation" in t && x(this, _, ct).call(this, At());
+      Ps.has(i) || (o[i] = r === null ? void 0 : r);
+    p(this, N) && Object.keys(o).length > 0 && (p(this, N).updateOptions(o) || x(this, _, Kt).call(this)), "mobilePresentation" in t && x(this, _, ct).call(this, zt());
   }
   /** Activate: ensure the picker exists (a DOM move destroyed it in disconnect()). */
   connect() {
-    p(this, z) || x(this, _, Kt).call(this);
+    p(this, N) || x(this, _, Ft).call(this);
   }
   /** Deactivate: tear the picker down (rebuilt on the next connect). */
   disconnect() {
     var t;
-    (t = p(this, z)) == null || t.destroy(), D(this, z, void 0);
+    (t = p(this, N)) == null || t.destroy(), V(this, N, void 0);
   }
   /**
    * Device/viewport/orientation changed (core §12.9). Overriding this opts the
@@ -5065,21 +5203,21 @@ class Ge extends zt {
   }
   get selectedValue() {
     var t;
-    return this.flush(), ((t = p(this, z)) == null ? void 0 : t.selectedValue) ?? null;
+    return this.flush(), ((t = p(this, N)) == null ? void 0 : t.selectedValue) ?? null;
   }
   get selectedItem() {
     var t;
-    return this.flush(), ((t = p(this, z)) == null ? void 0 : t.selectedItem) ?? null;
+    return this.flush(), ((t = p(this, N)) == null ? void 0 : t.selectedItem) ?? null;
   }
   getSelected() {
-    return this.flush(), p(this, z) ? p(this, z).getSelected() : [];
+    return this.flush(), p(this, N) ? p(this, N).getSelected() : [];
   }
   setSelected(t, o = {}) {
     var i;
-    this.flush(), (i = p(this, z)) == null || i.setSelected(t, o);
+    this.flush(), (i = p(this, N)) == null || i.setSelected(t, o);
   }
   getValue() {
-    return this.flush(), p(this, z) ? p(this, z).getValue() : null;
+    return this.flush(), p(this, N) ? p(this, N).getValue() : null;
   }
   /**
    * Surface a transient message ("toast") on top of the component — visible even in the
@@ -5090,52 +5228,52 @@ class Ge extends zt {
    */
   showMessage(t, o) {
     var i;
-    this.flush(), (i = p(this, z)) == null || i.showMessage(t, o);
+    this.flush(), (i = p(this, N)) == null || i.showMessage(t, o);
   }
   /** Dismiss the transient message shown by {@link showMessage}, if any. */
   hideMessage() {
     var t;
-    (t = p(this, z)) == null || t.hideMessage();
+    (t = p(this, N)) == null || t.hideMessage();
   }
   destroy() {
     var t;
-    (t = p(this, z)) == null || t.destroy();
+    (t = p(this, N)) == null || t.destroy();
   }
 }
-J = new WeakMap(), z = new WeakMap(), me = new WeakMap(), et = new WeakMap(), tt = new WeakMap(), st = new WeakMap(), ze = new WeakMap(), De = new WeakMap(), ke = new WeakMap(), _ = new WeakSet(), /** Resolve `mobile-presentation` against `env` and relay it to the live picker. */
+J = new WeakMap(), N = new WeakMap(), me = new WeakMap(), et = new WeakMap(), tt = new WeakMap(), st = new WeakMap(), ze = new WeakMap(), Ne = new WeakMap(), ke = new WeakMap(), _ = new WeakSet(), /** Resolve `mobile-presentation` against `env` and relay it to the live picker. */
 ct = function(t) {
   var r;
-  const o = this.config.mobilePresentation ?? "auto", i = si(o, t);
-  (r = p(this, z)) == null || r.setPresentation(i === "modal" ? "fullscreen" : i);
+  const o = this.config.mobilePresentation ?? "auto", i = oi(o, t);
+  (r = p(this, N)) == null || r.setPresentation(i === "modal" ? "fullscreen" : i);
 }, // ── picker lifecycle ──────────────────────────────────────────────────────
-Bt = function() {
+Kt = function() {
   var t;
-  (t = p(this, z)) == null || t.destroy(), D(this, z, void 0), x(this, _, Kt).call(this);
-}, Kt = function() {
-  x(this, _, Zs).call(this), x(this, _, ro).call(this);
-  const t = x(this, _, eo).call(this), o = x(this, _, to).call(this);
-  o && o.length > 0 ? p(this, me).dataset.initialValues = JSON.stringify(o) : delete p(this, me).dataset.initialValues, D(this, z, new wr(p(this, me), t)), x(this, _, Ft).call(this), x(this, _, jt).call(this), x(this, _, ct).call(this, At());
-}, Zs = function() {
+  (t = p(this, N)) == null || t.destroy(), V(this, N, void 0), x(this, _, Ft).call(this);
+}, Ft = function() {
+  x(this, _, eo).call(this), x(this, _, no).call(this);
+  const t = x(this, _, to).call(this), o = x(this, _, so).call(this);
+  o && o.length > 0 ? p(this, me).dataset.initialValues = JSON.stringify(o) : delete p(this, me).dataset.initialValues, V(this, N, new xr(p(this, me), t)), x(this, _, Wt).call(this), x(this, _, Ut).call(this), x(this, _, ct).call(this, zt());
+}, eo = function() {
   if (p(this, me)) return;
   const t = document.createElement("div");
-  t.setAttribute("data-multiselect", ""), this.className && (t.className = this.className), p(this, J).appendChild(t), D(this, et, Yo(p(this, J), { position: "first", className: "ms-custom-styles" })), D(this, me, t);
+  t.setAttribute("data-multiselect", ""), this.className && (t.className = this.className), p(this, J).appendChild(t), V(this, et, Jo(p(this, J), { position: "first", className: "ms-custom-styles" })), V(this, me, t);
 }, /**
  * Build the picker config from the merged `this.config`, minus the keys the
  * picker doesn't own, plus the runtime wiring (event bridges, container, host,
  * declarative option data + member defaults, counter default).
  */
-eo = function() {
+to = function() {
   const t = { ...this.config };
-  for (const i of Is) delete t[i];
+  for (const i of Ps) delete t[i];
   for (const i of Object.keys(t))
     t[i] === null && delete t[i];
   let o = t.options;
-  if (p(this, ze) && p(this, De))
-    o && o.length > 0 && K.warn("[MultiSelectElement] Both declarative <option> elements and programmatic .options detected. Using declarative options."), o = p(this, De);
+  if (p(this, ze) && p(this, Ne))
+    o && o.length > 0 && K.warn("[MultiSelectElement] Both declarative <option> elements and programmatic .options detected. Using declarative options."), o = p(this, Ne);
   else if (!o || o.length === 0) {
     const i = this.config.optionsSource;
     if (i != null) {
-      const r = this.config.optionsFormat ?? "json", { options: n, error: a } = kr(i, r, {
+      const r = this.config.optionsFormat ?? "json", { options: n, error: a } = Cr(i, r, {
         splitter: this.config.optionsSplitter,
         rowSplitter: this.config.optionsRowSplitter
       });
@@ -5143,20 +5281,20 @@ eo = function() {
     }
   }
   if (t.options = o, p(this, ze))
-    for (const { key: i, member: r, callbackKey: n } of Er)
+    for (const { key: i, member: r, callbackKey: n } of Ar)
       t[i] === void 0 && !t[n] && (t[i] = r);
   return t.getCounterCallback || (t.getCounterCallback = (i, r) => r !== void 0 ? `+${r} more` : `${i} selected`), t.onSelect = (i) => {
     var r;
     this.emit("select", {
       option: i,
-      selectedOptions: ((r = p(this, z)) == null ? void 0 : r.getSelected()) ?? [],
+      selectedOptions: ((r = p(this, N)) == null ? void 0 : r.getSelected()) ?? [],
       selectedValues: x(this, _, dt).call(this)
     });
   }, t.onDeselect = (i) => {
     var r;
     this.emit("deselect", {
       option: i,
-      selectedOptions: ((r = p(this, z)) == null ? void 0 : r.getSelected()) ?? [],
+      selectedOptions: ((r = p(this, N)) == null ? void 0 : r.getSelected()) ?? [],
       selectedValues: x(this, _, dt).call(this)
     });
   }, t.onChange = (i) => {
@@ -5165,17 +5303,17 @@ eo = function() {
       selectedValues: x(this, _, dt).call(this)
     });
   }, t.container = p(this, J), t.hostElement = this, t;
-}, to = function() {
+}, so = function() {
   if (p(this, ke) && p(this, ke).length > 0)
     return p(this, ke);
   const t = this.config.initialValues;
   return t && t.length > 0 ? t : void 0;
 }, dt = function() {
   var o;
-  const t = (o = p(this, z)) == null ? void 0 : o.getValue();
+  const t = (o = p(this, N)) == null ? void 0 : o.getValue();
   return t == null ? [] : Array.isArray(t) ? t : [t];
 }, // ── §12.8 custom styles ───────────────────────────────────────────────────
-Ft = function() {
+Wt = function() {
   const t = p(this, et);
   if (!t) return;
   const o = this.config.customStylesCallback;
@@ -5185,7 +5323,7 @@ Ft = function() {
   }
   try {
     const i = o();
-    t.set(i), i && x(this, _, so).call(this, i);
+    t.set(i), i && x(this, _, oo).call(this, i);
   } catch (i) {
     K.warn("[MultiSelectElement] customStylesCallback threw", i), t.clear();
   }
@@ -5198,28 +5336,28 @@ Ft = function() {
  * De-duped per instance. If you genuinely define a `--ms-*` var for your own
  * custom-rendered content, ignore the warning (or use a different prefix).
  */
-so = function(t) {
-  const o = Lr();
+oo = function(t) {
+  const o = Er();
   if (o.size !== 0)
-    for (const { name: i, suggestions: r } of ei(t, { prefix: "--ms-", consumed: o }))
+    for (const { name: i, suggestions: r } of ti(t, { prefix: "--ms-", consumed: o }))
       p(this, tt).has(i) || (p(this, tt).add(i), console.warn(
         `[web-multiselect] customStylesCallback sets "${i}", which no web-multiselect style consumes — it will have no effect.` + (r.length ? ` Did you mean: ${r.join(", ")}?` : "") + " (If it's for your own custom-rendered content, ignore this.)"
       ));
 }, // ── CSS-var sugar ─────────────────────────────────────────────────────────
-oo = function() {
-  for (const t of Object.keys(at)) x(this, _, Wt).call(this, at[t], this.config[t]);
-}, io = function(t) {
+io = function() {
+  for (const t of Object.keys(at)) x(this, _, jt).call(this, at[t], this.config[t]);
+}, ro = function(t) {
   for (const o of Object.keys(at))
-    o in t && x(this, _, Wt).call(this, at[o], t[o]);
-}, Wt = function(t, o) {
+    o in t && x(this, _, jt).call(this, at[o], t[o]);
+}, jt = function(t, o) {
   o == null || o === "" ? this.style.removeProperty(t) : this.style.setProperty(t, String(o));
 }, // ── declarative <option> parsing (light DOM, once) ────────────────────────
-ro = function() {
+no = function() {
   if (p(this, st)) return;
-  D(this, st, !0);
-  const t = x(this, _, no).call(this);
-  t && (D(this, De, t), D(this, ze, !0));
-}, no = function() {
+  V(this, st, !0);
+  const t = x(this, _, ao).call(this);
+  t && (V(this, Ne, t), V(this, ze, !0));
+}, ao = function() {
   const t = Array.from(this.children);
   if (t.length === 0) return null;
   const o = [];
@@ -5230,7 +5368,7 @@ ro = function() {
       value: n.value || ((c = n.textContent) == null ? void 0 : c.trim()) || "",
       label: ((d = n.textContent) == null ? void 0 : d.trim()) || n.value || ""
     };
-    a && (l.group = a), n.hasAttribute("selected") && (p(this, ke) ?? D(this, ke, [])).push(l.value), n.hasAttribute("disabled") && (l.disabled = !0), n.hasAttribute("data-icon") && (l.icon = n.getAttribute("data-icon")), n.hasAttribute("data-subtitle") && (l.subtitle = n.getAttribute("data-subtitle")), o.push(l), i = !0;
+    a && (l.group = a), n.hasAttribute("selected") && (p(this, ke) ?? V(this, ke, [])).push(l.value), n.hasAttribute("disabled") && (l.disabled = !0), n.hasAttribute("data-icon") && (l.icon = n.getAttribute("data-icon")), n.hasAttribute("data-subtitle") && (l.subtitle = n.getAttribute("data-subtitle")), o.push(l), i = !0;
   };
   for (const n of t)
     if (n.tagName === "OPTION")
@@ -5246,7 +5384,7 @@ ro = function() {
     (n.tagName === "OPTION" || n.tagName === "OPTGROUP") && n.remove();
   return o;
 }, // ── debug panel (deprecated; kept for back-compat) ────────────────────────
-jt = function() {
+Ut = function() {
   const t = p(this, J).querySelector(".ms__debug-info");
   if (t && t.remove(), !this.config.showDebugInfo) return;
   const o = document.createElement("div");
@@ -5254,12 +5392,12 @@ jt = function() {
   const i = document.createElement("details"), r = document.createElement("summary");
   r.textContent = "Debug Info";
   const n = document.createElement("div");
-  n.className = "ms__debug-stats", i.appendChild(r), i.appendChild(n), o.appendChild(i), p(this, J).appendChild(o), x(this, _, Ut).call(this);
-}, Ut = function() {
+  n.className = "ms__debug-stats", i.appendChild(r), i.appendChild(n), o.appendChild(i), p(this, J).appendChild(o), x(this, _, Gt).call(this);
+}, Gt = function() {
   var l, c, d, h;
   const t = p(this, J).querySelector(".ms__debug-stats");
-  if (!t || !p(this, z)) return;
-  const o = "2.0.0-rc06", i = typeof window < "u" && ((c = (l = window.components) == null ? void 0 : l["web-multiselect"]) == null ? void 0 : c.getInstances().length) || 0, r = p(this, z).getSelected().length, n = ((d = this.config.options) == null ? void 0 : d.length) || 0, a = p(this, z);
+  if (!t || !p(this, N)) return;
+  const o = "2.0.0-rc08", i = typeof window < "u" && ((c = (l = window.components) == null ? void 0 : l["web-multiselect"]) == null ? void 0 : c.getInstances().length) || 0, r = p(this, N).getSelected().length, n = ((d = this.config.options) == null ? void 0 : d.length) || 0, a = p(this, N);
   t.innerHTML = `
       <span>Version: ${o}</span>
       <span>Total Instances: ${i}</span>
@@ -5270,16 +5408,16 @@ jt = function() {
       <span>Search: ${a.searchTerm || "none"}</span>
       <span>Loading: ${a.isLoading ? "Yes" : "No"}</span>
     `, setTimeout(() => {
-    this.config.showDebugInfo && x(this, _, Ut).call(this);
+    this.config.showDebugInfo && x(this, _, Gt).call(this);
   }, 500);
 }, // Opt into the form-associated custom element lifecycle so form.reset() and
 // form.elements see the control.
-m(Ge, "formAssociated", !0), m(Ge, "inputs", Ir), m(Ge, "events", Pr);
+u(Ge, "formAssociated", !0), u(Ge, "inputs", Pr), u(Ge, "events", Mr);
 typeof customElements < "u" && !customElements.get("web-multiselect") && customElements.define("web-multiselect", Ge);
-Go("web-multiselect", Ge, {
+Xo("web-multiselect", Ge, {
   config: {
     name: "@keenmate/web-multiselect",
-    version: "2.0.0-rc06",
+    version: "2.0.0-rc08",
     author: "Keenmate",
     license: "MIT",
     repository: "git+https://github.com/keenmate/web-multiselect.git",
@@ -5288,17 +5426,17 @@ Go("web-multiselect", Ge, {
   logging: ae
 });
 export {
-  zr as LOGGING_CATEGORIES,
+  Nr as LOGGING_CATEGORIES,
   Ge as MultiSelectElement,
-  _r as OPTIONS_FORMATS,
-  wr as WebMultiSelect,
+  kr as OPTIONS_FORMATS,
+  xr as WebMultiSelect,
   K as dataLogger,
-  $r as disableLogging,
-  Dr as enableLogging,
+  Dr as disableLogging,
+  Vr as enableLogging,
   nt as initLogger,
   W as interactionLogger,
-  kr as parseOptionsData,
-  Nr as setCategoryLevel,
-  Vr as setLogLevel,
+  Cr as parseOptionsData,
+  Rr as setCategoryLevel,
+  $r as setLogLevel,
   Q as uiLogger
 };