@keenmate/web-multiselect 2.0.0-rc12 → 2.0.0

package/dist/multiselect.js

@@ -1,11 +1,11 @@
-var $o = Object.defineProperty;
+var Do = Object.defineProperty;
 var _s = (s) => {
   throw TypeError(s);
 };
-var Ro = (s, e, t) => e in s ? $o(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var m = (s, e, t) => Ro(s, typeof e != "symbol" ? e + "" : e, t), Kt = (s, e, t) => e.has(s) || _s("Cannot " + t);
-var h = (s, e, t) => (Kt(s, e, "read from private field"), t ? t.call(s) : e.get(s)), L = (s, e, t) => e.has(s) ? _s("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), I = (s, e, t, o) => (Kt(s, e, "write to private field"), o ? o.call(s, t) : e.set(s, t), t), v = (s, e, t) => (Kt(s, e, "access private method"), t);
-function W(s, e = {}) {
+var Ro = (s, e, t) => e in s ? Do(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var p = (s, e, t) => Ro(s, typeof e != "symbol" ? e + "" : e, t), Kt = (s, e, t) => e.has(s) || _s("Cannot " + t);
+var h = (s, e, t) => (Kt(s, e, "read from private field"), t ? t.call(s) : e.get(s)), L = (s, e, t) => e.has(s) ? _s("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(s) : e.set(s, t), P = (s, e, t, o) => (Kt(s, e, "write to private field"), o ? o.call(s, t) : e.set(s, t), t), b = (s, e, t) => (Kt(s, e, "access private method"), t);
+function j(s, e = {}) {
   const t = new Set(s), o = e.shouldNullOnInvalid ? null : e.default ?? null;
   return {
     values: s,
@@ -37,7 +37,7 @@ function X(s = {}) {
     }
   };
 }
-function z(s = {}) {
+function A(s = {}) {
   const e = s.isNullable === !0, t = s.default ?? (e ? null : ""), o = (i) => s.shouldTrim ? i.trim() : i;
   return {
     fromAttribute(i) {
@@ -55,7 +55,7 @@ function z(s = {}) {
   };
 }
 const Bo = /* @__PURE__ */ new Set(["", "true", "1", "yes", "on"]), Ho = /* @__PURE__ */ new Set(["false", "0", "no", "off"]);
-function B(s = "presence") {
+function H(s = "presence") {
   const e = (t) => {
     const o = t.trim().toLowerCase();
     return Bo.has(o) ? !0 : Ho.has(o) ? !1 : null;
@@ -177,19 +177,19 @@ const Qs = {
   isApple: !1,
   isAndroid: !1
 }, qo = { mobile: 640, tablet: 1024, desktop: 1 / 0 };
-let bt = Zs(qo);
-const st = /* @__PURE__ */ new Set(), ot = /* @__PURE__ */ new Set();
-let Oe = null, kt = [], vt = !1;
+let vt = Zs(qo);
+const ot = /* @__PURE__ */ new Set(), it = /* @__PURE__ */ new Set();
+let Pe = null, kt = [], wt = !1;
 const ks = 30;
 let Ee, yt = 0;
 function Zs(s) {
   return Object.entries(s).sort((e, t) => e[1] - t[1]);
 }
 function Xo(s) {
-  for (const [t, o] of bt)
+  for (const [t, o] of vt)
     if (s <= o)
       return t;
-  const e = bt[bt.length - 1];
+  const e = vt[vt.length - 1];
   return e ? e[0] : "desktop";
 }
 function us() {
@@ -250,16 +250,16 @@ function ei(s, e) {
   return s.viewportWidth === e.viewportWidth && s.viewportHeight === e.viewportHeight;
 }
 function Ct() {
-  const s = ms(), e = Oe;
-  if (Oe = s, !e || !Zo(e, s))
-    for (const t of [...st])
+  const s = ms(), e = Pe;
+  if (Pe = s, !e || !Zo(e, s))
+    for (const t of [...ot])
       t(s);
-  ot.size > 0 && (!e || !ei(e, s)) && ti();
+  it.size > 0 && (!e || !ei(e, s)) && ti();
 }
 function Ss() {
-  const s = Oe;
+  const s = Pe;
   if (s)
-    for (const e of [...ot])
+    for (const e of [...it])
       e(s);
 }
 function ti() {
@@ -272,10 +272,10 @@ function ti() {
 }
 const St = () => Ct(), eo = () => {
   if (typeof requestAnimationFrame == "function") {
-    if (vt)
+    if (wt)
       return;
-    vt = !0, requestAnimationFrame(() => {
-      vt = !1, Ct();
+    wt = !0, requestAnimationFrame(() => {
+      wt = !1, Ct();
     });
   } else
     Ct();
@@ -288,7 +288,7 @@ function oi(s) {
 }
 function to() {
   if (!us()) {
-    Oe = { ...Qs };
+    Pe = { ...Qs };
     return;
   }
   kt = [
@@ -300,37 +300,37 @@ function to() {
   ];
   for (const s of kt)
     si(s);
-  typeof window.addEventListener == "function" && window.addEventListener("resize", eo), Oe = ms();
+  typeof window.addEventListener == "function" && window.addEventListener("resize", eo), Pe = ms();
 }
 function so() {
   for (const s of kt)
     oi(s);
-  kt = [], typeof window < "u" && typeof window.removeEventListener == "function" && window.removeEventListener("resize", eo), vt = !1, Ee !== void 0 && (clearTimeout(Ee), Ee = void 0), yt = 0, Oe = null;
+  kt = [], typeof window < "u" && typeof window.removeEventListener == "function" && window.removeEventListener("resize", eo), wt = !1, Ee !== void 0 && (clearTimeout(Ee), Ee = void 0), yt = 0, Pe = null;
 }
 function Tt() {
-  return st.size + ot.size;
+  return ot.size + it.size;
 }
 function It() {
-  return Oe ?? ms();
+  return Pe ?? ms();
 }
 function ii(s, e = {}) {
   const t = Tt() === 0;
-  st.add(s), t && to(), e.immediate !== !1 && s(It());
+  ot.add(s), t && to(), e.immediate !== !1 && s(It());
   let o = !0;
   return () => {
-    o && (o = !1, st.delete(s), Tt() === 0 && so());
+    o && (o = !1, ot.delete(s), Tt() === 0 && so());
   };
 }
 function ri(s, e = {}) {
   const t = Tt() === 0;
-  ot.add(s), t && to(), e.immediate !== !1 && s(It());
+  it.add(s), t && to(), e.immediate !== !1 && s(It());
   let o = !0;
   return () => {
-    o && (o = !1, ot.delete(s), Tt() === 0 && so());
+    o && (o = !1, it.delete(s), Tt() === 0 && so());
   };
 }
 function _n(s) {
-  bt = Zs(s), st.size > 0 && Ct();
+  vt = Zs(s), ot.size > 0 && Ct();
 }
 const ni = 600;
 function ai(s) {
@@ -402,26 +402,26 @@ function pi(s, e, t = {}) {
     n && (n.delete(o), n.size === 0 && (Je.delete(s), oe == null || oe.unobserve(s), Wt--, Wt === 0 && oe && (oe.disconnect(), oe = null)));
   };
 }
-const Ot = /* @__PURE__ */ new Map();
+const Pt = /* @__PURE__ */ new Map();
 function fi(s, e) {
-  let t = Ot.get(s);
-  t || Ot.set(s, t = /* @__PURE__ */ new Set()), t.add(e);
+  let t = Pt.get(s);
+  t || Pt.set(s, t = /* @__PURE__ */ new Set()), t.add(e);
 }
 function gi(s, e) {
   var t;
-  (t = Ot.get(s)) == null || t.delete(e);
+  (t = Pt.get(s)) == null || t.delete(e);
 }
 function bi(s) {
-  return Array.from(Ot.get(s) ?? []);
+  return Array.from(Pt.get(s) ?? []);
 }
 const io = /* @__PURE__ */ new Map();
 function vi(s, e) {
   io.set(s.toLowerCase(), e);
 }
-function yi(s) {
+function wi(s) {
   return io.get(s.toLowerCase());
 }
-function wi(s, e, t, o = {}) {
+function yi(s, e, t, o = {}) {
   return s.dispatchEvent(new CustomEvent(e, {
     detail: t,
     bubbles: o.bubbles ?? !0,
@@ -450,19 +450,19 @@ const Ti = { trace() {
 }, warn() {
 }, error() {
 } }, Ii = new Proxy({}, { get: () => Ti });
-var me, nt, _e, at, ke, lt, Vt, Ce, pe, Se, Te, ze, Ne, Ve, De, $e, Re, Dt, ie, Be, T, ro, no, ao, Q, lo, co, Jt, Qt, Qe, Zt, ho;
+var me, at, _e, lt, ke, ct, $t, Ce, pe, Se, Te, ze, Ne, $e, Ve, De, Re, Vt, ie, Be, I, ro, no, ao, Q, lo, co, Jt, Qt, Qe, Zt, ho;
 const xe = class xe extends Ci {
   constructor() {
     super();
-    L(this, T);
+    L(this, I);
     L(this, me, {});
-    L(this, nt, /* @__PURE__ */ new Map());
-    L(this, _e, /* @__PURE__ */ new Map());
     L(this, at, /* @__PURE__ */ new Map());
+    L(this, _e, /* @__PURE__ */ new Map());
+    L(this, lt, /* @__PURE__ */ new Map());
     /** Live handler currently bound via each managed `on<Name>` property, keyed by event name. */
     L(this, ke, /* @__PURE__ */ new Map());
-    L(this, lt, Go());
-    L(this, Vt, () => v(this, T, Zt).call(this));
+    L(this, ct, Go());
+    L(this, $t, () => b(this, I, Zt).call(this));
     L(this, Ce, null);
     L(this, pe, !1);
     L(this, Se, []);
@@ -479,22 +479,22 @@ const xe = class xe extends Ci {
     L(this, ze, null);
     L(this, Ne, !1);
     /** Unsubscribe from the environment observable; set only while connected AND `environmentChanged` is overridden. */
-    L(this, Ve);
+    L(this, $e);
     /** Unsubscribe from the throttled viewport observable; set only while connected AND `viewportChanged` is overridden. */
-    L(this, De);
+    L(this, Ve);
     /** Unsubscribe from the per-element ResizeObserver; set only while connected AND `resized` is overridden. */
-    L(this, $e);
+    L(this, De);
     L(this, Re);
-    L(this, Dt);
+    L(this, Vt);
     L(this, ie);
     L(this, Be);
     const t = this.constructor, o = t.inputs ?? [], i = ki(t.events);
-    v(this, T, ao).call(this, o, i);
+    b(this, I, ao).call(this, o, i);
     for (const r of o)
-      h(this, nt).set(r.configKey, r), r.attribute && h(this, _e).set(r.attribute, r);
+      h(this, at).set(r.configKey, r), r.attribute && h(this, _e).set(r.attribute, r);
     for (const r of i)
-      h(this, at).set(r.name, r);
-    v(this, T, ro).call(this, o), v(this, T, lo).call(this, o), v(this, T, co).call(this, i);
+      h(this, lt).set(r.name, r);
+    b(this, I, ro).call(this, o), b(this, I, lo).call(this, o), b(this, I, co).call(this, i);
   }
   static get observedAttributes() {
     const t = (this.inputs ?? []).filter((o) => o.attribute).map((o) => o.attribute);
@@ -516,29 +516,29 @@ const xe = class xe extends Ci {
     try {
       n = jo(r, i, this);
     } catch (l) {
-      v(this, T, Q).call(this, `converter for "${r.configKey}" threw parsing attribute ${t}="${i}"; using default`, l), n = v(this, T, no).call(this, r);
+      b(this, I, Q).call(this, `converter for "${r.configKey}" threw parsing attribute ${t}="${i}"; using default`, l), n = b(this, I, no).call(this, r);
     }
-    v(this, T, Qt).call(this, n);
+    b(this, I, Qt).call(this, n);
   }
   connectedCallback() {
-    fi(this.localName, this), h(this, Te) || (I(this, Te, !0), I(this, ze, null), I(this, pe, !0)), v(this, T, Qe).call(this), this.connect(), this.environmentChanged !== xe.prototype.environmentChanged && I(this, Ve, ii((t) => this.environmentChanged(t))), this.viewportChanged !== xe.prototype.viewportChanged && I(this, De, ri((t) => this.viewportChanged(t))), this.resized !== xe.prototype.resized && I(this, $e, pi(this, (t) => this.resized(t), { immediate: !1 }));
+    fi(this.localName, this), h(this, Te) || (P(this, Te, !0), P(this, ze, null), P(this, pe, !0)), b(this, I, Qe).call(this), this.connect(), this.environmentChanged !== xe.prototype.environmentChanged && P(this, $e, ii((t) => this.environmentChanged(t))), this.viewportChanged !== xe.prototype.viewportChanged && P(this, Ve, ri((t) => this.viewportChanged(t))), this.resized !== xe.prototype.resized && P(this, De, pi(this, (t) => this.resized(t), { immediate: !1 }));
   }
   disconnectedCallback() {
     var t, o, i;
-    gi(this.localName, this), (t = h(this, Ve)) == null || t.call(this), I(this, Ve, void 0), (o = h(this, De)) == null || o.call(this), I(this, De, void 0), (i = h(this, $e)) == null || i.call(this), I(this, $e, void 0), this.disconnect();
+    gi(this.localName, this), (t = h(this, $e)) == null || t.call(this), P(this, $e, void 0), (o = h(this, Ve)) == null || o.call(this), P(this, Ve, void 0), (i = h(this, De)) == null || i.call(this), P(this, De, 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 = h(this, nt).get(o) ?? h(this, _e).get(o);
-      r && v(this, T, Jt).call(this, r, i);
+      const r = h(this, at).get(o) ?? h(this, _e).get(o);
+      r && b(this, I, Jt).call(this, r, i);
     }
-    v(this, T, Qe).call(this);
+    b(this, I, Qe).call(this);
   }
   /** Run `fn` and coalesce every input change it makes into a single reinit/update. */
   batch(t) {
-    t(), v(this, T, Qe).call(this);
+    t(), b(this, I, Qe).call(this);
   }
   /**
    * Apply any pending input writes **synchronously, now** — running the
@@ -554,7 +554,7 @@ const xe = class xe extends Ci {
    * `await whenSettled()` between the two.
    */
   flush() {
-    v(this, T, Qe).call(this);
+    b(this, I, Qe).call(this);
   }
   /**
    * Resolves once the element is **settled** — i.e. every staged input change
@@ -592,11 +592,11 @@ const xe = class xe extends Ci {
   get log() {
     if (h(this, Be))
       return h(this, Be);
-    const t = yi(this.localName);
+    const t = wi(this.localName);
     if (!t)
       return Ii;
-    const o = h(this, Dt) ?? I(this, Dt, `${this.localName}#${this.id || ++Si}`);
-    return I(this, Be, t.forInstance(o, () => h(this, ie)));
+    const o = h(this, Vt) ?? P(this, Vt, `${this.localName}#${this.id || ++Si}`);
+    return P(this, Be, t.forInstance(o, () => h(this, ie)));
   }
   /**
    * Turn on verbose logging for THIS element only (default `debug`), independent
@@ -604,11 +604,11 @@ const xe = class xe extends Ci {
    * picks one instance. Pairs with {@link disableLogging}.
    */
   enableLogging(t = "debug") {
-    I(this, ie, t);
+    P(this, ie, t);
   }
   /** Clear this element's logging override (falls back to the type-level level). */
   disableLogging() {
-    I(this, ie, void 0);
+    P(this, ie, void 0);
   }
   /** Whether this element has an active logging override (not unset/`silent`). */
   get isLoggingEnabled() {
@@ -732,7 +732,7 @@ const xe = class xe extends Ci {
     if (typeof this.attachInternals != "function")
       return null;
     try {
-      return I(this, Re, this.attachInternals());
+      return P(this, Re, this.attachInternals());
     } catch {
       return null;
     }
@@ -762,8 +762,8 @@ const xe = class xe extends Ci {
    * `emit` does not call it separately.
    */
   emit(t, o, i) {
-    const r = h(this, at).get(t);
-    return wi(this, t, o, {
+    const r = h(this, lt).get(t);
+    return yi(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)
@@ -801,7 +801,7 @@ const xe = class xe extends Ci {
     }
   }
 };
-me = new WeakMap(), nt = new WeakMap(), _e = new WeakMap(), at = new WeakMap(), ke = new WeakMap(), lt = new WeakMap(), Vt = new WeakMap(), Ce = new WeakMap(), pe = new WeakMap(), Se = new WeakMap(), Te = new WeakMap(), ze = new WeakMap(), Ne = new WeakMap(), Ve = new WeakMap(), De = new WeakMap(), $e = new WeakMap(), Re = new WeakMap(), Dt = new WeakMap(), ie = new WeakMap(), Be = new WeakMap(), T = new WeakSet(), // ── internals ─────────────────────────────────────────────────────────────
+me = new WeakMap(), at = new WeakMap(), _e = new WeakMap(), lt = new WeakMap(), ke = new WeakMap(), ct = new WeakMap(), $t = new WeakMap(), Ce = new WeakMap(), pe = new WeakMap(), Se = new WeakMap(), Te = new WeakMap(), ze = new WeakMap(), Ne = new WeakMap(), $e = new WeakMap(), Ve = new WeakMap(), De = new WeakMap(), Re = new WeakMap(), Vt = new WeakMap(), ie = new WeakMap(), Be = new WeakMap(), I = new WeakSet(), // ── internals ─────────────────────────────────────────────────────────────
 ro = function(t) {
   var o;
   for (const i of t) {
@@ -810,7 +810,7 @@ ro = function(t) {
       try {
         r = i.converter.fromAttribute(null, this, i.attribute ?? i.configKey);
       } catch (n) {
-        v(this, T, Q).call(this, `converter for "${i.configKey}" threw computing its default; using \`default\``, n), r = i.default;
+        b(this, I, Q).call(this, `converter for "${i.configKey}" threw computing its default; using \`default\``, n), r = i.default;
       }
     h(this, me)[i.configKey] = r, i.field && (this[i.field] = r);
   }
@@ -825,10 +825,10 @@ ao = function(t, o) {
   Is.add(i);
   const r = /* @__PURE__ */ new Set(), n = /* @__PURE__ */ new Set();
   for (const c of t)
-    r.has(c.configKey) && v(this, T, Q).call(this, `invalid input table: duplicate configKey "${c.configKey}"`), r.add(c.configKey), c.attribute && (n.has(c.attribute) && v(this, T, Q).call(this, `invalid input table: duplicate attribute "${c.attribute}"`), n.add(c.attribute)), c.reflect && !c.attribute && v(this, T, Q).call(this, `invalid input table: "${c.configKey}" has reflect:true but no attribute to reflect to`), c.reflect && !((l = c.converter) != null && l.toAttribute) && v(this, T, Q).call(this, `invalid input table: "${c.configKey}" has reflect:true but its converter has no toAttribute`);
+    r.has(c.configKey) && b(this, I, Q).call(this, `invalid input table: duplicate configKey "${c.configKey}"`), r.add(c.configKey), c.attribute && (n.has(c.attribute) && b(this, I, Q).call(this, `invalid input table: duplicate attribute "${c.attribute}"`), n.add(c.attribute)), c.reflect && !c.attribute && b(this, I, Q).call(this, `invalid input table: "${c.configKey}" has reflect:true but no attribute to reflect to`), c.reflect && !((l = c.converter) != null && l.toAttribute) && b(this, I, Q).call(this, `invalid input table: "${c.configKey}" has reflect:true but its converter has no toAttribute`);
   const a = /* @__PURE__ */ new Set();
   for (const c of o)
-    a.has(c.name) && v(this, T, Q).call(this, `invalid event table: duplicate event "${c.name}"`), a.add(c.name), /^[a-z][a-z0-9-]*$/.test(c.name) || v(this, T, Q).call(this, `invalid event table: event "${c.name}" should be lowercase kebab-case (e.g. "date-select")`), c.property && r.has(c.property) && v(this, T, Q).call(this, `invalid event table: event "${c.name}" property "${c.property}" collides with an input configKey`);
+    a.has(c.name) && b(this, I, Q).call(this, `invalid event table: duplicate event "${c.name}"`), a.add(c.name), /^[a-z][a-z0-9-]*$/.test(c.name) || b(this, I, Q).call(this, `invalid event table: event "${c.name}" should be lowercase kebab-case (e.g. "date-select")`), c.property && r.has(c.property) && b(this, I, Q).call(this, `invalid event table: event "${c.name}" property "${c.property}" collides with an input configKey`);
 }, /**
  * Always-on console warning for input validation failures. Deliberately uses
  * `console.warn` directly — NOT the (future) categorized logger — so rejected
@@ -843,8 +843,8 @@ Q = function(t, ...o) {
       configurable: !0,
       enumerable: !0,
       get: () => h(this, me)[i],
-      set: (a) => v(this, T, Jt).call(this, o, a)
-    }), r && ((h(this, ze) ?? I(this, ze, /* @__PURE__ */ new Set())).add(i), this[i] = n);
+      set: (a) => b(this, I, Jt).call(this, o, a)
+    }), r && ((h(this, ze) ?? P(this, ze, /* @__PURE__ */ new Set())).add(i), this[i] = n);
   }
 }, /**
  * Install a managed `on<Name>` handler property per event. Assigning it
@@ -875,48 +875,48 @@ co = function(t) {
   var r;
   const i = Uo(t, o);
   if (!i) {
-    v(this, T, Q).call(this, `rejected invalid value for property "${t.configKey}"; keeping previous value`, o);
+    b(this, I, Q).call(this, `rejected invalid value for property "${t.configKey}"; keeping previous value`, o);
     return;
   }
-  if (v(this, T, Qt).call(this, i), t.reflect && t.attribute && ((r = t.converter) != null && r.toAttribute)) {
+  if (b(this, I, Qt).call(this, i), t.reflect && t.attribute && ((r = t.converter) != null && r.toAttribute)) {
     const n = t.converter.toAttribute(i.value);
-    I(this, Ne, !0);
+    P(this, Ne, !0);
     try {
       n === null ? this.removeAttribute(t.attribute) : this.setAttribute(t.attribute, n);
     } finally {
-      I(this, Ne, !1);
+      P(this, Ne, !1);
     }
   }
 }, Qt = function(t) {
-  h(this, me)[t.configKey] = t.value, t.field && (this[t.field] = t.value), t.on !== "none" && (t.on === "reinit" && I(this, pe, !0), (h(this, Ce) ?? I(this, Ce, {}))[t.configKey] = t.value, h(this, lt).schedule(h(this, Vt)));
+  h(this, me)[t.configKey] = t.value, t.field && (this[t.field] = t.value), t.on !== "none" && (t.on === "reinit" && P(this, pe, !0), (h(this, Ce) ?? P(this, Ce, {}))[t.configKey] = t.value, h(this, ct).schedule(h(this, $t)));
 }, /** Cancel any queued microtask and flush pending changes synchronously now. */
 Qe = function() {
-  h(this, lt).cancel(), v(this, T, Zt).call(this);
+  h(this, ct).cancel(), b(this, I, Zt).call(this);
 }, Zt = function() {
   if (!this.isConnected)
     return;
   const t = h(this, pe), o = h(this, Ce);
-  I(this, pe, !1), I(this, Ce, null), t ? this.reinit() : o && Object.keys(o).length > 0 && this.update(o), v(this, T, ho).call(this);
+  P(this, pe, !1), P(this, Ce, null), t ? this.reinit() : o && Object.keys(o).length > 0 && this.update(o), b(this, I, ho).call(this);
 }, /** Resolve everyone awaiting {@link whenSettled} for the flush that just ran. */
 ho = function() {
   if (h(this, Se).length === 0)
     return;
   const t = h(this, Se);
-  I(this, Se, []);
+  P(this, Se, []);
   for (const o of t)
     o();
 }, /** The opt-in input table. Subclasses set this to enable attribute/property reactivity. */
-m(xe, "inputs"), /**
+p(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");
+p(xe, "events");
 let Yt = xe;
-function Os(s, e, t) {
+function Ps(s, e, t) {
   typeof customElements > "u" || customElements.get(s) || customElements.define(s, e, t);
 }
-function Oi(s) {
+function Pi(s) {
   return {
     enableLogging: (e) => s.enableLogging(e),
     disableLogging: () => s.disableLogging(),
@@ -925,30 +925,30 @@ function Oi(s) {
     getCategories: () => [...s.LOGGING_CATEGORIES]
   };
 }
-function Pi(s, e, t) {
+function Oi(s, e, t) {
   const { config: o, logging: i, shouldAutoDefine: r = !0 } = t;
   i && vi(s, i);
   const n = {
     version: () => o.version,
     config: o,
-    ...i ? { logging: Oi(i) } : {},
-    register: () => Os(s, e),
+    ...i ? { logging: Pi(i) } : {},
+    register: () => Ps(s, e),
     getInstances: () => bi(s)
   };
-  return typeof window < "u" && ((window.components ?? (window.components = {}))[s] = n), r && Os(s, e), n;
+  return typeof window < "u" && ((window.components ?? (window.components = {}))[s] = n), r && Ps(s, e), n;
 }
-const Ps = /* @__PURE__ */ new Map(), Ms = /* @__PURE__ */ new WeakMap();
-let ut;
+const Os = /* @__PURE__ */ new Map(), Ms = /* @__PURE__ */ new WeakMap();
+let mt;
 function Mi(s) {
   if (typeof CSSStyleSheet > "u" || !("adoptedStyleSheets" in s))
     return !1;
-  if (ut === void 0)
+  if (mt === void 0)
     try {
-      new CSSStyleSheet().replaceSync(""), ut = !0;
+      new CSSStyleSheet().replaceSync(""), mt = !0;
     } catch {
-      ut = !1;
+      mt = !1;
     }
-  return ut;
+  return mt;
 }
 function Li(s, ...e) {
   if (typeof document > "u")
@@ -962,8 +962,8 @@ function Li(s, ...e) {
     t.add(r);
   if (Mi(s)) {
     const r = o.map((n) => {
-      let a = Ps.get(n);
-      return a || (a = new CSSStyleSheet(), a.replaceSync(n), Ps.set(n, a)), a;
+      let a = Os.get(n);
+      return a || (a = new CSSStyleSheet(), a.replaceSync(n), Os.set(n, a)), a;
     });
     s.adoptedStyleSheets = [...s.adoptedStyleSheets, ...r];
     return;
@@ -1016,7 +1016,7 @@ function Ni(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 Vi(s, e) {
+function $i(s, e) {
   if (e.consumed.size === 0)
     return [];
   const t = [];
@@ -1024,16 +1024,16 @@ function Vi(s, e) {
     e.consumed.has(o) || t.push({ name: o, suggestions: Ni(o, e.consumed, { minScore: e.minScore }) });
   return t;
 }
-const Di = {
+const Vi = {
   mobile: "fullscreen",
   tablet: "floating",
   desktop: "floating"
 };
-function $i(s, e, t = {}) {
+function Di(s, e, t = {}) {
   if (s !== "auto")
     return s;
   const o = ai(e);
-  return t[o] ?? Di[o];
+  return t[o] ?? Vi[o];
 }
 function jt(s) {
   return {
@@ -1042,15 +1042,15 @@ function jt(s) {
     isModal: s === "modal"
   };
 }
-let Ge = 0, mt = null;
+let Ge = 0, pt = null;
 function Ri() {
   if (typeof document > "u")
     return () => {
     };
-  Ge === 0 && (mt = document.body.style.overflow, document.body.style.overflow = "hidden"), Ge++;
+  Ge === 0 && (pt = document.body.style.overflow, document.body.style.overflow = "hidden"), Ge++;
   let s = !1;
   return () => {
-    s || (s = !0, Ge = Math.max(0, Ge - 1), Ge === 0 && mt !== null && (document.body.style.overflow = mt, mt = null));
+    s || (s = !0, Ge = Math.max(0, Ge - 1), Ge === 0 && pt !== null && (document.body.style.overflow = pt, pt = null));
   };
 }
 function Bi(s) {
@@ -1068,7 +1068,7 @@ function Bi(s) {
     e.removeEventListener("resize", i), e.removeEventListener("scroll", i), s.style.height = "", s.style.top = "";
   };
 }
-const ps = "km-overlay-activated", Hi = Symbol("km-overlay-all-groups"), Pt = /* @__PURE__ */ new Set(), qe = /* @__PURE__ */ new Map();
+const ps = "km-overlay-activated", Hi = Symbol("km-overlay-all-groups"), Ot = /* @__PURE__ */ new Set(), qe = /* @__PURE__ */ new Map();
 let Mt = !1;
 function fs() {
   return typeof document < "u";
@@ -1078,21 +1078,21 @@ function Fi(s, e) {
 }
 function mo(s) {
   const e = s.detail, t = e == null ? void 0 : e.source, o = e == null ? void 0 : e.group;
-  for (const i of Array.from(Pt))
+  for (const i of Array.from(Ot))
     i.id !== t && Fi(i.group, o) && i.dismiss();
 }
 function Ki() {
   Mt || !fs() || (document.addEventListener(ps, mo), Mt = !0);
 }
 function Wi() {
-  Mt && Pt.size === 0 && fs() && (document.removeEventListener(ps, mo), Mt = !1);
+  Mt && Ot.size === 0 && fs() && (document.removeEventListener(ps, mo), Mt = !1);
 }
 function ji(s, e) {
   fs() && document.dispatchEvent(new CustomEvent(ps, { detail: { source: s, group: e } }));
 }
 function Ui(s, e) {
   const t = { id: {}, group: e, dismiss: s };
-  return Pt.add(t), Ki(), {
+  return Ot.add(t), Ki(), {
     activate() {
       qe.set(t.group, t), ji(t.id, t.group);
     },
@@ -1100,7 +1100,7 @@ function Ui(s, e) {
       qe.get(t.group) === t && qe.delete(t.group);
     },
     dispose() {
-      Pt.delete(t), qe.get(t.group) === t && qe.delete(t.group), Wi();
+      Ot.delete(t), qe.get(t.group) === t && qe.delete(t.group), Wi();
     }
   };
 }
@@ -1136,22 +1136,22 @@ let ue;
 const Et = {};
 class po {
   constructor(e, t) {
-    m(this, "name");
-    m(this, "levels", U);
-    m(this, "methodFactory");
+    p(this, "name");
+    p(this, "levels", U);
+    p(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");
+    p(this, "trace");
+    p(this, "debug");
+    p(this, "info");
+    p(this, "warn");
+    p(this, "error");
+    p(this, "log");
     /** Level inherited from the root (cached so it stays in sync with installed methods). */
-    m(this, "inheritedLevel");
+    p(this, "inheritedLevel");
     /** Optional per-logger default; overrides inherited. */
-    m(this, "defaultLevel", null);
+    p(this, "defaultLevel", null);
     /** Optional user-set level; overrides default. */
-    m(this, "userLevel", null);
+    p(this, "userLevel", null);
     this.name = e, this.methodFactory = t, this.inheritedLevel = Xe(ue ? ue.getLevel() : "WARN");
     const o = this.getPersistedLevel();
     o != null && (this.userLevel = Xe(o)), this.replaceLoggingMethods();
@@ -1309,7 +1309,7 @@ function or(s, e = Ji) {
     }
   };
 }
-const be = Math.min, ne = Math.max, At = Math.round, pt = Math.floor, ae = (s) => ({
+const be = Math.min, ne = Math.max, At = Math.round, ft = Math.floor, ae = (s) => ({
   x: s,
   y: s
 }), ir = {
@@ -1324,7 +1324,7 @@ function fo(s, e, t) {
 function Ke(s, e) {
   return typeof s == "function" ? s(e) : s;
 }
-function Pe(s) {
+function Oe(s) {
   return s.split("-")[0];
 }
 function We(s) {
@@ -1356,12 +1356,12 @@ function nr(s) {
 function es(s) {
   return s.includes("start") ? s.replace("start", "end") : s.replace("end", "start");
 }
-const Ns = ["left", "right"], Vs = ["right", "left"], ar = ["top", "bottom"], lr = ["bottom", "top"];
+const Ns = ["left", "right"], $s = ["right", "left"], ar = ["top", "bottom"], lr = ["bottom", "top"];
 function cr(s, e, t) {
   switch (s) {
     case "top":
     case "bottom":
-      return t ? e ? Vs : Ns : e ? Ns : Vs;
+      return t ? e ? $s : Ns : e ? Ns : $s;
     case "left":
     case "right":
       return e ? ar : lr;
@@ -1371,11 +1371,11 @@ function cr(s, e, t) {
 }
 function dr(s, e, t, o) {
   const i = We(s);
-  let r = cr(Pe(s), t === "start", o);
+  let r = cr(Oe(s), t === "start", o);
   return i && (r = r.map((n) => n + "-" + i), e && (r = r.concat(r.map(es)))), r;
 }
 function zt(s) {
-  const e = Pe(s);
+  const e = Oe(s);
   return ir[e] + s.slice(e.length);
 }
 function hr(s) {
@@ -1413,46 +1413,46 @@ function Nt(s) {
     y: t
   };
 }
-function Ds(s, e, t) {
+function Vs(s, e, t) {
   let {
     reference: o,
     floating: i
   } = s;
-  const r = re(e), n = bs(e), a = gs(n), l = Pe(e), c = r === "y", d = o.x + o.width / 2 - i.width / 2, u = o.y + o.height / 2 - i.height / 2, f = o[a] / 2 - i[a] / 2;
-  let p;
+  const r = re(e), n = bs(e), a = gs(n), l = Oe(e), c = r === "y", d = o.x + o.width / 2 - i.width / 2, u = o.y + o.height / 2 - i.height / 2, f = o[a] / 2 - i[a] / 2;
+  let m;
   switch (l) {
     case "top":
-      p = {
+      m = {
         x: d,
         y: o.y - i.height
       };
       break;
     case "bottom":
-      p = {
+      m = {
         x: d,
         y: o.y + o.height
       };
       break;
     case "right":
-      p = {
+      m = {
         x: o.x + o.width,
         y: u
       };
       break;
     case "left":
-      p = {
+      m = {
         x: o.x - i.width,
         y: u
       };
       break;
     default:
-      p = {
+      m = {
         x: o.x,
         y: o.y
       };
   }
   const g = We(e);
-  return g && (p[n] += f * (g === "end" ? 1 : -1) * (t && c ? -1 : 1)), p;
+  return g && (m[n] += f * (g === "end" ? 1 : -1) * (t && c ? -1 : 1)), m;
 }
 async function ur(s, e) {
   var t;
@@ -1469,9 +1469,9 @@ async function ur(s, e) {
     rootBoundary: d = "viewport",
     elementContext: u = "floating",
     altBoundary: f = !1,
-    padding: p = 0
-  } = Ke(e, s), g = bo(p), w = a[f ? u === "floating" ? "reference" : "floating" : u], b = Nt(await r.getClippingRect({
-    element: (t = await (r.isElement == null ? void 0 : r.isElement(w))) == null || t ? w : w.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(a.floating)),
+    padding: m = 0
+  } = Ke(e, s), g = bo(m), y = a[f ? u === "floating" ? "reference" : "floating" : u], v = Nt(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,
     strategy: l
@@ -1480,20 +1480,20 @@ async function ur(s, e) {
     y: i,
     width: n.floating.width,
     height: n.floating.height
-  } : n.reference, k = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a.floating)), E = await (r.isElement == null ? void 0 : r.isElement(k)) && await (r.getScale == null ? void 0 : r.getScale(k)) || {
+  } : n.reference, C = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a.floating)), E = await (r.isElement == null ? void 0 : r.isElement(C)) && await (r.getScale == null ? void 0 : r.getScale(C)) || {
     x: 1,
     y: 1
-  }, A = Nt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, z = Nt(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: a,
     rect: _,
-    offsetParent: k,
+    offsetParent: C,
     strategy: l
   }) : _);
   return {
-    top: (b.top - A.top + g.top) / E.y,
-    bottom: (A.bottom - b.bottom + g.bottom) / E.y,
-    left: (b.left - A.left + g.left) / E.x,
-    right: (A.right - b.right + g.right) / E.x
+    top: (v.top - z.top + g.top) / E.y,
+    bottom: (z.bottom - v.bottom + g.bottom) / E.y,
+    left: (v.left - z.left + g.left) / E.x,
+    right: (z.right - v.right + g.right) / E.x
   };
 }
 const mr = 50, pr = async (s, e, t) => {
@@ -1513,20 +1513,20 @@ const mr = 50, pr = async (s, e, t) => {
   }), {
     x: d,
     y: u
-  } = Ds(c, o, l), f = o, p = 0;
+  } = Vs(c, o, l), f = o, m = 0;
   const g = {};
-  for (let y = 0; y < r.length; y++) {
-    const w = r[y];
-    if (!w)
+  for (let w = 0; w < r.length; w++) {
+    const y = r[w];
+    if (!y)
       continue;
     const {
-      name: b,
+      name: v,
       fn: _
-    } = w, {
-      x: k,
+    } = y, {
+      x: C,
       y: E,
-      data: A,
-      reset: $
+      data: z,
+      reset: D
     } = await _({
       x: d,
       y: u,
@@ -1541,17 +1541,17 @@ const mr = 50, pr = async (s, e, t) => {
         floating: e
       }
     });
-    d = k ?? d, u = E ?? u, g[b] = {
-      ...g[b],
-      ...A
-    }, $ && p < mr && (p++, typeof $ == "object" && ($.placement && (f = $.placement), $.rects && (c = $.rects === !0 ? await n.getElementRects({
+    d = C ?? d, u = E ?? u, g[v] = {
+      ...g[v],
+      ...z
+    }, D && m < mr && (m++, typeof D == "object" && (D.placement && (f = D.placement), D.rects && (c = D.rects === !0 ? await n.getElementRects({
       reference: s,
       floating: e,
       strategy: i
-    }) : $.rects), {
+    }) : D.rects), {
       x: d,
       y: u
-    } = Ds(c, f, l)), y = -1);
+    } = Vs(c, f, l)), w = -1);
   }
   return {
     x: d,
@@ -1581,20 +1581,20 @@ const mr = 50, pr = async (s, e, t) => {
     const u = bo(d), f = {
       x: t,
       y: o
-    }, p = bs(i), g = gs(p), y = await n.getDimensions(c), w = p === "y", b = w ? "top" : "left", _ = w ? "bottom" : "right", k = w ? "clientHeight" : "clientWidth", E = r.reference[g] + r.reference[p] - f[p] - r.floating[g], A = f[p] - r.reference[p], $ = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
-    let F = $ ? $[k] : 0;
-    (!F || !await (n.isElement == null ? void 0 : n.isElement($))) && (F = a.floating[k] || r.floating[g]);
-    const q = E / 2 - A / 2, V = F / 2 - y[g] / 2 - 1, C = be(u[b], V), P = be(u[_], V), M = F - y[g] - P, R = F / 2 - y[g] / 2 + q, S = fo(C, R, M), H = !l.arrow && We(i) != null && R !== S && r.reference[g] / 2 - (R < C ? C : P) - y[g] / 2 < 0, se = H ? R < C ? R - C : R - M : 0;
+    }, m = bs(i), g = gs(m), w = await n.getDimensions(c), y = m === "y", v = y ? "top" : "left", _ = y ? "bottom" : "right", C = y ? "clientHeight" : "clientWidth", E = r.reference[g] + r.reference[m] - f[m] - r.floating[g], z = f[m] - r.reference[m], D = await (n.getOffsetParent == null ? void 0 : n.getOffsetParent(c));
+    let W = D ? D[C] : 0;
+    (!W || !await (n.isElement == null ? void 0 : n.isElement(D))) && (W = a.floating[C] || r.floating[g]);
+    const q = E / 2 - z / 2, V = W / 2 - w[g] / 2 - 1, S = be(u[v], V), O = be(u[_], V), M = W - w[g] - O, B = W / 2 - w[g] / 2 + q, T = fo(S, B, M), F = !l.arrow && We(i) != null && B !== T && r.reference[g] / 2 - (B < S ? S : O) - w[g] / 2 < 0, se = F ? B < S ? B - S : B - M : 0;
     return {
-      [p]: f[p] + se,
+      [m]: f[m] + se,
       data: {
-        [p]: S,
-        centerOffset: R - S - se,
-        ...H && {
+        [m]: T,
+        centerOffset: B - T - se,
+        ...F && {
           alignmentOffset: se
         }
       },
-      reset: H
+      reset: F
     };
   }
 }), gr = function(s) {
@@ -1614,54 +1614,54 @@ const mr = 50, pr = async (s, e, t) => {
         mainAxis: d = !0,
         crossAxis: u = !0,
         fallbackPlacements: f,
-        fallbackStrategy: p = "bestFit",
+        fallbackStrategy: m = "bestFit",
         fallbackAxisSideDirection: g = "none",
-        flipAlignment: y = !0,
-        ...w
+        flipAlignment: w = !0,
+        ...y
       } = Ke(s, e);
       if ((t = r.arrow) != null && t.alignmentOffset)
         return {};
-      const b = Pe(i), _ = re(a), k = Pe(a) === a, E = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), A = f || (k || !y ? [zt(a)] : nr(a)), $ = g !== "none";
-      !f && $ && A.push(...dr(a, y, g, E));
-      const F = [a, ...A], q = await l.detectOverflow(e, w), V = [];
-      let C = ((o = r.flip) == null ? void 0 : o.overflows) || [];
-      if (d && V.push(q[b]), u) {
-        const S = rr(i, n, E);
-        V.push(q[S[0]], q[S[1]]);
+      const v = Oe(i), _ = re(a), C = Oe(a) === a, E = await (l.isRTL == null ? void 0 : l.isRTL(c.floating)), z = f || (C || !w ? [zt(a)] : nr(a)), D = g !== "none";
+      !f && D && z.push(...dr(a, w, g, E));
+      const W = [a, ...z], q = await l.detectOverflow(e, y), V = [];
+      let S = ((o = r.flip) == null ? void 0 : o.overflows) || [];
+      if (d && V.push(q[v]), u) {
+        const T = rr(i, n, E);
+        V.push(q[T[0]], q[T[1]]);
       }
-      if (C = [...C, {
+      if (S = [...S, {
         placement: i,
         overflows: V
-      }], !V.every((S) => S <= 0)) {
-        var P, M;
-        const S = (((P = r.flip) == null ? void 0 : P.index) || 0) + 1, H = F[S];
-        if (H && (!(u === "alignment" ? _ !== re(H) : !1) || // We leave the current main axis only if every placement on that axis
+      }], !V.every((T) => T <= 0)) {
+        var O, M;
+        const T = (((O = r.flip) == null ? void 0 : O.index) || 0) + 1, F = W[T];
+        if (F && (!(u === "alignment" ? _ !== re(F) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        C.every((Y) => re(Y.placement) === _ ? Y.overflows[0] > 0 : !0)))
+        S.every((Y) => re(Y.placement) === _ ? Y.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: S,
-              overflows: C
+              index: T,
+              overflows: S
             },
             reset: {
-              placement: H
+              placement: F
             }
           };
-        let se = (M = C.filter((ye) => ye.overflows[0] <= 0).sort((ye, Y) => ye.overflows[1] - Y.overflows[1])[0]) == null ? void 0 : M.placement;
+        let se = (M = S.filter((we) => we.overflows[0] <= 0).sort((we, Y) => we.overflows[1] - Y.overflows[1])[0]) == null ? void 0 : M.placement;
         if (!se)
-          switch (p) {
+          switch (m) {
             case "bestFit": {
-              var R;
-              const ye = (R = C.filter((Y) => {
-                if ($) {
+              var B;
+              const we = (B = S.filter((Y) => {
+                if (D) {
                   const de = re(Y.placement);
                   return de === _ || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   de === "y";
                 }
                 return !0;
-              }).map((Y) => [Y.placement, Y.overflows.filter((de) => de > 0).reduce((de, Do) => de + Do, 0)]).sort((Y, de) => Y[1] - de[1])[0]) == null ? void 0 : R[0];
-              ye && (se = ye);
+              }).map((Y) => [Y.placement, Y.overflows.filter((de) => de > 0).reduce((de, Vo) => de + Vo, 0)]).sort((Y, de) => Y[1] - de[1])[0]) == null ? void 0 : B[0];
+              we && (se = we);
               break;
             }
             case "initialPlacement":
@@ -1684,10 +1684,10 @@ async function vr(s, e) {
     placement: t,
     platform: o,
     elements: i
-  } = s, r = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), n = Pe(t), a = We(t), l = re(t) === "y", c = br.has(n) ? -1 : 1, d = r && l ? -1 : 1, u = Ke(e, s);
+  } = s, r = await (o.isRTL == null ? void 0 : o.isRTL(i.floating)), n = Oe(t), a = We(t), l = re(t) === "y", c = br.has(n) ? -1 : 1, d = r && l ? -1 : 1, u = Ke(e, s);
   let {
     mainAxis: f,
-    crossAxis: p,
+    crossAxis: m,
     alignmentAxis: g
   } = typeof u == "number" ? {
     mainAxis: u,
@@ -1698,15 +1698,15 @@ async function vr(s, e) {
     crossAxis: u.crossAxis || 0,
     alignmentAxis: u.alignmentAxis
   };
-  return a && typeof g == "number" && (p = a === "end" ? g * -1 : g), l ? {
-    x: p * d,
+  return a && typeof g == "number" && (m = a === "end" ? g * -1 : g), l ? {
+    x: m * d,
     y: f * c
   } : {
     x: f * c,
-    y: p * d
+    y: m * d
   };
 }
-const yr = function(s) {
+const wr = function(s) {
   return s === void 0 && (s = 0), {
     name: "offset",
     options: s,
@@ -1728,7 +1728,7 @@ const yr = function(s) {
       };
     }
   };
-}, wr = function(s) {
+}, yr = function(s) {
   return s === void 0 && (s = {}), {
     name: "shift",
     options: s,
@@ -1744,11 +1744,11 @@ const yr = function(s) {
         limiter: l = {
           fn: (_) => {
             let {
-              x: k,
+              x: C,
               y: E
             } = _;
             return {
-              x: k,
+              x: C,
               y: E
             };
           }
@@ -1757,22 +1757,22 @@ const yr = function(s) {
       } = Ke(s, e), d = {
         x: t,
         y: o
-      }, u = await r.detectOverflow(e, c), f = re(i), p = go(f);
-      let g = d[p], y = d[f];
-      const w = (_, k) => fo(k + u[_ === "y" ? "top" : "left"], k, k - u[_ === "y" ? "bottom" : "right"]);
-      n && (g = w(p, g)), a && (y = w(f, y));
-      const b = l.fn({
+      }, u = await r.detectOverflow(e, c), f = re(i), m = go(f);
+      let g = d[m], w = d[f];
+      const y = (_, C) => fo(C + u[_ === "y" ? "top" : "left"], C, C - u[_ === "y" ? "bottom" : "right"]);
+      n && (g = y(m, g)), a && (w = y(f, w));
+      const v = l.fn({
         ...e,
-        [p]: g,
-        [f]: y
+        [m]: g,
+        [f]: w
       });
       return {
-        ...b,
+        ...v,
         data: {
-          x: b.x - t,
-          y: b.y - o,
+          x: v.x - t,
+          y: v.y - o,
           enabled: {
-            [p]: n,
+            [m]: n,
             [f]: a
           }
         }
@@ -1793,21 +1793,21 @@ const yr = function(s) {
         apply: n = () => {
         },
         ...a
-      } = Ke(s, e), l = await i.detectOverflow(e, a), c = Pe(t), d = We(t), u = re(t) === "y", {
+      } = Ke(s, e), l = await i.detectOverflow(e, a), c = Oe(t), d = We(t), u = re(t) === "y", {
         width: f,
-        height: p
+        height: m
       } = o.floating;
-      let g, y;
-      c === "top" || c === "bottom" ? (g = c, y = d === (await (i.isRTL == null ? void 0 : i.isRTL(r.floating)) ? "start" : "end") ? "left" : "right") : (y = c, g = d === "end" ? "top" : "bottom");
-      const w = p - l.top - l.bottom, b = f - l.left - l.right, _ = be(p - l[g], w), k = be(f - l[y], b), E = e.middlewareData.shift, A = !E;
-      let $ = _, F = k;
-      E != null && E.enabled.x && (F = b), E != null && E.enabled.y && ($ = w), A && !d && (u ? F = f - 2 * ne(l.left, l.right) : $ = p - 2 * ne(l.top, l.bottom)), await n({
+      let g, w;
+      c === "top" || c === "bottom" ? (g = c, w = d === (await (i.isRTL == null ? void 0 : i.isRTL(r.floating)) ? "start" : "end") ? "left" : "right") : (w = c, g = d === "end" ? "top" : "bottom");
+      const y = m - l.top - l.bottom, v = f - l.left - l.right, _ = be(m - l[g], y), C = be(f - l[w], v), E = e.middlewareData.shift, z = !E;
+      let D = _, W = C;
+      E != null && E.enabled.x && (W = v), E != null && E.enabled.y && (D = y), z && !d && (u ? W = f - 2 * ne(l.left, l.right) : D = m - 2 * ne(l.top, l.bottom)), await n({
         ...e,
-        availableWidth: F,
-        availableHeight: $
+        availableWidth: W,
+        availableHeight: D
       });
       const q = await i.getDimensions(r.floating);
-      return f !== q.width || p !== q.height ? {
+      return f !== q.width || m !== q.height ? {
         reset: {
           rects: !0
         }
@@ -1815,7 +1815,7 @@ const yr = function(s) {
     }
   };
 };
-function $t() {
+function Dt() {
   return typeof window < "u";
 }
 function je(s) {
@@ -1830,16 +1830,16 @@ function le(s) {
   return (e = (vo(s) ? s.ownerDocument : s.document) || window.document) == null ? void 0 : e.documentElement;
 }
 function vo(s) {
-  return $t() ? s instanceof Node || s instanceof G(s).Node : !1;
+  return Dt() ? s instanceof Node || s instanceof G(s).Node : !1;
 }
 function ee(s) {
-  return $t() ? s instanceof Element || s instanceof G(s).Element : !1;
+  return Dt() ? s instanceof Element || s instanceof G(s).Element : !1;
 }
 function ve(s) {
-  return $t() ? s instanceof HTMLElement || s instanceof G(s).HTMLElement : !1;
+  return Dt() ? s instanceof HTMLElement || s instanceof G(s).HTMLElement : !1;
 }
-function $s(s) {
-  return !$t() || typeof ShadowRoot > "u" ? !1 : s instanceof ShadowRoot || s instanceof G(s).ShadowRoot;
+function Ds(s) {
+  return !Dt() || typeof ShadowRoot > "u" ? !1 : s instanceof ShadowRoot || s instanceof G(s).ShadowRoot;
 }
 function Rt(s) {
   const {
@@ -1865,15 +1865,15 @@ function Bt(s) {
     return !1;
   }
 }
-const kr = /transform|translate|scale|rotate|perspective|filter/, Cr = /paint|layout|strict|content/, we = (s) => !!s && s !== "none";
+const kr = /transform|translate|scale|rotate|perspective|filter/, Cr = /paint|layout|strict|content/, ye = (s) => !!s && s !== "none";
 let Ut;
 function vs(s) {
   const e = ee(s) ? te(s) : s;
-  return we(e.transform) || we(e.translate) || we(e.scale) || we(e.rotate) || we(e.perspective) || !ys() && (we(e.backdropFilter) || we(e.filter)) || kr.test(e.willChange || "") || Cr.test(e.contain || "");
+  return ye(e.transform) || ye(e.translate) || ye(e.scale) || ye(e.rotate) || ye(e.perspective) || !ws() && (ye(e.backdropFilter) || ye(e.filter)) || kr.test(e.willChange || "") || Cr.test(e.contain || "");
 }
 function Sr(s) {
   let e = Me(s);
-  for (; ve(e) && !it(e); ) {
+  for (; ve(e) && !rt(e); ) {
     if (vs(e))
       return e;
     if (Bt(e))
@@ -1882,10 +1882,10 @@ function Sr(s) {
   }
   return null;
 }
-function ys() {
+function ws() {
   return Ut == null && (Ut = typeof CSS < "u" && CSS.supports && CSS.supports("-webkit-backdrop-filter", "none")), Ut;
 }
-function it(s) {
+function rt(s) {
   return /^(html|body|#document)$/.test(je(s));
 }
 function te(s) {
@@ -1907,29 +1907,29 @@ function Me(s) {
     // Step into the shadow DOM of the parent of a slotted node.
     s.assignedSlot || // DOM Element detected.
     s.parentNode || // ShadowRoot detected.
-    $s(s) && s.host || // Fallback.
+    Ds(s) && s.host || // Fallback.
     le(s)
   );
-  return $s(e) ? e.host : e;
+  return Ds(e) ? e.host : e;
 }
-function yo(s) {
+function wo(s) {
   const e = Me(s);
-  return it(e) ? (s.ownerDocument || s).body : ve(e) && Rt(e) ? e : yo(e);
+  return rt(e) ? (s.ownerDocument || s).body : ve(e) && Rt(e) ? e : wo(e);
 }
-function rt(s, e, t) {
+function nt(s, e, t) {
   var o;
   e === void 0 && (e = []), t === void 0 && (t = !0);
-  const i = yo(s), r = i === ((o = s.ownerDocument) == null ? void 0 : o.body), n = G(i);
+  const i = wo(s), r = i === ((o = s.ownerDocument) == null ? void 0 : o.body), n = G(i);
   if (r) {
     const a = ts(n);
-    return e.concat(n, n.visualViewport || [], Rt(i) ? i : [], a && t ? rt(a) : []);
+    return e.concat(n, n.visualViewport || [], Rt(i) ? i : [], a && t ? nt(a) : []);
   } else
-    return e.concat(i, rt(i, [], t));
+    return e.concat(i, nt(i, [], t));
 }
 function ts(s) {
   return s.parent && Object.getPrototypeOf(s.parent) ? s.frameElement : null;
 }
-function wo(s) {
+function yo(s) {
   const e = te(s);
   let t = parseFloat(e.width) || 0, o = parseFloat(e.height) || 0;
   const i = ve(s), r = i ? s.offsetWidth : t, n = i ? s.offsetHeight : o, a = At(t) !== r || At(o) !== n;
@@ -1939,18 +1939,18 @@ function wo(s) {
     $: a
   };
 }
-function ws(s) {
+function ys(s) {
   return ee(s) ? s : s.contextElement;
 }
 function Ae(s) {
-  const e = ws(s);
+  const e = ys(s);
   if (!ve(e))
     return ae(1);
   const t = e.getBoundingClientRect(), {
     width: o,
     height: i,
     $: r
-  } = wo(e);
+  } = yo(e);
   let n = (r ? At(t.width) : t.width) / o, a = (r ? At(t.height) : t.height) / i;
   return (!n || !Number.isFinite(n)) && (n = 1), (!a || !Number.isFinite(a)) && (a = 1), {
     x: n,
@@ -1960,7 +1960,7 @@ function Ae(s) {
 const Tr = /* @__PURE__ */ ae(0);
 function xo(s) {
   const e = G(s);
-  return !ys() || !e.visualViewport ? Tr : {
+  return !ws() || !e.visualViewport ? Tr : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
@@ -1970,17 +1970,17 @@ function Ir(s, e, t) {
 }
 function Le(s, e, t, o) {
   e === void 0 && (e = !1), t === void 0 && (t = !1);
-  const i = s.getBoundingClientRect(), r = ws(s);
+  const i = s.getBoundingClientRect(), r = ys(s);
   let n = ae(1);
   e && (o ? ee(o) && (n = Ae(o)) : n = Ae(s));
   const a = Ir(r, t, o) ? xo(r) : ae(0);
   let l = (i.left + a.x) / n.x, c = (i.top + a.y) / n.y, d = i.width / n.x, u = i.height / n.y;
   if (r && o) {
-    const f = G(r), p = ee(o) ? G(o) : o;
-    let g = f, y = ts(g);
-    for (; y && p !== g; ) {
-      const w = Ae(y), b = y.getBoundingClientRect(), _ = te(y), k = b.left + (y.clientLeft + parseFloat(_.paddingLeft)) * w.x, E = b.top + (y.clientTop + parseFloat(_.paddingTop)) * w.y;
-      l *= w.x, c *= w.y, d *= w.x, u *= w.y, l += k, c += E, g = G(y), y = ts(g);
+    const f = G(r), m = ee(o) ? G(o) : o;
+    let g = f, w = ts(g);
+    for (; w && m !== g; ) {
+      const y = Ae(w), v = w.getBoundingClientRect(), _ = te(w), C = v.left + (w.clientLeft + parseFloat(_.paddingLeft)) * y.x, E = v.top + (w.clientTop + parseFloat(_.paddingTop)) * y.y;
+      l *= y.x, c *= y.y, d *= y.x, u *= y.y, l += C, c += E, g = G(w), w = ts(g);
     }
   }
   return Nt({
@@ -2001,7 +2001,7 @@ function _o(s, e) {
     y: i
   };
 }
-function Or(s) {
+function Pr(s) {
   let {
     elements: e,
     rect: t,
@@ -2017,8 +2017,8 @@ function Or(s) {
   }, c = ae(1);
   const d = ae(0), u = ve(o);
   if ((u || !r) && ((je(o) !== "body" || Rt(n)) && (l = Ht(o)), u)) {
-    const p = Le(o);
-    c = Ae(o), d.x = p.x + o.clientLeft, d.y = p.y + o.clientTop;
+    const m = Le(o);
+    c = Ae(o), d.x = m.x + o.clientLeft, d.y = m.y + o.clientTop;
   }
   const f = n && !u && !r ? _o(n, l) : ae(0);
   return {
@@ -2028,7 +2028,7 @@ function Or(s) {
     y: t.y * c.y - l.scrollTop * c.y + d.y + f.y
   };
 }
-function Pr(s) {
+function Or(s) {
   return s.getClientRects ? Array.from(s.getClientRects()) : [];
 }
 function Mr(s) {
@@ -2048,12 +2048,12 @@ function Er(s, e, t) {
   const o = t === "layoutViewport", i = G(s), r = le(s), n = i.visualViewport;
   let a = r.clientWidth, l = r.clientHeight, c = 0, d = 0;
   if (n) {
-    const f = !ys() || e === "fixed";
+    const f = !ws() || e === "fixed";
     o ? f || (c = -n.offsetLeft, d = -n.offsetTop) : (a = n.width, l = n.height, f && (c = n.offsetLeft, d = n.offsetTop));
   }
   if (Ft(r) <= 0) {
-    const f = r.ownerDocument, p = f.body, g = getComputedStyle(p), y = f.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, w = Math.abs(r.clientWidth - p.clientWidth - y), b = getComputedStyle(r).scrollbarGutter === "stable both-edges" ? w / 2 : w;
-    b <= Lr && (a -= b);
+    const f = r.ownerDocument, m = f.body, g = getComputedStyle(m), w = f.compatMode === "CSS1Compat" && parseFloat(g.marginLeft) + parseFloat(g.marginRight) || 0, y = Math.abs(r.clientWidth - m.clientWidth - w), v = getComputedStyle(r).scrollbarGutter === "stable both-edges" ? y / 2 : y;
+    v <= Lr && (a -= v);
   }
   return {
     width: a,
@@ -2094,10 +2094,10 @@ function zr(s, e) {
   const t = e.get(s);
   if (t)
     return t;
-  let o = rt(s, [], !1).filter((a) => ee(a) && je(a) !== "body"), i = null;
+  let o = nt(s, [], !1).filter((a) => ee(a) && je(a) !== "body"), i = null;
   const r = te(s).position === "fixed";
   let n = r ? Me(s) : s;
-  for (; ee(n) && !it(n); ) {
+  for (; ee(n) && !rt(n); ) {
     const a = te(n), l = vs(n), c = i ? i.position : r ? "fixed" : "";
     !l && (c === "fixed" || c === "absolute" && a.position === "static") ? o = o.filter((u) => u !== n) : i = a, n = Me(n);
   }
@@ -2113,8 +2113,8 @@ function Nr(s) {
   const n = [...t === "clippingAncestors" ? Bt(e) ? [] : zr(e, this._c) : [].concat(t), o], a = Rs(e, n[0], i);
   let l = a.top, c = a.right, d = a.bottom, u = a.left;
   for (let f = 1; f < n.length; f++) {
-    const p = Rs(e, n[f], i);
-    l = ne(p.top, l), c = be(p.right, c), d = be(p.bottom, d), u = ne(p.left, u);
+    const m = Rs(e, n[f], i);
+    l = ne(m.top, l), c = be(m.right, c), d = be(m.bottom, d), u = ne(m.left, u);
   }
   return {
     width: c - u,
@@ -2123,17 +2123,17 @@ function Nr(s) {
     y: l
   };
 }
-function Vr(s) {
+function $r(s) {
   const {
     width: e,
     height: t
-  } = wo(s);
+  } = yo(s);
   return {
     width: e,
     height: t
   };
 }
-function Dr(s, e, t) {
+function Vr(s, e, t) {
   const o = ve(e), i = le(e), r = t === "fixed", n = Le(s, !0, r, e);
   let a = {
     scrollLeft: 0,
@@ -2170,7 +2170,7 @@ function ko(s, e) {
     return t;
   if (!ve(s)) {
     let i = Me(s);
-    for (; i && !it(i); ) {
+    for (; i && !rt(i); ) {
       if (ee(i) && !Gt(i))
         return i;
       i = Me(i);
@@ -2180,12 +2180,12 @@ function ko(s, e) {
   let o = Bs(s, e);
   for (; o && _r(o) && Gt(o); )
     o = Bs(o, e);
-  return o && it(o) && Gt(o) && !vs(o) ? t : o || Sr(s) || t;
+  return o && rt(o) && Gt(o) && !vs(o) ? t : o || Sr(s) || t;
 }
-const $r = async function(s) {
+const Dr = async function(s) {
   const e = this.getOffsetParent || ko, t = this.getDimensions, o = await t(s.floating);
   return {
-    reference: Dr(s.reference, await e(s.floating), s.strategy),
+    reference: Vr(s.reference, await e(s.floating), s.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -2198,13 +2198,13 @@ function Rr(s) {
   return te(s).direction === "rtl";
 }
 const Co = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: Or,
+  convertOffsetParentRelativeRectToViewportRelativeRect: Pr,
   getDocumentElement: le,
   getClippingRect: Nr,
   getOffsetParent: ko,
-  getElementRects: $r,
-  getClientRects: Pr,
-  getDimensions: Vr,
+  getElementRects: Dr,
+  getClientRects: Or,
+  getDimensions: $r,
   getScale: Ae,
   isElement: ee,
   isRTL: Rr
@@ -2222,39 +2222,39 @@ function Br(s, e, t) {
   function a(d, u) {
     d === void 0 && (d = !1), u === void 0 && (u = 1), n();
     const f = s.getBoundingClientRect(), {
-      left: p,
+      left: m,
       top: g,
-      width: y,
-      height: w
+      width: w,
+      height: y
     } = f;
-    if (d || e(), !y || !w)
+    if (d || e(), !w || !y)
       return;
-    const b = pt(g), _ = pt(r.clientWidth - (p + y)), k = pt(r.clientHeight - (g + w)), E = pt(p), $ = {
-      rootMargin: -b + "px " + -_ + "px " + -k + "px " + -E + "px",
+    const v = ft(g), _ = ft(r.clientWidth - (m + w)), C = ft(r.clientHeight - (g + y)), E = ft(m), D = {
+      rootMargin: -v + "px " + -_ + "px " + -C + "px " + -E + "px",
       threshold: ne(0, be(1, u)) || 1
     };
-    let F = !0;
+    let W = !0;
     function q(V) {
-      const C = V[0].intersectionRatio;
+      const S = V[0].intersectionRatio;
       if (!So(f, s.getBoundingClientRect()))
         return a();
-      if (C !== u) {
-        if (!F)
+      if (S !== u) {
+        if (!W)
           return a();
-        C ? a(!1, C) : i = setTimeout(() => {
+        S ? a(!1, S) : i = setTimeout(() => {
           a(!1, 1e-7);
         }, 1e3);
       }
-      F = !1;
+      W = !1;
     }
     try {
       o = new IntersectionObserver(q, {
-        ...$,
+        ...D,
         // Handle <iframe>s
         root: r.ownerDocument
       });
     } catch {
-      o = new IntersectionObserver(q, $);
+      o = new IntersectionObserver(q, D);
     }
     o.observe(s);
   }
@@ -2271,33 +2271,33 @@ function Hr(s, e, t, o) {
     elementResize: n = typeof ResizeObserver == "function",
     layoutShift: a = typeof IntersectionObserver == "function",
     animationFrame: l = !1
-  } = o, c = ws(s), d = i || r ? [...c ? rt(c) : [], ...e ? rt(e) : []] : [];
-  d.forEach((b) => {
-    i && b.addEventListener("scroll", t), r && b.addEventListener("resize", t);
+  } = o, c = ys(s), d = i || r ? [...c ? nt(c) : [], ...e ? nt(e) : []] : [];
+  d.forEach((v) => {
+    i && v.addEventListener("scroll", t), r && v.addEventListener("resize", t);
   });
   const u = c && a ? Br(c, t, r) : null;
-  let f = -1, p = null;
-  n && (p = new ResizeObserver((b) => {
-    let [_] = b;
-    _ && _.target === c && p && e && (p.unobserve(e), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
-      var k;
-      (k = p) == null || k.observe(e);
+  let f = -1, m = null;
+  n && (m = new ResizeObserver((v) => {
+    let [_] = v;
+    _ && _.target === c && m && e && (m.unobserve(e), cancelAnimationFrame(f), f = requestAnimationFrame(() => {
+      var C;
+      (C = m) == null || C.observe(e);
     })), t();
-  }), c && !l && p.observe(c), e && p.observe(e));
-  let g, y = l ? Le(s) : null;
-  l && w();
-  function w() {
-    const b = Le(s);
-    y && !So(y, b) && t(), y = b, g = requestAnimationFrame(w);
+  }), c && !l && m.observe(c), e && m.observe(e));
+  let g, w = l ? Le(s) : null;
+  l && y();
+  function y() {
+    const v = Le(s);
+    w && !So(w, v) && t(), w = v, g = requestAnimationFrame(y);
   }
   return t(), () => {
-    var b;
+    var v;
     d.forEach((_) => {
       i && _.removeEventListener("scroll", t), r && _.removeEventListener("resize", t);
-    }), u == null || u(), (b = p) == null || b.disconnect(), p = null, l && cancelAnimationFrame(g);
+    }), u == null || u(), (v = m) == null || v.disconnect(), m = null, l && cancelAnimationFrame(g);
   };
 }
-const Fr = yr, Kr = wr, Wr = gr, qt = xr, jr = fr, Ur = (s, e, t) => {
+const Fr = wr, Kr = yr, Wr = gr, qt = xr, jr = fr, Ur = (s, e, t) => {
   const o = /* @__PURE__ */ new Map(), i = t ?? {}, r = {
     ...Co,
     ...i.platform,
@@ -2418,24 +2418,24 @@ function Hs(s, e) {
   }
   return s.arrow && t.push(jr({ element: s.arrow.element, padding: s.arrow.padding })), t;
 }
-function et(s, e, t = {}) {
+function tt(s, e, t = {}) {
   const o = t.strategy ?? "fixed";
   t.inheritThemeFrom && Jr(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 = Hs(t, r);
   const a = t.lockPlacement === "freeze";
   let l = !1;
   const c = !!t.fixedContainingBlock && !t.platform, d = t.platform ?? (c ? { ...Co, getOffsetParent: () => os(s) } : void 0), u = () => {
-    var p;
-    (p = t.beforeCompute) == null || p.call(t), Ur(e, s, {
+    var m;
+    (m = t.beforeCompute) == null || m.call(t), Ur(e, s, {
       placement: i,
       strategy: o,
       middleware: n,
       ...d ? { platform: d } : {}
-    }).then(({ x: g, y, placement: w, middlewareData: b }) => {
-      var _, k;
-      if (s.style.left = `${g}px`, s.style.top = `${y}px`, t.arrow && Zr(t.arrow.element, w, b.arrow), a && !l && (l = !0, i = w, r = !1, n = Hs(t, !1)), (_ = t.onPlaced) == null || _.call(t, w), (k = t.onComputed) == null || k.call(t, { x: g, y, placement: w }), t.onDrift && e instanceof Element) {
-        const E = c ? os(s) : window, A = Yr({ panel: s, reference: e, expectedX: g, expectedY: y, offsetParent: E });
-        A && t.onDrift(A);
+    }).then(({ x: g, y: w, placement: y, middlewareData: v }) => {
+      var _, C;
+      if (s.style.left = `${g}px`, s.style.top = `${w}px`, t.arrow && Zr(t.arrow.element, y, v.arrow), a && !l && (l = !0, i = y, r = !1, n = Hs(t, !1)), (_ = t.onPlaced) == null || _.call(t, y), (C = t.onComputed) == null || C.call(t, { x: g, y: w, placement: y }), t.onDrift && e instanceof Element) {
+        const E = c ? os(s) : window, z = Yr({ panel: s, reference: e, expectedX: g, expectedY: w, offsetParent: E });
+        z && t.onDrift(z);
       }
     });
   };
@@ -2459,36 +2459,36 @@ function tn(s) {
     contextElement: s.trigger
   }, f = (_) => {
     d = new DOMRect(_.clientX, _.clientY, 0, 0), n == null || n.update();
-  }, p = () => {
+  }, m = () => {
     l && clearTimeout(l), c && clearTimeout(c), l = c = void 0;
   }, g = () => {
-    var k;
-    if (p(), a)
+    var C;
+    if (m(), a)
       return;
-    (k = s.onBeforeShow) == null || k.call(s), a = !0, e.append(r);
+    (C = s.onBeforeShow) == null || C.call(s), a = !0, e.append(r);
     const _ = s.followCursor ? u : s.trigger;
-    n = et(r, _, {
+    n = tt(r, _, {
       placement: t,
       strategy: s.strategy,
       offset: s.offset ?? 8,
       inheritThemeFrom: s.inheritThemeFrom ?? s.trigger
     }), s.followCursor && s.trigger.addEventListener("mousemove", f), r.classList.add(o);
-  }, y = () => {
-    p(), a && (a = !1, r.classList.remove(o), s.followCursor && s.trigger.removeEventListener("mousemove", f), n == null || n.destroy(), n = void 0, r.remove());
   }, w = () => {
-    p(), i.show > 0 ? l = setTimeout(g, i.show) : g();
-  }, b = () => {
-    p(), i.hide > 0 ? c = setTimeout(y, i.hide) : y();
+    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 = () => {
+    m(), i.show > 0 ? l = setTimeout(g, i.show) : g();
+  }, v = () => {
+    m(), i.hide > 0 ? c = setTimeout(w, i.hide) : w();
   };
-  return s.trigger.addEventListener("mouseenter", w), s.trigger.addEventListener("mouseleave", b), s.trigger.addEventListener("focusin", w), s.trigger.addEventListener("focusout", b), {
+  return s.trigger.addEventListener("mouseenter", y), s.trigger.addEventListener("mouseleave", v), s.trigger.addEventListener("focusin", y), s.trigger.addEventListener("focusout", v), {
     element: r,
     get isVisible() {
       return a;
     },
     show: g,
-    hide: y,
+    hide: w,
     destroy() {
-      s.trigger.removeEventListener("mouseenter", w), s.trigger.removeEventListener("mouseleave", b), s.trigger.removeEventListener("focusin", w), s.trigger.removeEventListener("focusout", b), y();
+      s.trigger.removeEventListener("mouseenter", y), s.trigger.removeEventListener("mouseleave", v), s.trigger.removeEventListener("focusin", y), s.trigger.removeEventListener("focusout", v), w();
     }
   };
 }
@@ -2501,7 +2501,7 @@ function sn(s) {
       return o;
     },
     open() {
-      o || (o = !0, e.append(s.panel), t = et(s.panel, s.reference, {
+      o || (o = !0, e.append(s.panel), t = tt(s.panel, s.reference, {
         placement: s.placement ?? "bottom-start",
         strategy: s.strategy,
         offset: s.offset,
@@ -2527,7 +2527,7 @@ function sn(s) {
     }
   };
 }
-const Io = ["INIT", "DATA", "UI", "INTERACTION"], ce = or("MULTISELECT", Io), ft = ce.loggers.INIT, K = ce.loggers.DATA, J = ce.loggers.UI, j = ce.loggers.INTERACTION, kn = Io.map((s) => `MULTISELECT:${s}`);
+const Io = ["INIT", "DATA", "UI", "INTERACTION"], ce = or("MULTISELECT", Io), gt = ce.loggers.INIT, K = ce.loggers.DATA, J = ce.loggers.UI, R = ce.loggers.INTERACTION, kn = Io.map((s) => `MULTISELECT:${s}`);
 function Cn() {
   ce.enableLogging();
 }
@@ -2543,21 +2543,21 @@ function In(s, e) {
 }
 class Fs {
   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");
+    p(this, "container");
+    p(this, "wrapper");
+    p(this, "viewport");
+    p(this, "itemHeight");
+    p(this, "items");
+    p(this, "renderItem");
+    p(this, "bufferSize");
+    p(this, "onVisibleRangeChange");
+    p(this, "onScroll");
+    p(this, "scrollTop", 0);
+    p(this, "viewportHeight", 0);
+    p(this, "visibleStart", 0);
+    p(this, "visibleEnd", 0);
+    p(this, "scrollHandler");
+    p(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();
   }
   /**
@@ -2620,11 +2620,21 @@ class Fs {
    * Scroll to make item at index visible (like scrollIntoView with block: 'nearest')
    * Only scrolls if item is outside visible area, and scrolls minimally
    */
-  scrollToIndex(e) {
+  scrollToIndex(e, t = "start") {
     if (e < 0 || e >= this.items.length)
       return;
-    const t = e * this.itemHeight, o = t + this.itemHeight, i = this.container.scrollTop, r = i + this.viewportHeight;
-    t < i ? this.container.scrollTop = t : o > r && (this.container.scrollTop = o - this.viewportHeight);
+    this.updateViewportHeight();
+    const o = e * this.itemHeight, i = o + this.itemHeight, r = Math.max(0, this.items.length * this.itemHeight - this.viewportHeight);
+    let n;
+    if (t === "center")
+      n = o - (this.viewportHeight - this.itemHeight) / 2;
+    else if (t === "nearest") {
+      const a = this.container.scrollTop, l = a + this.viewportHeight;
+      if (o >= a && i <= l) return;
+      n = o < a ? o : i - this.viewportHeight;
+    } else
+      n = o;
+    n = Math.max(0, Math.min(n, r)), this.container.scrollTop = n, this.scrollTop = n, this.render();
   }
   /**
    * Get currently visible range
@@ -2697,10 +2707,10 @@ function he(s, e) {
   return s[e];
 }
 function nn(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, u = s.getDisplayValueCallback, f = Ze(i), p = Ze(r), g = Ze(n), y = Ze(a), w = "x", b = s.treePathSeparator || ".", _ = Ks();
-  let k = 0, E = null;
-  const A = (V) => o ? o(V) : t ? he(V, t) : void 0, $ = {
-    treePathSeparator: b,
+  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, u = s.getDisplayValueCallback, f = Ze(i), m = Ze(r), g = Ze(n), w = Ze(a), y = "x", v = s.treePathSeparator || ".", _ = Ks();
+  let C = 0, E = null;
+  const z = (V) => o ? o(V) : t ? he(V, t) : void 0, D = {
+    treePathSeparator: v,
     root: _,
     get tree() {
       return Object.values(_.children);
@@ -2711,80 +2721,80 @@ function nn(s = {}) {
      */
     get flatNodes() {
       if (E) return E;
-      const V = [], C = s.isSorted ?? !1, P = s.sortCallback;
-      function M(R) {
-        let S = Object.values(R.children);
-        C && P && S.length > 0 && (S = P(S));
-        for (const H of S)
-          V.push(H), H.hasChildren && M(H);
+      const V = [], S = s.isSorted ?? !1, O = s.sortCallback;
+      function M(B) {
+        let T = Object.values(B.children);
+        S && O && T.length > 0 && (T = O(T));
+        for (const F of T)
+          V.push(F), F.hasChildren && M(F);
       }
       return M(_), E = V, V;
     },
     insertArray(V) {
-      V = V || [], _.children = {}, k = 0, E = null;
-      const C = [];
-      let P = V.map((M, R) => {
-        const S = Ks();
-        S.treeId = c, S.id = e ? he(M, e) : void 0;
-        const H = A(M);
-        return H == null || H === "" || typeof H != "string" ? (C.push(`index ${R}`), null) : (S.path = H, (S.id === void 0 || S.id === -1) && (S.id = H), f ? S.parentPath = on(S.path, b) : S.parentPath = he(M, i), S.pathSegment = js(
-          Ws(S.path, S.parentPath ?? "", b),
+      V = V || [], _.children = {}, C = 0, E = null;
+      const S = [];
+      let O = V.map((M, B) => {
+        const T = Ks();
+        T.treeId = c, T.id = e ? he(M, e) : void 0;
+        const F = z(M);
+        return F == null || F === "" || typeof F != "string" ? (S.push(`index ${B}`), null) : (T.path = F, (T.id === void 0 || T.id === -1) && (T.id = F), f ? T.parentPath = on(T.path, v) : T.parentPath = he(M, i), T.pathSegment = js(
+          Ws(T.path, T.parentPath ?? "", v),
           0,
           1,
-          b
-        ), p ? S.level = rn(S.path, b) : S.level = he(M, r), g || (S.hasChildren = he(M, n)), S.data = M, S);
+          v
+        ), m ? T.level = rn(T.path, v) : T.level = he(M, r), g || (T.hasChildren = he(M, n)), T.data = M, T);
       }).filter((M) => M !== null);
-      s.isSorted || (s.sortCallback ? P = s.sortCallback(P) : P = q(P));
-      for (const M of P)
-        F(M.parentPath ?? "", M);
-      if (l || !y)
-        for (const M of P)
+      s.isSorted || (s.sortCallback ? O = s.sortCallback(O) : O = q(O));
+      for (const M of O)
+        W(M.parentPath ?? "", M);
+      if (l || !w)
+        for (const M of O)
           if (l)
             M.isSelectable = l(M) !== !1;
           else {
-            const R = he(M.data, a);
-            M.isSelectable = R == null ? !0 : !!R;
+            const B = he(M.data, a);
+            M.isSelectable = B == null ? !0 : !!B;
           }
-      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 ? ", …" : "")
+      S.length > 0 && console.warn(
+        `[ltree ${c}] ${S.length} option(s) had an invalid path and were skipped (pathMember="${t}"). Offending: ${S.slice(0, 5).join(", ")}` + (S.length > 5 ? ", …" : "")
       );
     },
-    getNodeByPath(V, C) {
-      let P = C || _;
+    getNodeByPath(V, S) {
+      let O = S || _;
       if (V) {
-        const M = V.split(b);
-        for (let R = 0; R < M.length; R++) {
-          const S = w + M[R];
-          if (!P.children.hasOwnProperty(S))
+        const M = V.split(v);
+        for (let B = 0; B < M.length; B++) {
+          const T = y + M[B];
+          if (!O.children.hasOwnProperty(T))
             return null;
-          P = P.children[S];
+          O = O.children[T];
         }
       }
-      return P;
+      return O;
     }
   };
-  function F(V, C) {
-    const P = $.getNodeByPath(V);
-    if (!P)
-      return `Node: ${C.path} - Could not find parent node: ${V}`;
-    p && (C.level = (P.level || 0) + 1);
-    const M = w + js(Ws(C.path, V, b), 0, 1, b);
-    return P.children.hasOwnProperty(M) || (P.children[M] = C, g && !P.hasChildren && (P.hasChildren = !0), k = Math.max(k, C.level || 0)), null;
+  function W(V, S) {
+    const O = D.getNodeByPath(V);
+    if (!O)
+      return `Node: ${S.path} - Could not find parent node: ${V}`;
+    m && (S.level = (O.level || 0) + 1);
+    const M = y + js(Ws(S.path, V, v), 0, 1, v);
+    return O.children.hasOwnProperty(M) || (O.children[M] = S, g && !O.hasChildren && (O.hasChildren = !0), C = Math.max(C, S.level || 0)), null;
   }
   function q(V) {
-    return V.sort((C, P) => {
-      const M = C.level || 0, R = P.level || 0;
-      if (M !== R) return M - R;
-      if (C.parentPath !== P.parentPath)
-        return C.parentPath ? P.parentPath ? C.parentPath.localeCompare(P.parentPath) : 1 : -1;
-      if (d && C.data && P.data) {
-        const S = he(C.data, d) ?? 0, H = he(P.data, d) ?? 0;
-        if (S !== H) return S - H;
+    return V.sort((S, O) => {
+      const M = S.level || 0, B = O.level || 0;
+      if (M !== B) return M - B;
+      if (S.parentPath !== O.parentPath)
+        return S.parentPath ? O.parentPath ? S.parentPath.localeCompare(O.parentPath) : 1 : -1;
+      if (d && S.data && O.data) {
+        const T = he(S.data, d) ?? 0, F = he(O.data, d) ?? 0;
+        if (T !== F) return T - F;
       }
-      return u ? u(C).localeCompare(u(P)) : C.path.localeCompare(P.path);
+      return u ? u(S).localeCompare(u(O)) : S.path.localeCompare(O.path);
     });
   }
-  return $;
+  return D;
 }
 function Us(s, e) {
   const t = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Set(), r = (l) => String(e(l.data)), n = (l) => {
@@ -2846,148 +2856,152 @@ function Xt(s, e, t, o) {
   for (const a of s.roots) n(a);
   return r;
 }
-var D;
+var $;
 class ln {
   constructor(e, t = {}) {
-    m(this, "element");
-    m(this, "instanceId");
-    m(this, "options");
+    p(this, "element");
+    p(this, "instanceId");
+    p(this, "options");
     // Backing field for the open state. Read/written internally via `this.#isOpen`
     // so the public `isOpen` accessor (get/set) can drive open()/close() without
     // recursing. See the imperative API at the bottom of the class.
-    L(this, D, !1);
-    m(this, "selectedValues", /* @__PURE__ */ new Set());
-    m(this, "selectedOptions", /* @__PURE__ */ new Map());
-    m(this, "allOptions", []);
-    m(this, "filteredOptions", []);
+    L(this, $, !1);
+    p(this, "selectedValues", /* @__PURE__ */ new Set());
+    p(this, "selectedOptions", /* @__PURE__ */ new Map());
+    p(this, "allOptions", []);
+    p(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", []);
+    p(this, "tree", null);
+    p(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);
+    p(this, "cascadeIndex", null);
+    p(this, "cascadeCheckedAtoms", /* @__PURE__ */ new Set());
+    p(this, "hiddenInputs", []);
+    p(this, "focusedIndex", -1);
     // Stable imperative facade handed to keydownCallback (built once, reused). See getKeyboardController().
-    m(this, "keyboardController", null);
-    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);
+    p(this, "keyboardController", null);
+    p(this, "matchingIndices", /* @__PURE__ */ new Set());
+    p(this, "searchTerm", "");
+    /** Keyboard focus sits on the empty-state "add new" prompt (arrow-navigated). */
+    p(this, "addNewFocused", !1);
+    /** An async addNewCallback is in flight — the prompt shows a spinner + pending text. */
+    p(this, "addNewPending", !1);
+    p(this, "isLoading", !1);
+    p(this, "searchDebounceTimer");
+    p(this, "searchAbortController");
+    p(this, "showSelectedPopover", !1);
+    p(this, "selectedPopoverPlacement", null);
+    p(this, "dropdownPlacement", null);
+    p(this, "isRTL", !1);
+    p(this, "effectiveBadgesPosition", "bottom");
+    p(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);
+    p(this, "justOpenedViaClick", !1);
+    p(this, "positioningDriftWarned", !1);
     // Fullscreen counterpart of positioningDriftWarned: warn once per instance when an
     // ancestor establishes a fixed-positioning containing block, so the full-viewport
     // sheet is anchored to that ancestor instead of the viewport (see warnFullscreenContainingBlock).
-    m(this, "fullscreenContainingBlockWarned", !1);
+    p(this, "fullscreenContainingBlockWarned", !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);
+    p(this, "presentationMode", "floating");
+    p(this, "fullscreenHeader", null);
+    p(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);
+    p(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.
-    m(this, "fullscreenModeToggle", null);
+    p(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);
+    p(this, "fullscreenNav", null);
+    p(this, "fullscreenNavCount", null);
+    p(this, "fullscreenNavPrev", null);
+    p(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);
+    p(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);
+    p(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);
+    p(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());
+    p(this, "overlayHistoryActive", !1);
+    p(this, "onOverlayPopstate", () => this.handleOverlayPopstate());
     // Floating UI cleanup functions
-    m(this, "dropdownCleanup", null);
-    m(this, "hintCleanup", null);
-    m(this, "selectedPopoverCleanup", null);
+    p(this, "dropdownCleanup", null);
+    p(this, "hintCleanup", null);
+    p(this, "selectedPopoverCleanup", null);
     // All hover tooltips (badge text, badge-remove buttons, action buttons), keyed by id.
-    m(this, "tooltips", /* @__PURE__ */ new Map());
+    p(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);
+    p(this, "labelRevealTrigger", null);
+    p(this, "labelRevealPanel", null);
+    p(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);
+    p(this, "messageEl", null);
+    p(this, "messageCleanup", null);
+    p(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", () => {
+    p(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);
+    p(this, "virtualScroll", null);
+    p(this, "optionsContainer", null);
+    p(this, "selectedPopoverVirtualScroll", null);
+    p(this, "selectedPopoverContainer", null);
     // DOM elements
-    m(this, "input");
+    p(this, "input");
     // The field shell (border/background) wrapping the input + trailing decorations.
     // Floating panels anchor to this (not the narrower flex <input>) so they align to
     // and match the full field width.
-    m(this, "inputWrapper");
-    m(this, "dropdown");
-    m(this, "dropdownInner");
-    m(this, "badgesContainer");
-    m(this, "counter");
+    p(this, "inputWrapper");
+    p(this, "dropdown");
+    p(this, "dropdownInner");
+    p(this, "badgesContainer");
+    p(this, "counter");
     // Inline ✕ inside the input that wipes the whole selection (opt-in via isClearShown).
     // Always in the DOM; updateClearButton() toggles its display by selection/enabled state.
-    m(this, "clearButton");
-    m(this, "hint");
-    m(this, "selectedPopover");
+    p(this, "clearButton");
+    p(this, "hint");
+    p(this, "selectedPopover");
     // Document-level event handlers (stored for cleanup)
-    m(this, "documentKeydownHandler", null);
-    m(this, "documentClickHandler", null);
+    p(this, "documentKeydownHandler", null);
+    p(this, "documentClickHandler", null);
     // Cross-component "one overlay open at a time" coordination (core). activate() on
     // open() dismisses every OTHER participating overlay (multiselects, datepickers, …);
     // our onDismiss closes this dropdown when another opens. Torn down in destroy().
-    m(this, "overlayCoord", null);
+    p(this, "overlayCoord", null);
     this.element = e, this.instanceId = `MS-${Math.random().toString(36).slice(2, 11)}`, this.options = {
       // String options
       searchHint: e.dataset.searchHint || "",
@@ -3001,6 +3015,8 @@ class ln {
       badgesThresholdMode: e.dataset.badgesThresholdMode || "count",
       maxHeight: e.dataset.maxHeight || "20rem",
       emptyMessage: e.dataset.emptyMessage || "No results found",
+      addNewText: e.dataset.addNewText || void 0,
+      addNewPendingText: e.dataset.addNewPendingText || void 0,
       loadingMessage: e.dataset.loadingMessage || "Loading...",
       searchInputMode: e.dataset.searchInputMode || "normal",
       searchMode: e.dataset.searchMode || "filter",
@@ -3167,7 +3183,7 @@ class ln {
     return i ? i.isSelectable !== !1 : !0;
   }
   init() {
-    this.parseOptions(), this.buildHTML(), this.attachEvents(), this.parseInitialSelection(), ft.debug(`Initialized [${this.instanceId}] with options:`, {
+    this.parseOptions(), this.buildHTML(), this.attachEvents(), this.parseInitialSelection(), gt.debug(`Initialized [${this.instanceId}] with options:`, {
       placeholder: this.options.searchPlaceholder,
       totalOptions: this.allOptions.length,
       isCloseOnSelect: this.options.isCloseOnSelect,
@@ -3375,7 +3391,7 @@ class ln {
    */
   detectRTL() {
     const e = this.element.getRootNode(), t = e instanceof ShadowRoot ? e.host : this.element, o = t.getAttribute("dir") === "rtl", i = t.closest('[dir="rtl"]') !== null;
-    this.isRTL = o || i, ft.debug(`[${this.instanceId}] RTL Debug:`, {
+    this.isRTL = o || i, gt.debug(`[${this.instanceId}] RTL Debug:`, {
       isShadowRoot: e instanceof ShadowRoot,
       elementDir: t.getAttribute("dir"),
       hasElementDir: o,
@@ -3401,12 +3417,12 @@ class ln {
   }
   buildHTML() {
     const e = this.options.container || document.body;
-    this.detectRTL(), this.element.classList.add("ms"), this.isRTL && (this.element.classList.add("ms--rtl"), ft.debug(`[${this.instanceId}] Added ms--rtl class to element`)), (!this.options.isCheckboxesShown || !this.options.isMultipleEnabled) && this.element.classList.add("ms--no-checkboxes"), this.options.isSelectedPopoverEnabled || this.element.classList.add("ms--no-selected-popover");
+    this.detectRTL(), this.element.classList.add("ms"), this.isRTL && (this.element.classList.add("ms--rtl"), gt.debug(`[${this.instanceId}] Added ms--rtl class to element`)), (!this.options.isCheckboxesShown || !this.options.isMultipleEnabled) && this.element.classList.add("ms--no-checkboxes"), this.options.isSelectedPopoverEnabled || this.element.classList.add("ms--no-selected-popover");
     const t = document.createElement("div");
     t.className = "ms__input-wrapper", this.inputWrapper = t, this.input = document.createElement("input"), this.input.type = "text", this.input.className = "ms__input", this.input.placeholder = this.getPlaceholderText(), this.input.autocomplete = "off", this.options.searchInputMode === "readonly" ? this.input.readOnly = !0 : this.options.searchInputMode === "hidden" && (this.input.style.display = "none");
     const o = document.createElement("span");
     o.className = "ms__toggle", o.addEventListener("mousedown", (n) => {
-      n.preventDefault(), n.stopPropagation(), h(this, D) ? (this.justClosedViaClick = !0, this.close(), setTimeout(() => {
+      n.preventDefault(), n.stopPropagation(), h(this, $) ? (this.justClosedViaClick = !0, this.close(), setTimeout(() => {
         this.justClosedViaClick = !1;
       }, 0)) : (this.open(), this.presentationMode !== "fullscreen" && this.input.focus());
     }), this.counter = document.createElement("span"), this.counter.className = "ms__counter", this.counter.style.display = "none", this.clearButton = document.createElement("button"), this.clearButton.type = "button", this.clearButton.className = "ms__input-clear", this.clearButton.tabIndex = -1, this.clearButton.setAttribute("aria-label", "Clear selection"), this.clearButton.style.display = "none", this.clearButton.addEventListener("mousedown", (n) => n.preventDefault()), this.clearButton.addEventListener("click", (n) => {
@@ -3453,7 +3469,7 @@ class ln {
     } else
       t += '<div class="ms__options">';
     if (this.filteredOptions.length === 0)
-      t += `<div class="ms__empty">${this.options.emptyMessage}</div>`;
+      t += this.renderEmptyStateHTML();
     else if (this.isTreeMode())
       this.treeNodes.forEach((l, c) => {
         t += this.renderTreeNode(l, c);
@@ -3461,16 +3477,18 @@ class ln {
     else if (this.options.isGroupsAllowed) {
       const l = this.groupOptions(this.filteredOptions), c = /* @__PURE__ */ new Map();
       this.filteredOptions.forEach((d, u) => c.set(d, u)), Object.keys(l).forEach((d) => {
-        if (t += '<div class="ms__group">', d !== "__ungrouped__")
+        if (t += '<div class="ms__group">', d !== "__ungrouped__") {
+          const u = ` data-group="${this.escapeHtml(d)}"`;
           if (this.options.renderGroupLabelContentCallback) {
-            const u = this.options.renderGroupLabelContentCallback(d);
-            if (u instanceof HTMLElement) {
-              const f = document.createElement("div");
-              f.className = "ms__group-label", f.appendChild(u), t += f.outerHTML;
+            const f = this.options.renderGroupLabelContentCallback(d);
+            if (f instanceof HTMLElement) {
+              const m = document.createElement("div");
+              m.className = "ms__group-label", m.dataset.group = d, m.appendChild(f), t += m.outerHTML;
             } else
-              t += `<div class="ms__group-label">${u}</div>`;
+              t += `<div class="ms__group-label"${u}>${f}</div>`;
           } else
-            t += `<div class="ms__group-label">${d}</div>`;
+            t += `<div class="ms__group-label"${u}>${d}</div>`;
+        }
         l[d].forEach((u) => {
           t += this.renderOption(u, c.get(u) ?? -1);
         }), t += "</div>";
@@ -3532,7 +3550,7 @@ class ln {
       r || (o += i), o += '<div class="ms__options ms__options--virtual" style="overflow-y: auto; position: relative;"></div>', r && (o += i), this.dropdownInner.innerHTML = o, this.optionsContainer = this.dropdownInner.querySelector(".ms__options");
     }
     if (this.applyVirtualOptionsSizing(this.optionsContainer), this.filteredOptions.length === 0) {
-      this.virtualScroll && (this.virtualScroll.destroy(), this.virtualScroll = null), this.optionsContainer.innerHTML = `<div class="ms__empty">${this.options.emptyMessage}</div>`;
+      this.virtualScroll && (this.virtualScroll.destroy(), this.virtualScroll = null), this.optionsContainer.innerHTML = this.renderEmptyStateHTML();
       return;
     }
     const e = this.scaledOptionHeight(), t = this.options.virtualScrollBuffer ?? 10;
@@ -3569,16 +3587,16 @@ class ln {
     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, u) => {
       if (!(d.getIsVisibleCallback ? d.getIsVisibleCallback(this) : d.isVisible ?? !0)) return;
-      let p;
-      d.getIsDisabledCallback ? p = d.getIsDisabledCallback(this) : d.isDisabled !== void 0 ? p = d.isDisabled : p = this.getBuiltInActionDisabled(d.action);
-      const g = p ? " disabled" : "", y = d.getTextCallback ? d.getTextCallback(this) : d.text;
-      let w = "";
+      let m;
+      d.getIsDisabledCallback ? m = d.getIsDisabledCallback(this) : d.isDisabled !== void 0 ? m = d.isDisabled : m = this.getBuiltInActionDisabled(d.action);
+      const g = m ? " disabled" : "", w = d.getTextCallback ? d.getTextCallback(this) : d.text;
+      let y = "";
       if (d.getClassCallback) {
-        const k = this.classSuffix(d.getClassCallback(this));
-        k && (w = ` ${k}`);
-      } else d.cssClass && (w = ` ${d.cssClass}`);
-      const b = Math.max(1, Math.floor(d.row ?? 1)), _ = `<button type="button"${g} class="ms__action-btn${w}" data-action="${d.action}" data-button-index="${u}">${y}</button>`;
-      l.has(b) || l.set(b, []), l.get(b).push(_);
+        const C = this.classSuffix(d.getClassCallback(this));
+        C && (y = ` ${C}`);
+      } else d.cssClass && (y = ` ${d.cssClass}`);
+      const v = Math.max(1, Math.floor(d.row ?? 1)), _ = `<button type="button"${g} class="ms__action-btn${y}" data-action="${d.action}" data-button-index="${u}">${w}</button>`;
+      l.has(v) || l.set(v, []), l.get(v).push(_);
     }), l.size === 0) return "";
     const c = Array.from(l.keys()).sort((d, u) => d - u).map((d) => `<div class="ms__actions-row" data-row="${d}">${l.get(d).join("")}</div>`).join("");
     return `<div class="ms__actions${i}${r}${n}${a}">${c}</div>`;
@@ -3587,8 +3605,8 @@ class ln {
     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), u = ["ms__option"];
     l && u.push("ms__option--selected"), c && u.push("ms__option--focused"), d && u.push("ms__option--matched"), a && u.push("ms__option--disabled");
     const f = this.options.checkboxAlign && this.options.checkboxAlign !== "center" ? ` data-checkbox-align="${this.options.checkboxAlign}"` : "";
-    let p = `<div class="${u.join(" ")}" data-value="${o}" data-index="${t}"${f}>`;
-    if (this.options.isCheckboxesShown && this.options.isMultipleEnabled && (p += `<input type="checkbox" class="ms__checkbox" ${l ? "checked" : ""} ${a ? "disabled" : ""}>`), p += '<div class="ms__option-content">', this.options.renderOptionContentCallback) {
+    let m = `<div class="${u.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,
@@ -3598,10 +3616,10 @@ class ln {
         ...jt(this.presentationMode),
         isTreeNode: !1
       };
-      p += this.toHtml(this.options.renderOptionContentCallback(e, g));
+      m += this.toHtml(this.options.renderOptionContentCallback(e, g));
     } else
-      r && (p += `<span class="ms__option-icon">${r}</span>`), p += '<div class="ms__option-text">', p += `<div class="ms__option-title">${this.highlightMatch(i, this.searchTerm)}</div>`, n && (p += `<div class="ms__option-subtitle">${n}</div>`), p += "</div>";
-    return p += this.renderOptionInfoButton(), p += "</div>", p += "</div>", p;
+      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
@@ -3622,15 +3640,15 @@ class ln {
    * 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 ? xs(this.cascadeIndex, e, this.cascadeCheckedAtoms) : null, u = c ? d === "checked" : this.selectedValues.has(String(i)), f = d === "indeterminate", p = t === this.focusedIndex, g = this.matchingIndices.has(t), y = e.isSelectable !== !1, w = e.level ?? 1, b = Math.max(0, w - 1), _ = ["ms__option", "ms__option--tree"];
-    _.push(e.hasChildren ? "ms__option--tree-branch" : "ms__option--tree-leaf"), u && _.push("ms__option--selected"), f && _.push("ms__option--indeterminate"), p && _.push("ms__option--focused"), g && _.push("ms__option--matched"), l && _.push("ms__option--disabled"), y || _.push("ms__option--tree-unselectable");
-    const k = this.options.checkboxAlign && this.options.checkboxAlign !== "center" ? ` data-checkbox-align="${this.options.checkboxAlign}"` : "", E = y ? "" : ' data-selectable="false"';
-    let A = `<div class="${_.join(" ")}" data-value="${i}" data-index="${t}" data-path="${e.path}" data-level="${w}" style="--ms-tree-depth: ${b};"${k}${E}>`;
-    if (this.options.isCheckboxesShown && this.options.isMultipleEnabled && y && (A += `<input type="checkbox" class="${f ? "ms__checkbox ms__checkbox--indeterminate" : "ms__checkbox"}" ${u ? "checked" : ""}${f ? ' aria-checked="mixed"' : ""} ${l ? "disabled" : ""}>`), A += '<div class="ms__option-content">', this.options.renderOptionContentCallback) {
-      const $ = {
+    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 ? xs(this.cascadeIndex, e, this.cascadeCheckedAtoms) : null, u = c ? d === "checked" : this.selectedValues.has(String(i)), f = d === "indeterminate", m = t === this.focusedIndex, g = this.matchingIndices.has(t), w = e.isSelectable !== !1, y = e.level ?? 1, v = Math.max(0, y - 1), _ = ["ms__option", "ms__option--tree"];
+    _.push(e.hasChildren ? "ms__option--tree-branch" : "ms__option--tree-leaf"), u && _.push("ms__option--selected"), f && _.push("ms__option--indeterminate"), m && _.push("ms__option--focused"), g && _.push("ms__option--matched"), l && _.push("ms__option--disabled"), w || _.push("ms__option--tree-unselectable");
+    const C = this.options.checkboxAlign && this.options.checkboxAlign !== "center" ? ` data-checkbox-align="${this.options.checkboxAlign}"` : "", E = w ? "" : ' data-selectable="false"';
+    let z = `<div class="${_.join(" ")}" data-value="${i}" data-index="${t}" data-path="${e.path}" data-level="${y}" style="--ms-tree-depth: ${v};"${C}${E}>`;
+    if (this.options.isCheckboxesShown && this.options.isMultipleEnabled && w && (z += `<input type="checkbox" class="${f ? "ms__checkbox ms__checkbox--indeterminate" : "ms__checkbox"}" ${u ? "checked" : ""}${f ? ' aria-checked="mixed"' : ""} ${l ? "disabled" : ""}>`), z += '<div class="ms__option-content">', this.options.renderOptionContentCallback) {
+      const D = {
         index: t,
         isSelected: u,
-        isFocused: p,
+        isFocused: m,
         isMatched: g,
         isDisabled: l,
         ...jt(this.presentationMode),
@@ -3640,16 +3658,49 @@ class ln {
         isBranch: e.hasChildren,
         isLeaf: !e.hasChildren,
         childCount: Object.keys(e.children).length,
-        level: w,
-        depth: b,
+        level: y,
+        depth: v,
         path: e.path,
-        isSelectable: y,
+        isSelectable: w,
         isIndeterminate: f
       };
-      A += this.toHtml(this.options.renderOptionContentCallback(o, $));
+      z += this.toHtml(this.options.renderOptionContentCallback(o, D));
     } else
-      n && (A += `<span class="ms__option-icon">${n}</span>`), A += '<div class="ms__option-text">', A += `<div class="ms__option-title">${this.highlightMatch(r, this.searchTerm)}</div>`, a && (A += `<div class="ms__option-subtitle">${a}</div>`), A += "</div>";
-    return A += this.renderOptionInfoButton(), A += "</div>", A += "</div>", A;
+      n && (z += `<span class="ms__option-icon">${n}</span>`), z += '<div class="ms__option-text">', z += `<div class="ms__option-title">${this.highlightMatch(r, this.searchTerm)}</div>`, a && (z += `<div class="ms__option-subtitle">${a}</div>`), z += "</div>";
+    return z += this.renderOptionInfoButton(), z += "</div>", z += "</div>", z;
+  }
+  /**
+   * Empty-dropdown content. When "add new" is enabled (isAddNewAllowed) AND the user has typed
+   * a non-empty search term, show a clickable "add new" prompt instead of the plain emptyMessage —
+   * choosing it (click via handleDropdownClick, or Enter via the keydown handler) runs handleAddNew.
+   * Otherwise fall back to the emptyMessage.
+   */
+  renderEmptyStateHTML() {
+    if (this.isAddNewPromptShown()) {
+      const e = (this.searchTerm || "").trim();
+      return this.addNewPending ? `<div class="ms__add-new ms__add-new--loading" aria-busy="true"><span class="ms__add-new-spinner" aria-hidden="true"></span><span class="ms__add-new-text">${this.getAddNewPendingText(e)}</span></div>` : `<div class="ms__add-new${this.addNewFocused ? " ms__add-new--focused" : ""}" role="button" data-action="add-new"><span class="ms__add-new-icon" aria-hidden="true"></span><span class="ms__add-new-text">${this.getAddNewText(e)}</span></div>`;
+    }
+    return `<div class="ms__empty">${this.options.emptyMessage}</div>`;
+  }
+  /** True when the empty dropdown is currently showing the clickable "add new" prompt. */
+  isAddNewPromptShown() {
+    return !!this.options.isAddNewAllowed && this.filteredOptions.length === 0 && !!(this.searchTerm || "").trim();
+  }
+  /**
+   * Resolve the "add new" prompt label for the typed text. Priority: getAddNewTextCallback
+   * (returns plain text — fully escaped here) → addNewText template (trusted config string;
+   * only the `{value}` substitution is escaped) → the default `Add "{value}"`.
+   */
+  getAddNewText(e) {
+    return this.options.getAddNewTextCallback ? this.escapeHtml(this.options.getAddNewTextCallback(e)) : (this.options.addNewText ?? 'Add "{value}"').replace(/\{value\}/g, this.escapeHtml(e));
+  }
+  /** Pending-prompt label shown (with a spinner) while an async addNewCallback runs. */
+  getAddNewPendingText(e) {
+    return (this.options.addNewPendingText ?? 'Adding "{value}"…').replace(/\{value\}/g, this.escapeHtml(e));
+  }
+  /** Minimal HTML entity escape for untrusted text spliced into an innerHTML string. */
+  escapeHtml(e) {
+    return String(e).replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#39;");
   }
   highlightMatch(e, t) {
     if (!t) return e;
@@ -3696,11 +3747,11 @@ class ln {
     if (!this.options.isMultipleEnabled) {
       this.badgesContainer.innerHTML = "", this.counter.style.display = "none";
       let r;
-      e[0] && (this.options.renderSelectedContentCallback ? r = this.options.renderSelectedContentCallback(e[0]) : r = this.getItemDisplayValue(e[0])), !h(this, D) && t > 0 && e.length > 0 ? this.input.value = r : h(this, D) || (this.input.value = "");
+      e[0] && (this.options.renderSelectedContentCallback ? r = this.options.renderSelectedContentCallback(e[0]) : r = this.getItemDisplayValue(e[0])), !h(this, $) && t > 0 && e.length > 0 ? this.input.value = r : h(this, $) || (this.input.value = "");
       return;
     }
     let o = this.options.badgesDisplayMode;
-    if (this.options.badgesThreshold !== null && t > this.options.badgesThreshold && o !== "none" && (o = this.options.badgesThresholdMode || "count"), !h(this, D))
+    if (this.options.badgesThreshold !== null && t > this.options.badgesThreshold && o !== "none" && (o = this.options.badgesThresholdMode || "count"), !h(this, $))
       if (t > 0 && o === "count") {
         const r = this.options.getCounterCallback ? this.options.getCounterCallback(t) : `${t} selected`;
         this.input.placeholder = r;
@@ -3757,14 +3808,14 @@ class ln {
   }
   attachEvents() {
     this.input.addEventListener("mousedown", (e) => {
-      e.stopPropagation(), h(this, D) ? (this.justClosedViaClick = !0, this.close(), setTimeout(() => {
+      e.stopPropagation(), h(this, $) ? (this.justClosedViaClick = !0, this.close(), setTimeout(() => {
         this.justClosedViaClick = !1;
       }, 0)) : (this.presentationMode === "fullscreen" && e.preventDefault(), this.open());
     }), this.input.addEventListener("focus", () => {
-      !h(this, D) && !this.justClosedViaClick && this.open();
+      !h(this, $) && !this.justClosedViaClick && this.open();
     }), this.input.addEventListener("input", (e) => {
       const t = e.target.value;
-      this.options.isSearchEnabled && !h(this, D) && this.open(), this.handleSearch(t);
+      this.options.isSearchEnabled && !h(this, $) && this.open(), this.handleSearch(t);
     }), this.input.addEventListener("keydown", (e) => this.handleKeydown(e)), this.documentClickHandler = (e) => this.handleClickOutside(e), setTimeout(() => {
       document.addEventListener("click", this.documentClickHandler);
     }, 0), this.overlayCoord = Ui(() => this.close(), this.options.overlayGroup || void 0), this.documentKeydownHandler = (e) => {
@@ -3789,7 +3840,7 @@ class ln {
     }), this.selectedPopover.addEventListener("click", (e) => this.handleSelectedPopoverClick(e));
   }
   async handleSearch(e) {
-    if (this.searchTerm = e, !this.options.isSearchEnabled)
+    if (this.searchTerm = e, this.addNewFocused = !1, !this.options.isSearchEnabled)
       return;
     let t = e;
     if (this.options.beforeSearchCallback) {
@@ -3873,7 +3924,7 @@ class ln {
     if (!(this.options.keydownCallback && this.options.keydownCallback({
       event: e,
       key: e.key,
-      isOpen: h(this, D),
+      isOpen: h(this, $),
       presentation: this.presentationMode,
       searchTerm: this.searchTerm,
       focusedIndex: this.focusedIndex,
@@ -3882,7 +3933,7 @@ class ln {
       selectedValues: [...this.selectedValues],
       controller: this.getKeyboardController()
     }) === !0)) {
-      if (!h(this, D)) {
+      if (!h(this, $)) {
         (e.key === "Enter" || e.key === "ArrowDown") && (e.preventDefault(), this.open());
         return;
       }
@@ -3895,13 +3946,13 @@ class ln {
       }
       switch (e.key) {
         case "ArrowDown":
-          e.preventDefault(), e.ctrlKey || e.metaKey ? this.focusNextMatch() : this.focusNext();
+          e.preventDefault(), this.isAddNewPromptShown() ? this.focusAddNewPrompt() : e.ctrlKey || e.metaKey ? this.focusNextMatch() : this.focusNext();
           break;
         case "ArrowUp":
-          e.preventDefault(), e.ctrlKey || e.metaKey ? this.focusPreviousMatch() : this.focusPrevious();
+          e.preventDefault(), this.isAddNewPromptShown() ? this.focusAddNewPrompt() : 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());
+          e.preventDefault(), this.focusedIndex >= 0 ? this.toggleOption(this.filteredOptions[this.focusedIndex]) : this.options.isAddNewAllowed && this.filteredOptions.length === 0 && (this.searchTerm || "").trim() && this.handleAddNew((this.searchTerm || "").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();
@@ -3935,7 +3986,7 @@ class ln {
   }
   handleDropdownClick(e) {
     var r, n;
-    j.debug(`[${this.instanceId}] Dropdown clicked`, { target: e.target.className }), e.stopPropagation();
+    R.debug(`[${this.instanceId}] Dropdown clicked`, { target: e.target.className }), e.stopPropagation();
     const t = e.target.closest(".ms__option-info");
     if (t) {
       e.preventDefault(), this.toggleLabelReveal(t);
@@ -3946,11 +3997,14 @@ class ln {
     if (o) {
       e.preventDefault();
       const a = o.dataset.action;
-      if (j.debug(`[${this.instanceId}] Action button clicked:`, a), a === "select-all")
+      if (R.debug(`[${this.instanceId}] Action button clicked:`, a), a === "select-all")
         this.selectAll();
       else if (a === "clear-all")
         this.clearAll();
-      else if (a === "custom") {
+      else if (a === "add-new") {
+        const l = (this.searchTerm || "").trim();
+        l && this.handleAddNew(l);
+      } else if (a === "custom") {
         const l = parseInt(o.dataset.buttonIndex || "-1"), c = (r = this.options.actionButtons) == null ? void 0 : r[l];
         c != null && c.onClick && c.onClick(this);
       }
@@ -3960,18 +4014,18 @@ class ln {
     if (i && !i.classList.contains("ms__option--disabled")) {
       e.preventDefault();
       const a = i.dataset.value, l = this.filteredOptions.findIndex((c) => String(this.getItemValue(c)) === a);
-      j.debug(`[${this.instanceId}] Option clicked:`, {
+      R.debug(`[${this.instanceId}] Option clicked:`, {
         value: a,
         optionIndex: l,
         closeOnSelect: this.options.isCloseOnSelect,
         placeholder: this.options.searchPlaceholder
-      }), l >= 0 && (this.focusedIndex = l, this.toggleOption(this.filteredOptions[l]), h(this, D) && this.presentationMode !== "fullscreen" ? this.input.focus() : this.presentationMode === "fullscreen" && ((n = this.fullscreenSearchInput) == null || n.blur()));
+      }), l >= 0 && (this.focusedIndex = l, this.toggleOption(this.filteredOptions[l]), h(this, $) && this.presentationMode !== "fullscreen" ? this.input.focus() : this.presentationMode === "fullscreen" && ((n = this.fullscreenSearchInput) == null || n.blur()));
     }
   }
   handleBadgeClick(e) {
     var n;
     if (e.target.closest('[data-action="clear-count"]')) {
-      e.preventDefault(), e.stopPropagation(), j.debug(`[${this.instanceId}] Clear count button clicked`), this.clearAll();
+      e.preventDefault(), e.stopPropagation(), R.debug(`[${this.instanceId}] Clear count button clicked`), this.clearAll();
       return;
     }
     if (e.target.closest('[data-action="show-selected"]')) {
@@ -3981,7 +4035,7 @@ class ln {
     const i = e.target.closest('.ms__badge-remove, [data-action="remove"]');
     if (i) {
       if (e.preventDefault(), e.stopPropagation(), i.dataset.action === "remove-hidden") {
-        j.debug(`[${this.instanceId}] Remove hidden items button clicked`);
+        R.debug(`[${this.instanceId}] Remove hidden items button clicked`);
         const c = this.options.badgesMaxVisible || 3;
         Array.from(this.selectedOptions.values()).slice(c).forEach((f) => this.interactiveDeselect(f));
         return;
@@ -3991,7 +4045,7 @@ class ln {
       return;
     }
     if (e.target.closest(".ms__badge--more") && !e.target.closest(".ms__badge-remove")) {
-      e.preventDefault(), e.stopPropagation(), j.debug(`[${this.instanceId}] '+X more' badge clicked, showing popover`), this.toggleSelectedPopover();
+      e.preventDefault(), e.stopPropagation(), R.debug(`[${this.instanceId}] '+X more' badge clicked, showing popover`), this.toggleSelectedPopover();
       return;
     }
   }
@@ -4004,11 +4058,11 @@ class ln {
       J.debug(`[${this.instanceId}] Closing selected popover due to click outside`), this.hideSelectedPopover();
       return;
     }
-    if (!h(this, D) || this.justOpenedViaClick) return;
+    if (!h(this, $) || this.justOpenedViaClick) return;
     const o = t.some(
       (r) => r instanceof Node && (this.element.contains(r) || this.dropdown.contains(r) || this.hint && this.hint.contains(r))
     );
-    j.debug(`[${this.instanceId}] handleClickOutside`, {
+    R.debug(`[${this.instanceId}] handleClickOutside`, {
       target: e.target.className,
       targetTag: e.target.tagName,
       clickedInside: o,
@@ -4017,7 +4071,7 @@ class ln {
       elementContains: t.some((r) => r instanceof Node && this.element.contains(r)),
       dropdownContains: t.some((r) => r instanceof Node && this.dropdown.contains(r)),
       isConnected: this.dropdown.isConnected
-    }), o || (j.warn(`[${this.instanceId}] Closing dropdown due to click outside`), this.close());
+    }), o || (R.warn(`[${this.instanceId}] Closing dropdown due to click outside`), this.close());
   }
   /**
    * Move focus by computing a new index from (current, total).
@@ -4063,15 +4117,19 @@ class ln {
   focusPageDown() {
     this.focusBy((e, t) => Math.min(t - 1, e + 10), 1);
   }
+  /** Move keyboard focus onto the empty-state "add new" prompt (the only actionable row). */
+  focusAddNewPrompt() {
+    this.addNewFocused || (this.addNewFocused = !0, this.renderDropdown());
+  }
   focusNextMatch() {
     if (this.matchingIndices.size === 0) return;
     const e = Array.from(this.matchingIndices).sort((i, r) => i - r), t = e.findIndex((i) => i === this.focusedIndex), o = (t + 1) % e.length;
-    this.focusBy(() => e[o]), j.debug(`[${this.instanceId}] Jumped to next match: index ${this.focusedIndex} (${t + 1} of ${e.length})`);
+    this.focusBy(() => e[o]), R.debug(`[${this.instanceId}] Jumped to next match: index ${this.focusedIndex} (${t + 1} of ${e.length})`);
   }
   focusPreviousMatch() {
     if (this.matchingIndices.size === 0) return;
     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]), j.debug(`[${this.instanceId}] Jumped to previous match: index ${this.focusedIndex} (${t + 1} of ${e.length})`);
+    this.focusBy(() => e[o]), R.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. */
@@ -4113,28 +4171,115 @@ class ln {
   }
   /** Clear the search box (both the main input and the fullscreen search) and reset the visible
    *  list. Shared by Escape and the keyboard controller. */
+  /**
+   * Clear the search box and restore the full option list (resets the visible/matched sets and
+   * drops keyboard focus). Public building block: pair it with `scrollToValue()` to reveal then
+   * scroll to an option the current search had filtered out — `el.clearSearch(); el.scrollToValue(v)`.
+   * Does not touch the selection (use `clearAll()` for that).
+   */
   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();
   }
+  /**
+   * Programmatically set the search text and filter — exactly as if the user typed it, so
+   * `beforeSearchCallback`, `minSearchLength` and async `searchCallback` all apply the same way.
+   * Reflects into the search box (and the fullscreen sheet's field). Does NOT open the dropdown —
+   * call `open()` if you want it visible. Passing `''` clears (equivalent to `clearSearch()`).
+   */
+  search(e) {
+    const t = e ?? "";
+    this.input.value = t, this.fullscreenSearchInput && (this.fullscreenSearchInput.value = t), this.handleSearch(t), this.updateFullscreenSearchClear();
+  }
   scrollToFocused() {
     if (this.virtualScroll && this.focusedIndex >= 0) {
-      this.virtualScroll.scrollToIndex(this.focusedIndex);
+      this.virtualScroll.scrollToIndex(this.focusedIndex, "nearest");
       return;
     }
     const e = this.dropdown.querySelector(".ms__option--focused");
-    e && (this.presentationMode === "fullscreen" ? e.scrollIntoView({ block: "center", behavior: "auto" }) : e.scrollIntoView({ block: "nearest", behavior: "smooth" }));
+    e && this.applyScrollIntoView(e);
+  }
+  /**
+   * scrollIntoView with the fullscreen-safe default. In the fullscreen sheet the soft keyboard
+   * covers the lower viewport, so `block:'nearest'` can bottom-align a match BEHIND the keyboard;
+   * centre it instead and scroll INSTANTLY (a smooth animation kicked off per-keystroke is torn
+   * down by the next re-render and never settles — the "list jumps every letter" bug). Floating
+   * scrolls the nearest edge smoothly. The caller may override `block`.
+   */
+  applyScrollIntoView(e, t) {
+    this.presentationMode === "fullscreen" ? e.scrollIntoView({ block: (t == null ? void 0 : t.block) ?? "center", behavior: "auto" }) : e.scrollIntoView({ block: (t == null ? void 0 : t.block) ?? "nearest", behavior: "smooth" });
+  }
+  /**
+   * Scroll the open dropdown so the option at `index` (into the current `filteredOptions`) is
+   * visible. Works in floating, fullscreen (mobile), virtual-scroll and tree modes. Returns
+   * false if the dropdown is closed or the index is out of range. The scroll is deferred a frame
+   * when the list isn't rendered yet (e.g. right after `open()` in virtual mode / the fullscreen
+   * sheet build), so `el.open(); el.scrollToIndex(i)` works.
+   */
+  scrollToIndex(e, t) {
+    const o = (t == null ? void 0 : t.block) ?? "start";
+    return h(this, $) ? e < 0 || e >= this.filteredOptions.length ? (R.debug(`[${this.instanceId}] scrollToIndex(${e}) → false (out of range, ${this.filteredOptions.length} options)`), !1) : (R.debug(`[${this.instanceId}] scrollToIndex(${e}, block=${o}) — virtual=${!!this.virtualScroll}, mode=${this.presentationMode}`), this.scrollToRenderedIndex(e, { block: o }), !0) : (R.debug(`[${this.instanceId}] scrollToIndex(${e}) → false (closed)`), !1);
+  }
+  /**
+   * Scroll to the option whose value matches `value` (resolved within the current
+   * `filteredOptions`). Returns false if it isn't in the currently visible list — e.g. filtered
+   * out by a search, or (tree) under a collapsed ancestor. Call `clearSearch()` (or expand the
+   * branch) first to reveal it, then scroll.
+   */
+  scrollToValue(e, t) {
+    const o = this.filteredOptions.findIndex((i) => String(this.getItemValue(i)) === String(e));
+    return R.debug(`[${this.instanceId}] scrollToValue(${String(e)}) → index ${o} of ${this.filteredOptions.length}`), o < 0 ? !1 : this.scrollToIndex(o, t);
+  }
+  /**
+   * Scroll to a group. In standard rendering the group's header (`.ms__group-label`) is brought
+   * into view; in virtual-scroll mode (which renders no headers) it scrolls to the group's FIRST
+   * option instead. Returns false in tree mode (groups don't apply) or if the group has no
+   * options in the current filtered list.
+   */
+  scrollToGroup(e, t) {
+    const o = (t == null ? void 0 : t.block) ?? "start";
+    if (!h(this, $) || this.isTreeMode())
+      return R.debug(`[${this.instanceId}] scrollToGroup(${e}) → false (${this.isTreeMode() ? "tree mode" : "closed"})`), !1;
+    if (!this.virtualScroll) {
+      const r = this.dropdown.querySelector(
+        `.ms__group-label[data-group="${CSS.escape(e)}"]`
+      );
+      if (r)
+        return R.debug(`[${this.instanceId}] scrollToGroup(${e}) — header found, scrolling label into view (block=${o})`), this.applyScrollIntoView(r, { block: o }), !0;
+    }
+    const i = this.filteredOptions.findIndex((r) => (this.getItemGroup(r) || "") === e);
+    return R.debug(`[${this.instanceId}] scrollToGroup(${e}) — no header (virtual=${!!this.virtualScroll}), first member index ${i}`), i < 0 ? !1 : this.scrollToIndex(i, { block: o });
+  }
+  /**
+   * Shared scroll worker for the public scrollTo* methods. Virtual mode uses the fixed-height
+   * math (works even if the row isn't currently rendered); otherwise scrolls the
+   * `.ms__option[data-index]` element into view. Defers one frame if the list isn't ready yet
+   * (post-open virtual init / fullscreen sheet build), then retries once.
+   */
+  scrollToRenderedIndex(e, t, o = !1) {
+    if (!h(this, $) || e < 0 || e >= this.filteredOptions.length) return;
+    if (this.virtualScroll) {
+      const r = (t == null ? void 0 : t.block) === "center" ? "center" : (t == null ? void 0 : t.block) === "nearest" ? "nearest" : "start";
+      this.virtualScroll.scrollToIndex(e, r), R.debug(`[${this.instanceId}] scrollToRenderedIndex(${e}) via virtual (block=${r})`);
+      return;
+    }
+    const i = this.dropdown.querySelector(`.ms__option[data-index="${e}"]`);
+    if (i) {
+      this.applyScrollIntoView(i, t), R.debug(`[${this.instanceId}] scrollToRenderedIndex(${e}) via DOM scrollIntoView`);
+      return;
+    }
+    o || (R.debug(`[${this.instanceId}] scrollToRenderedIndex(${e}) not rendered yet — deferring one frame`), requestAnimationFrame(() => this.scrollToRenderedIndex(e, t, !0)));
   }
   toggleOption(e) {
     if (this.getItemDisabled(e)) {
-      j.debug(`[${this.instanceId}] toggleOption ignored — option is disabled`);
+      R.debug(`[${this.instanceId}] toggleOption ignored — option is disabled`);
       return;
     }
     if (!this.isOptionSelectable(e)) {
-      j.debug(`[${this.instanceId}] toggleOption ignored — node is not selectable`);
+      R.debug(`[${this.instanceId}] toggleOption ignored — node is not selectable`);
       return;
     }
     const t = this.getItemValue(e), o = String(t);
-    if (j.debug(`[${this.instanceId}] toggleOption called`, { value: t, multiple: this.options.isMultipleEnabled }), this.isCascadeMode() && this.cascadeIndex) {
+    if (R.debug(`[${this.instanceId}] toggleOption called`, { value: t, multiple: this.options.isMultipleEnabled }), this.isCascadeMode() && this.cascadeIndex) {
       const n = this.cascadeIndex.nodeByValue.get(o);
       if (n) {
         this.toggleTreeCascade(n), this.options.isCloseOnSelect && this.close();
@@ -4153,7 +4298,7 @@ class ln {
   interactiveSelect(e) {
     var o, i;
     const t = (i = (o = this.options).beforeSelectCallback) == null ? void 0 : i.call(o, e, this.getSelected());
-    return t === !1 || typeof t == "string" ? (typeof t == "string" && this.showMessage(t, { variant: "warning" }), j.debug(`[${this.instanceId}] Selection blocked by beforeSelectCallback`), !1) : (this.options.isMultipleEnabled || (this.selectedValues.clear(), this.selectedOptions.clear()), this.selectOption(e), !0);
+    return t === !1 || typeof t == "string" ? (typeof t == "string" && this.showMessage(t, { variant: "warning" }), R.debug(`[${this.instanceId}] Selection blocked by beforeSelectCallback`), !1) : (this.options.isMultipleEnabled || (this.selectedValues.clear(), this.selectedOptions.clear()), this.selectOption(e), !0);
   }
   /**
    * The single funnel for an interactive (user-initiated) deselection. Every
@@ -4166,17 +4311,37 @@ class ln {
   interactiveDeselect(e) {
     var o, i;
     const t = (i = (o = this.options).beforeDeselectCallback) == null ? void 0 : i.call(o, e, this.getSelected());
-    return t === !1 || typeof t == "string" ? (typeof t == "string" && this.showMessage(t, { variant: "warning" }), j.debug(`[${this.instanceId}] Deselection blocked by beforeDeselectCallback`), !1) : (this.deselectOption(e), !0);
+    return t === !1 || typeof t == "string" ? (typeof t == "string" && this.showMessage(t, { variant: "warning" }), R.debug(`[${this.instanceId}] Deselection blocked by beforeDeselectCallback`), !1) : (this.deselectOption(e), !0);
   }
+  /**
+   * Commit the "add new" affordance for the typed text. Two modes:
+   *  - `addNewCallback` set → create the option, append it, select it, clear the search.
+   *  - no callback → the consumer owns creation; we only notify (via the `add` event) so they
+   *    can open a modal / POST / add the option imperatively.
+   * The `add` event fires in BOTH modes (with `option` present only when one was created).
+   */
   async handleAddNew(e) {
-    if (this.options.addNewCallback)
-      try {
-        K.debug(`[${this.instanceId}] Adding new option:`, e);
-        const t = await this.options.addNewCallback(e);
-        this.allOptions.push(t), this.filteredOptions.push(t), this.selectOption(t), this.input.value = "", this.renderDropdown(), this.renderBadges(), this.options.isCloseOnSelect && this.close();
-      } catch (t) {
-        K.error(`[${this.instanceId}] Error adding new option:`, t);
+    var t, o;
+    try {
+      let i;
+      if (this.options.addNewCallback) {
+        K.debug(`[${this.instanceId}] Adding new option:`, e), this.addNewFocused = !1, this.addNewPending = !0, this.renderDropdown();
+        let r;
+        try {
+          r = await this.options.addNewCallback(e);
+        } finally {
+          this.addNewPending = !1;
+        }
+        if (r == null) {
+          K.debug(`[${this.instanceId}] addNewCallback canceled creation for:`, e), this.renderDropdown();
+          return;
+        }
+        i = r, this.allOptions.push(i), this.searchTerm = "", this.input.value = "", this.fullscreenSearchInput && (this.fullscreenSearchInput.value = ""), this.matchingIndices.clear(), this.focusedIndex = -1, this.addNewFocused = !1, this.resetVisibleToAll(), this.selectOption(i), this.updateFullscreenSearchClear();
       }
+      (o = (t = this.options).onAddNew) == null || o.call(t, { value: e, option: i }), i && this.options.isCloseOnSelect && this.close();
+    } catch (i) {
+      this.addNewPending = !1, K.error(`[${this.instanceId}] Error adding new option:`, i), this.renderDropdown();
+    }
   }
   selectOption(e) {
     const t = this.getItemValue(e), o = String(t);
@@ -4220,7 +4385,7 @@ class ln {
    * refreshes this button's visibility (it hides once nothing is selected).
    */
   clearClick() {
-    j.debug(`[${this.instanceId}] input clear (✕) clicked`), this.clearAll(), (this.searchTerm || this.input.value) && this.clearSearch(), this.showSelectedPopover && this.hideSelectedPopover(), this.justClosedViaClick = !0, this.input.focus(), setTimeout(() => {
+    R.debug(`[${this.instanceId}] input clear (✕) clicked`), this.clearAll(), (this.searchTerm || this.input.value) && this.clearSearch(), this.showSelectedPopover && this.hideSelectedPopover(), this.justClosedViaClick = !0, this.input.focus(), setTimeout(() => {
       this.justClosedViaClick = !1;
     }, 0);
   }
@@ -4247,22 +4412,22 @@ class ln {
   /** Open the dropdown (no-op if already open, or if there is nothing to show). */
   open() {
     var e;
-    J.debug(`[${this.instanceId}] open() called`, { isOpen: h(this, D) }), !h(this, D) && (this.justOpenedViaClick = !0, setTimeout(() => {
+    J.debug(`[${this.instanceId}] open() called`, { isOpen: h(this, $) }), !h(this, $) && (this.justOpenedViaClick = !0, setTimeout(() => {
       this.justOpenedViaClick = !1;
-    }, 0), this.hideMessage(), I(this, D, !0), this.element.classList.add("ms--open"), this.dropdown.classList.add("ms__dropdown--visible"), J.info(`[${this.instanceId}] Dropdown opened`), this.input.placeholder = this.getPlaceholderText(), !this.options.isMultipleEnabled && this.options.isSearchEnabled && (this.input.value = this.searchTerm), this.options.searchCallback && this.options.isKeepOptionsOnSearch && !this.searchTerm && (this.filteredOptions = [...this.allOptions], J.debug(`[${this.instanceId}] Showing ${this.allOptions.length} initial options on open`)), this.presentationMode === "fullscreen" && this.enterFullscreen(), this.renderDropdown(), this.presentationMode !== "fullscreen" && this.positionDropdown(), this.dropdown.addEventListener("scroll", this.onDropdownScroll, !0), this.hint && this.presentationMode === "floating" && (this.hint.classList.add("ms__hint--visible"), this.positionHint()), (e = this.overlayCoord) == null || e.activate());
+    }, 0), this.hideMessage(), P(this, $, !0), this.element.classList.add("ms--open"), this.dropdown.classList.add("ms__dropdown--visible"), J.info(`[${this.instanceId}] Dropdown opened`), this.input.placeholder = this.getPlaceholderText(), !this.options.isMultipleEnabled && this.options.isSearchEnabled && (this.input.value = this.searchTerm), this.options.searchCallback && this.options.isKeepOptionsOnSearch && !this.searchTerm && (this.filteredOptions = [...this.allOptions], J.debug(`[${this.instanceId}] Showing ${this.allOptions.length} initial options on open`)), this.presentationMode === "fullscreen" && this.enterFullscreen(), this.renderDropdown(), this.presentationMode !== "fullscreen" && this.positionDropdown(), this.dropdown.addEventListener("scroll", this.onDropdownScroll, !0), this.hint && this.presentationMode === "floating" && (this.hint.classList.add("ms__hint--visible"), this.positionHint()), (e = this.overlayCoord) == null || e.activate());
   }
   /** Close the dropdown (no-op if already closed). */
   close() {
     var e;
-    J.debug(`[${this.instanceId}] close() called`, { isOpen: h(this, D) }), h(this, D) && (I(this, D, !1), this.element.classList.remove("ms--open"), this.dropdown.classList.remove("ms__dropdown--visible"), this.hint && this.hint.classList.remove("ms__hint--visible"), this.options.shouldKeepSearchOnClose || (this.searchTerm = "", (this.options.isMultipleEnabled || this.options.isSearchEnabled) && (this.input.value = ""), this.resetVisibleToAll()), this.focusedIndex = -1, this.dropdown.removeEventListener("scroll", this.onDropdownScroll, !0), this.destroyAllOptionTooltips(), this.hideLabelReveal(), this.hideMessage(), this.renderBadges(), this.dropdownCleanup && (this.dropdownCleanup(), this.dropdownCleanup = null), this.hintCleanup && (this.hintCleanup(), this.hintCleanup = null), this.exitFullscreen(), this.dropdownPlacement = null, (e = this.overlayCoord) == null || e.deactivate(), J.debug(`[${this.instanceId}] Dropdown closed`));
+    J.debug(`[${this.instanceId}] close() called`, { isOpen: h(this, $) }), h(this, $) && (P(this, $, !1), this.element.classList.remove("ms--open"), this.dropdown.classList.remove("ms__dropdown--visible"), this.hint && this.hint.classList.remove("ms__hint--visible"), this.options.shouldKeepSearchOnClose || (this.searchTerm = "", (this.options.isMultipleEnabled || this.options.isSearchEnabled) && (this.input.value = ""), this.resetVisibleToAll()), this.focusedIndex = -1, this.dropdown.removeEventListener("scroll", this.onDropdownScroll, !0), this.destroyAllOptionTooltips(), this.hideLabelReveal(), this.hideMessage(), this.renderBadges(), this.dropdownCleanup && (this.dropdownCleanup(), this.dropdownCleanup = null), this.hintCleanup && (this.hintCleanup(), this.hintCleanup = null), this.exitFullscreen(), this.dropdownPlacement = null, (e = this.overlayCoord) == null || e.deactivate(), J.debug(`[${this.instanceId}] Dropdown closed`));
   }
   /** Toggle the dropdown open/closed. */
   toggle() {
-    h(this, D) ? this.close() : this.open();
+    h(this, $) ? this.close() : this.open();
   }
   /** Whether the dropdown is currently open. Assigning opens/closes it. */
   get isOpen() {
-    return h(this, D);
+    return h(this, $);
   }
   set isOpen(e) {
     e ? this.open() : this.close();
@@ -4276,7 +4441,7 @@ class ln {
    */
   anchorFloatingPanel(e, t) {
     var r;
-    const o = ((r = t.isLocked) == null ? void 0 : r.call(t)) ?? !0, i = et(e, this.inputWrapper, {
+    const o = ((r = t.isLocked) == null ? void 0 : r.call(t)) ?? !0, i = tt(e, this.inputWrapper, {
       strategy: "fixed",
       placement: "bottom-start",
       offset: 4,
@@ -4364,7 +4529,7 @@ An ancestor of <web-multiselect> establishes a fixed-positioning containing bloc
       isLocked: () => !!this.options.isPlacementLocked,
       applyMaxWidth: !0,
       afterPosition: () => {
-        this.hint && h(this, D) && this.positionHint();
+        this.hint && h(this, $) && this.positionHint();
       }
     }));
   }
@@ -4378,7 +4543,7 @@ An ancestor of <web-multiselect> establishes a fixed-positioning containing bloc
    * resize can swap presentation without a reopen.
    */
   setPresentation(e) {
-    e !== this.presentationMode && (this.presentationMode = e, h(this, D) ? e === "fullscreen" ? (this.dropdownCleanup && (this.dropdownCleanup(), this.dropdownCleanup = null), this.hintCleanup && (this.hintCleanup(), this.hintCleanup = null), this.hint && this.hint.classList.remove("ms__hint--visible"), this.dropdownPlacement = null, this.enterFullscreen(), this.renderDropdown()) : (this.exitFullscreen(), this.renderDropdown(), this.positionDropdown(), this.hint && (this.hint.classList.add("ms__hint--visible"), this.positionHint())) : this.showSelectedPopover && (e === "fullscreen" ? (this.selectedPopoverCleanup && (this.selectedPopoverCleanup(), this.selectedPopoverCleanup = null), this.selectedPopoverPlacement = null, this.clearFloatingInlineGeometry(this.selectedPopover), this.selectedPopover.classList.add("ms__selected-popover--fullscreen"), this.lockBodyScroll()) : (this.selectedPopover.classList.remove("ms__selected-popover--fullscreen"), this.unlockBodyScroll(), this.positionSelectedPopover())));
+    e !== this.presentationMode && (this.presentationMode = e, h(this, $) ? e === "fullscreen" ? (this.dropdownCleanup && (this.dropdownCleanup(), this.dropdownCleanup = null), this.hintCleanup && (this.hintCleanup(), this.hintCleanup = null), this.hint && this.hint.classList.remove("ms__hint--visible"), this.dropdownPlacement = null, this.enterFullscreen(), this.renderDropdown()) : (this.exitFullscreen(), this.renderDropdown(), this.positionDropdown(), this.hint && (this.hint.classList.add("ms__hint--visible"), this.positionHint())) : this.showSelectedPopover && (e === "fullscreen" ? (this.selectedPopoverCleanup && (this.selectedPopoverCleanup(), this.selectedPopoverCleanup = null), this.selectedPopoverPlacement = null, this.clearFloatingInlineGeometry(this.selectedPopover), this.selectedPopover.classList.add("ms__selected-popover--fullscreen"), this.lockBodyScroll()) : (this.selectedPopover.classList.remove("ms__selected-popover--fullscreen"), this.unlockBodyScroll(), this.positionSelectedPopover())));
   }
   /**
    * Lock page scroll behind a fullscreen overlay via the core ref-counted helper.
@@ -4506,7 +4671,7 @@ An ancestor of <web-multiselect> establishes a fixed-positioning containing bloc
   /** Back gesture/button fired: our pushed entry is already gone, so just close the
    *  sheet — WITHOUT popping history again (popOverlayHistory becomes a no-op). */
   handleOverlayPopstate() {
-    this.overlayHistoryActive && (this.overlayHistoryActive = !1, window.removeEventListener("popstate", this.onOverlayPopstate), h(this, D) ? this.close() : this.showSelectedPopover && this.hideSelectedPopover());
+    this.overlayHistoryActive && (this.overlayHistoryActive = !1, window.removeEventListener("popstate", this.onOverlayPopstate), h(this, $) ? this.close() : this.showSelectedPopover && this.hideSelectedPopover());
   }
   /** Programmatic close: remove the listener and pop the entry we pushed (so the
    *  history stack returns to its pre-open state). No-op if a Back gesture already
@@ -4632,7 +4797,7 @@ An ancestor of <web-multiselect> establishes a fixed-positioning containing bloc
     this.hintCleanup && this.hintCleanup();
     let e = "top-start";
     this.dropdownPlacement && (this.dropdownPlacement.startsWith("bottom") ? e = this.dropdownPlacement.replace("bottom", "top") : this.dropdownPlacement.startsWith("top") && (e = this.dropdownPlacement.replace("top", "bottom")));
-    const t = et(this.hint, this.inputWrapper, {
+    const t = tt(this.hint, this.inputWrapper, {
       strategy: "fixed",
       placement: e,
       offset: 4,
@@ -4675,7 +4840,7 @@ An ancestor of <web-multiselect> establishes a fixed-positioning containing bloc
       J.debug(`[${this.instanceId}] showPopover() suppressed (isSelectedPopoverEnabled=false)`);
       return;
     }
-    h(this, D) && this.close(), this.hideMessage(), this.showSelectedPopover = !0, this.renderSelectedPopover(), this.selectedPopover.classList.add("ms__selected-popover--visible");
+    h(this, $) && this.close(), this.hideMessage(), this.showSelectedPopover = !0, this.renderSelectedPopover(), this.selectedPopover.classList.add("ms__selected-popover--visible");
     const e = this.options.virtualScrollThreshold ?? 100;
     this.selectedValues.size >= e && this.selectedPopover.classList.add("ms__selected-popover--virtual"), this.presentationMode === "fullscreen" ? (this.selectedPopover.classList.add("ms__selected-popover--fullscreen"), this.lockBodyScroll(), this.clampDocumentOverflowX(), this.pushOverlayHistory()) : this.positionSelectedPopover();
   }
@@ -4768,8 +4933,8 @@ An ancestor of <web-multiselect> establishes a fixed-positioning containing bloc
         const u = this.options.getBadgeClassCallback;
         let f = "ms__badge ms__badge--custom";
         if (u) {
-          const p = this.classSuffix(u(e));
-          p && (f += " " + p);
+          const m = this.classSuffix(u(e));
+          m && (f += " " + m);
         }
         return `<div class="${f}" data-value="${o}">${d}</div>`;
       }
@@ -4898,11 +5063,15 @@ An ancestor of <web-multiselect> establishes a fixed-positioning containing bloc
         this.effectiveBadgesPosition === "left" || this.effectiveBadgesPosition === "right"
       );
     }
-    return h(this, D) || (this.input.placeholder = this.getPlaceholderText()), "searchInputMode" in e && (this.input.readOnly = this.options.searchInputMode === "readonly", this.input.style.display = this.options.searchInputMode === "hidden" ? "none" : ""), "searchHint" in e && this.hint && (this.hint.textContent = this.options.searchHint || ""), this.renderDropdown(), this.renderBadges(), this.updateHiddenInput(), !0;
+    return h(this, $) || (this.input.placeholder = this.getPlaceholderText()), "searchInputMode" in e && (this.input.readOnly = this.options.searchInputMode === "readonly", this.input.style.display = this.options.searchInputMode === "hidden" ? "none" : ""), "searchHint" in e && this.hint && (this.hint.textContent = this.options.searchHint || ""), this.renderDropdown(), this.renderBadges(), this.updateHiddenInput(), !0;
   }
   get selectedItem() {
     return this.selectedOptions.size === 0 ? null : Array.from(this.selectedOptions.values())[0];
   }
+  /** The current search box text (empty string when nothing is typed). Read-only; clear it with `clearSearch()`. */
+  get searchText() {
+    return this.searchTerm;
+  }
   get selectedValue() {
     if (!this.options.valueMember && !this.options.getValueCallback)
       return null;
@@ -4973,11 +5142,11 @@ ${o}` : t;
         trigger: f,
         content: this.buildBadgeTooltipContent(c)
       });
-      const p = this.getItemBadgeDisplayValue(c);
+      const m = this.getItemBadgeDisplayValue(c);
       this.spawnTooltip({
         id: u,
         trigger: a,
-        content: this.buildRemoveButtonTooltipText(p, c),
+        content: this.buildRemoveButtonTooltipText(m, c),
         // Keep parent badge tooltip from overlapping the remove-button tooltip.
         onBeforeShow: () => {
           var g;
@@ -5106,10 +5275,10 @@ ${o}` : t;
     const o = (t == null ? void 0 : t.variant) ?? "info", i = (t == null ? void 0 : t.duration) ?? 3e3, r = o === "error" || o === "warning", n = document.createElement("div");
     n.className = `ms__message ms__message--${o}`, n.setAttribute("role", r ? "alert" : "status"), n.setAttribute("aria-live", r ? "assertive" : "polite"), typeof e == "string" ? n.textContent = e : n.appendChild(e), n.addEventListener("click", () => this.hideMessage());
     const a = this.element.getRootNode(), l = a instanceof ShadowRoot ? a : null;
-    if ((this.options.container ?? l ?? document.body).appendChild(n), this.messageEl = n, this.presentationMode === "fullscreen" && (h(this, D) || this.showSelectedPopover))
+    if ((this.options.container ?? l ?? document.body).appendChild(n), this.messageEl = n, this.presentationMode === "fullscreen" && (h(this, $) || this.showSelectedPopover))
       n.classList.add("ms__message--fullscreen");
     else {
-      const u = et(n, this.inputWrapper, {
+      const u = tt(n, this.inputWrapper, {
         strategy: "fixed",
         placement: (t == null ? void 0 : t.placement) ?? "bottom",
         offset: 8,
@@ -5183,10 +5352,10 @@ ${o}` : t;
   // ========================================================================
   destroy() {
     var e;
-    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), (e = this.overlayCoord) == null || e.dispose(), this.overlayCoord = 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"), ft.info(`[${this.instanceId}] Component destroyed`);
+    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), (e = this.overlayCoord) == null || e.dispose(), this.overlayCoord = 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"), gt.info(`[${this.instanceId}] Component destroyed`);
   }
 }
-D = new WeakMap();
+$ = new WeakMap();
 function cn() {
   return {
     fromAttribute(s) {
@@ -5267,7 +5436,7 @@ function fn(s, e, t) {
   }
   return i.push(r), o.push(i), o;
 }
-const Oo = `@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-toggle-icon-color: var(--ms-text-color-3);--ms-toggle-icon-color-open: var(--ms-text-color-3);--ms-toggle-icon-size: calc(1.6 * var(--ms-rem));--ms-toggle-rotate-closed: 90deg;--ms-toggle-rotate-open: -90deg;--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-h: calc(1.2 * var(--ms-rem));--ms-input-gap: calc(.6 * 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: var(--base-input-bg-disabled, rgba(107, 114, 128, .05));--ms-toggle-color: var(--ms-text-color-3);--ms-transform-rotate-180: 180deg;--ms-input-clear-size: calc(2.4 * var(--ms-rem));--ms-input-clear-icon-size: calc(1.4 * var(--ms-rem));--ms-input-clear-color: var(--base-input-clear-color, var(--ms-text-secondary));--ms-input-clear-bg-hover: var(--base-input-clear-bg-hover, var(--ms-option-bg-matched, transparent));--ms-input-clear-border-radius: var(--ms-border-radius);--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-inner-border-radius: max(0px, calc(var(--ms-dropdown-border-radius) - 1px));--ms-dropdown-box-shadow: var(--base-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: var(--ms-fullscreen-header-gap);--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-fullscreen-nav-btn-icon: var(--ms-icon-chevron);--ms-icon-chevron: var(--base-icon-chevron, 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='m9 18 6-6-6-6'/></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: var(--base-icon-remove, var(--base-icon-close, 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='M18 6 6 18'/><path d='m6 6 12 12'/></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: var(--base-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(--base-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: var(--ms-input-current-width);--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: var(--base-ease-standard, 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{box-sizing:border-box;position:relative;display:flex;align-items:center;gap:var(--ms-input-gap);height:var(--ms-input-height);padding-inline:var(--ms-input-padding-h);background:var(--ms-input-bg);color:var(--ms-input-color);border:var(--ms-input-border);border-radius:var(--ms-input-border-radius);cursor:pointer;transition:border var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__input-wrapper:hover:not(:focus-within){border:var(--ms-input-border-hover)}.ms__input-wrapper:focus-within{border:var(--ms-input-border-focus)}.ms__input{flex:1 1 auto;min-width:0;box-sizing:border-box;font-family:inherit;height:100%;padding:0;border:none;background:transparent;font-size:var(--ms-input-font-size);color:var(--ms-input-color);cursor:pointer;outline:none}.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{flex:0 0 auto;display:block;width:var(--ms-toggle-icon-size);height:var(--ms-toggle-icon-size);color:var(--ms-toggle-icon-color);cursor:pointer}.ms__toggle:before{content:"";display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask:var(--ms-icon-chevron) center / contain no-repeat;mask:var(--ms-icon-chevron) center / contain no-repeat;transform:rotate(var(--ms-toggle-rotate-closed, 90deg));transition:transform var(--ms-transition-fast) var(--ms-easing-snappy)}.ms--open .ms__toggle{color:var(--ms-toggle-icon-color-open)}.ms--open .ms__toggle:before{transform:rotate(var(--ms-toggle-rotate-open, -90deg))}.ms__counter{flex:0 0 auto;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:scale(var(--ms-transform-scale-hover))}.ms__input-clear{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--ms-input-clear-size);height:var(--ms-input-clear-size);padding:0;color:var(--ms-input-clear-color);background:transparent;border:none;border-radius:var(--ms-input-clear-border-radius);cursor:pointer;transition:background var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__input-clear:hover{background:var(--ms-input-clear-bg-hover)}.ms__input-clear:before{content:"";display:block;width:var(--ms-input-clear-icon-size);height:var(--ms-input-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}.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;box-sizing:border-box;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)) calc(1.2 * 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;--ms-dropdown-inner-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-fullscreen-nav-btn-icon) center / contain no-repeat;mask:var(--ms-fullscreen-nav-btn-icon) center / contain no-repeat;transform:rotate(-90deg)}.ms__fullscreen-nav-btn--next:before{transform:rotate(90deg)}.ms__fullscreen-header>.ms__fullscreen-search-wrapper,.ms__selected-popover--fullscreen .ms__selected-popover-header>span{flex:1 1 0;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);margin-inline-start:calc((var(--ms-fullscreen-close-size) - var(--ms-fullscreen-mode-toggle-size)) / 2 - var(--ms-fullscreen-close-edge-nudge));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;border-radius:var(--ms-dropdown-inner-border-radius);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:hidden}.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;box-sizing:border-box;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-wrapper{opacity:var(--ms-disabled-input-opacity);background:var(--ms-input-bg-disabled);cursor:not-allowed}.ms--disabled .ms__input{cursor:not-allowed}.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}.ms--no-selected-popover .ms__counter,.ms--no-selected-popover .ms__badge[data-action=show-selected],.ms--no-selected-popover .ms__badge--counter,.ms--no-selected-popover .ms__badge--more{cursor:default}}@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--custom{display:block;height:auto;max-width:none;overflow:visible;border-radius:0;font-size:inherit;font-weight:inherit}.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}}`, Ys = [
+const Po = `@layer variables,component,overrides;@layer variables{:host{display:block;--ms-rem: var(--base-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-toggle-icon-color: var(--ms-text-color-3);--ms-toggle-icon-color-open: var(--ms-text-color-3);--ms-toggle-icon-size: calc(1.6 * var(--ms-rem));--ms-toggle-rotate-closed: 90deg;--ms-toggle-rotate-open: -90deg;--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: color-mix(in srgb, var(--ms-badge-bg) 88%, var(--ms-badge-text-color) 12%);--ms-badge-bg-active: var(--ms-accent-color-light-hover);--ms-badge-text-bg-hover: color-mix(in srgb, var(--ms-badge-text-bg) 88%, var(--ms-badge-text-color) 12%);--ms-badge-text-color-hover: var(--ms-badge-text-color);--ms-badge-counter-border-color: var(--ms-border-color);--ms-badge-counter-text-bg: color-mix(in srgb, var(--ms-text-color-1) 10%, transparent);--ms-badge-counter-text-bg-hover: color-mix(in srgb, var(--ms-text-color-1) 16%, transparent);--ms-badge-counter-text-color: var(--ms-text-color-1);--ms-badge-counter-text-color-hover: var(--ms-text-color-1);--ms-badge-counter-remove-bg: color-mix(in srgb, var(--ms-text-color-1) 10%, transparent);--ms-badge-counter-remove-bg-hover: color-mix(in srgb, var(--ms-text-color-1) 16%, transparent);--ms-badge-counter-remove-color: var(--ms-text-color-3);--ms-badge-counter-remove-color-hover: var(--ms-text-color-1);--ms-counter-wrapper-border-color: var(--ms-border-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-input-padding-h: calc(1.2 * var(--ms-rem));--ms-input-gap: calc(.6 * 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: var(--base-input-bg-disabled, rgba(107, 114, 128, .05));--ms-toggle-color: var(--ms-text-color-3);--ms-transform-rotate-180: 180deg;--ms-input-clear-size: calc(2.4 * var(--ms-rem));--ms-input-clear-icon-size: calc(1.4 * var(--ms-rem));--ms-input-clear-color: var(--base-input-clear-color, var(--ms-text-secondary));--ms-input-clear-bg-hover: var(--base-input-clear-bg-hover, var(--ms-option-bg-matched, transparent));--ms-input-clear-border-radius: var(--ms-border-radius);--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-inner-border-radius: max(0px, calc(var(--ms-dropdown-border-radius) - 1px));--ms-dropdown-box-shadow: var(--base-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: var(--ms-fullscreen-header-gap);--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-fullscreen-nav-btn-icon: var(--ms-icon-chevron);--ms-icon-chevron: var(--base-icon-chevron, 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='m9 18 6-6-6-6'/></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-add-new-padding: var(--ms-option-padding);--ms-add-new-gap: var(--ms-option-gap);--ms-add-new-font-size: var(--ms-empty-font-size);--ms-add-new-color: var(--ms-accent-color);--ms-add-new-color-hover: var(--ms-accent-color);--ms-add-new-bg-hover: var(--ms-option-bg-hover);--ms-add-new-icon-size: calc(1.6 * var(--ms-rem));--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.4 * var(--ms-rem));--ms-icon-remove: var(--base-icon-remove, var(--base-icon-close, 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='M18 6 6 18'/><path d='m6 6 12 12'/></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: var(--base-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: var(--base-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-icon-check: var(--base-icon-check, 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='M20 6 9 17l-5-5'/></svg>"));--ms-icon-indeterminate: var(--base-icon-indeterminate, 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='M5 12h14'/></svg>"));--ms-icon-add-new: var(--base-icon-plus, var(--base-icon-add, 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='M5 12h14'/><path d='M12 5v14'/></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: var(--ms-accent-color);--ms-count-clear-color-hover: var(--ms-text-color-on-accent);--ms-count-clear-icon-size: calc(1.4 * var(--ms-rem));--ms-icon-clear: var(--base-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: var(--ms-input-current-width);--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: var(--ms-accent-color);--ms-selected-popover-close-color-hover: var(--ms-text-color-on-accent);--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: var(--base-ease-standard, 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{box-sizing:border-box;position:relative;display:flex;align-items:center;gap:var(--ms-input-gap);height:var(--ms-input-height);padding-inline:var(--ms-input-padding-h);background:var(--ms-input-bg);color:var(--ms-input-color);border:var(--ms-input-border);border-radius:var(--ms-input-border-radius);cursor:pointer;transition:border var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__input-wrapper:hover:not(:focus-within){border:var(--ms-input-border-hover)}.ms__input-wrapper:focus-within{border:var(--ms-input-border-focus)}.ms__input{flex:1 1 auto;min-width:0;box-sizing:border-box;font-family:inherit;height:100%;padding:0;border:none;background:transparent;font-size:var(--ms-input-font-size);color:var(--ms-input-color);cursor:pointer;outline:none}.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{flex:0 0 auto;display:block;width:var(--ms-toggle-icon-size);height:var(--ms-toggle-icon-size);color:var(--ms-toggle-icon-color);cursor:pointer}.ms__toggle:before{content:"";display:block;width:100%;height:100%;background-color:currentColor;-webkit-mask:var(--ms-icon-chevron) center / contain no-repeat;mask:var(--ms-icon-chevron) center / contain no-repeat;transform:rotate(var(--ms-toggle-rotate-closed, 90deg));transition:transform var(--ms-transition-fast) var(--ms-easing-snappy)}.ms--open .ms__toggle{color:var(--ms-toggle-icon-color-open)}.ms--open .ms__toggle:before{transform:rotate(var(--ms-toggle-rotate-open, -90deg))}.ms__counter{flex:0 0 auto;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:scale(var(--ms-transform-scale-hover))}.ms__input-clear{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:var(--ms-input-clear-size);height:var(--ms-input-clear-size);padding:0;color:var(--ms-input-clear-color);background:transparent;border:none;border-radius:var(--ms-input-clear-border-radius);cursor:pointer;transition:background var(--ms-transition-fast) var(--ms-easing-snappy)}.ms__input-clear:hover{background:var(--ms-input-clear-bg-hover)}.ms__input-clear:before{content:"";display:block;width:var(--ms-input-clear-icon-size);height:var(--ms-input-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}.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;box-sizing:border-box;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)) calc(1.2 * 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;--ms-dropdown-inner-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-fullscreen-nav-btn-icon) center / contain no-repeat;mask:var(--ms-fullscreen-nav-btn-icon) center / contain no-repeat;transform:rotate(-90deg)}.ms__fullscreen-nav-btn--next:before{transform:rotate(90deg)}.ms__fullscreen-header>.ms__fullscreen-search-wrapper,.ms__selected-popover--fullscreen .ms__selected-popover-header>span{flex:1 1 0;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);margin-inline-start:calc((var(--ms-fullscreen-close-size) - var(--ms-fullscreen-mode-toggle-size)) / 2 - var(--ms-fullscreen-close-edge-nudge));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;border-radius:var(--ms-dropdown-inner-border-radius);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:hidden}.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;box-sizing:border-box;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-wrapper{opacity:var(--ms-disabled-input-opacity);background:var(--ms-input-bg-disabled);cursor:not-allowed}.ms--disabled .ms__input{cursor:not-allowed}.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}.ms--no-selected-popover .ms__counter,.ms--no-selected-popover .ms__badge[data-action=show-selected],.ms--no-selected-popover .ms__badge--counter,.ms--no-selected-popover .ms__badge--more{cursor:default}}@layer component{@keyframes ms-spin{to{transform:rotate(360deg)}}}@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--custom{display:block;height:auto;max-width:none;overflow:visible;border-radius:0;font-size:inherit;font-weight:inherit}.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;padding:0;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);color:var(--ms-badge-counter-remove-color-hover, var(--ms-badge-counter-remove-color))}.ms__badge--counter:hover .ms__badge-text{background:var(--ms-badge-counter-text-bg-hover, var(--ms-badge-counter-text-bg));color:var(--ms-badge-counter-text-color-hover, var(--ms-badge-counter-text-color))}.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;top:0;right:0;bottom:0;left:0;background-color:var(--ms-checkbox-checkmark-color);-webkit-mask:var(--ms-icon-check) no-repeat center / contain;mask:var(--ms-icon-check) no-repeat center / contain}.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;-webkit-mask-image:var(--ms-icon-indeterminate);mask-image:var(--ms-icon-indeterminate)}.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__add-new{display:flex;align-items:center;gap:var(--ms-add-new-gap);padding:var(--ms-add-new-padding);font-size:var(--ms-add-new-font-size);color:var(--ms-add-new-color);cursor:pointer;user-select:none;-webkit-user-select:none}@media (hover: hover){.ms__add-new:hover{background:var(--ms-add-new-bg-hover);color:var(--ms-add-new-color-hover)}}.ms__add-new--focused{background:var(--ms-add-new-bg-hover);color:var(--ms-add-new-color-hover)}.ms__add-new--loading{cursor:default}.ms__add-new-spinner{flex-shrink:0;width:var(--ms-add-new-icon-size);height:var(--ms-add-new-icon-size);border-radius:50%;border:2px solid color-mix(in srgb,currentColor 25%,transparent);border-top-color:currentColor;animation:ms-spin .6s linear infinite}@media (prefers-reduced-motion: reduce){.ms__add-new-spinner{animation-duration:1.5s}}.ms__add-new-icon{flex-shrink:0;width:var(--ms-add-new-icon-size);height:var(--ms-add-new-icon-size);background-color:currentColor;-webkit-mask:var(--ms-icon-add-new) center / contain no-repeat;mask:var(--ms-icon-add-new) center / contain no-repeat}.ms__add-new-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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}}`, Ys = [
   "top",
   "top-start",
   "top-end",
@@ -5282,41 +5451,43 @@ const Oo = `@layer variables,component,overrides;@layer variables{:host{display:
   "right-end"
 ], N = () => Wo(), gn = [
   // ── Strings (cosmetic → update). Optional ones are nullable: absent → null ─
-  { configKey: "searchHint", attribute: "search-hint", converter: z({ isNullable: !0 }), on: "update", description: "Small hint text shown beneath the search input." },
-  { configKey: "searchPlaceholder", attribute: "search-placeholder", converter: z({ 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: z({ default: "Pick an option..." }), on: "update", description: "Placeholder shown on the control when nothing is selected." },
-  { configKey: "noDataPlaceholder", attribute: "no-data-placeholder", converter: z({ isNullable: !0 }), on: "update", description: "Text shown when there are no options at all." },
-  { configKey: "dropdownMinWidth", attribute: "dropdown-min-width", converter: z({ isNullable: !0 }), on: "update", description: "Minimum width of the dropdown panel (any CSS length)." },
-  { configKey: "dropdownMaxWidth", attribute: "dropdown-max-width", converter: z({ isNullable: !0 }), on: "update", description: "Maximum width of the dropdown panel (any CSS length)." },
-  { configKey: "maxHeight", attribute: "max-height", converter: z({ default: "20rem" }), on: "update", description: "Maximum height of the dropdown list before it scrolls." },
-  { configKey: "emptyMessage", attribute: "empty-message", converter: z({ default: "No results found" }), on: "update", description: "Message shown when a search yields no matches." },
-  { configKey: "loadingMessage", attribute: "loading-message", converter: z({ default: "Loading..." }), on: "update", description: "Message shown while options are loading." },
-  { configKey: "removeButtonTooltipText", attribute: "remove-button-tooltip-text", converter: z({ isNullable: !0 }), on: "update", description: "Tooltip text for a badge remove (×) button." },
-  { configKey: "formFieldId", attribute: "name", converter: z({ isNullable: !0 }), on: "reinit", description: "HTML form field name/id used for the hidden input(s)." },
+  { 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({ 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)." },
+  { configKey: "dropdownMaxWidth", attribute: "dropdown-max-width", converter: A({ isNullable: !0 }), on: "update", description: "Maximum width of the dropdown panel (any CSS length)." },
+  { configKey: "maxHeight", attribute: "max-height", converter: A({ default: "20rem" }), on: "update", description: "Maximum height of the dropdown list before it scrolls." },
+  { configKey: "emptyMessage", attribute: "empty-message", converter: A({ default: "No results found" }), on: "update", description: "Message shown when a search yields no matches." },
+  { configKey: "addNewText", attribute: "add-new-text", converter: A({ isNullable: !0 }), on: "update", description: 'Template for the clickable "add new" prompt shown (when `allow-add-new` is on) in place of the empty message once a search yields no matches. `{value}` is replaced with the typed text. Default: `Add "{value}"`. A `getAddNewTextCallback` wins.' },
+  { configKey: "addNewPendingText", attribute: "add-new-pending-text", converter: A({ isNullable: !0 }), on: "update", description: 'Template for the pending prompt (spinner + text) shown while an async `addNewCallback` runs. `{value}` is replaced with the typed text. Default: `Adding "{value}"…`.' },
+  { configKey: "loadingMessage", attribute: "loading-message", converter: A({ default: "Loading..." }), on: "update", description: "Message shown while options are loading." },
+  { configKey: "removeButtonTooltipText", attribute: "remove-button-tooltip-text", converter: A({ isNullable: !0 }), on: "update", description: "Tooltip text for a badge remove (×) button." },
+  { configKey: "formFieldId", attribute: "name", converter: A({ isNullable: !0 }), on: "reinit", description: "HTML form field name/id used for the hidden input(s)." },
   // ── CSS-var sugar (mirrored to a host style prop in reinit()/update()) ────
-  { configKey: "dropdownWidth", attribute: "dropdown-width", converter: z({ isNullable: !0 }), on: "update", description: "Fixed dropdown width; mirrored to the `--ms-dropdown-width` CSS variable." },
-  { configKey: "selectedPopoverWidth", attribute: "selected-popover-width", converter: z({ isNullable: !0 }), on: "update", description: "Selected-items popover width; mirrored to `--ms-selected-popover-width`." },
+  { configKey: "dropdownWidth", attribute: "dropdown-width", converter: A({ isNullable: !0 }), on: "update", description: "Fixed dropdown width; mirrored to the `--ms-dropdown-width` CSS variable." },
+  { configKey: "selectedPopoverWidth", attribute: "selected-popover-width", converter: A({ isNullable: !0 }), on: "update", description: "Selected-items popover width; mirrored to `--ms-selected-popover-width`." },
   // ── Member properties (structural → reinit; optional → nullable) ─────────
-  { configKey: "valueMember", attribute: "value-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name on an option object that holds its value." },
-  { configKey: "displayValueMember", attribute: "display-value-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that holds an option display label." },
-  { configKey: "searchValueMember", attribute: "search-value-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name searched against (falls back to the display value)." },
-  { configKey: "iconMember", attribute: "icon-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that holds an option icon." },
-  { configKey: "subtitleMember", attribute: "subtitle-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that holds an option subtitle." },
-  { configKey: "fullTitleMember", attribute: "full-title-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that holds an option full/long title." },
-  { configKey: "groupMember", attribute: "group-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name used to group options under headers." },
-  { configKey: "disabledMember", attribute: "disabled-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that marks an option disabled." },
+  { configKey: "valueMember", attribute: "value-member", converter: A({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name on an option object that holds its value." },
+  { configKey: "displayValueMember", attribute: "display-value-member", converter: A({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that holds an option display label." },
+  { configKey: "searchValueMember", attribute: "search-value-member", converter: A({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name searched against (falls back to the display value)." },
+  { configKey: "iconMember", attribute: "icon-member", converter: A({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that holds an option icon." },
+  { configKey: "subtitleMember", attribute: "subtitle-member", converter: A({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that holds an option subtitle." },
+  { configKey: "fullTitleMember", attribute: "full-title-member", converter: A({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that holds an option full/long title." },
+  { configKey: "groupMember", attribute: "group-member", converter: A({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name used to group options under headers." },
+  { configKey: "disabledMember", attribute: "disabled-member", converter: A({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name that marks an option disabled." },
   // ── Tree of options (structural → reinit; optional → nullable) ───────────
-  { configKey: "pathMember", attribute: "path-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name holding a node materialized tree path." },
-  { configKey: "parentPathMember", attribute: "parent-path-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name holding a node parent path." },
-  { configKey: "levelMember", attribute: "level-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name holding a node depth level." },
-  { configKey: "hasChildrenMember", attribute: "has-children-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name flagging that a node has children." },
-  { configKey: "isSelectableMember", attribute: "is-selectable-member", converter: z({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name marking whether a node can be selected." },
-  { configKey: "treePathSeparator", attribute: "tree-path-separator", converter: z({ default: "." }), reflect: !0, on: "reinit", description: "Separator between segments in a materialized tree path." },
-  { configKey: "isTreeEnabled", converter: B("tristate"), on: "reinit", type: "boolean", description: "Force tree mode on/off. Property-only; when unset (null) tree mode auto-enables if a path source (path-member / getPathCallback) is present." },
+  { configKey: "pathMember", attribute: "path-member", converter: A({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name holding a node materialized tree path." },
+  { configKey: "parentPathMember", attribute: "parent-path-member", converter: A({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name holding a node parent path." },
+  { configKey: "levelMember", attribute: "level-member", converter: A({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name holding a node depth level." },
+  { configKey: "hasChildrenMember", attribute: "has-children-member", converter: A({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name flagging that a node has children." },
+  { configKey: "isSelectableMember", attribute: "is-selectable-member", converter: A({ isNullable: !0 }), reflect: !0, on: "reinit", description: "Property name marking whether a node can be selected." },
+  { configKey: "treePathSeparator", attribute: "tree-path-separator", converter: A({ default: "." }), reflect: !0, on: "reinit", description: "Separator between segments in a materialized tree path." },
+  { configKey: "isTreeEnabled", converter: H("tristate"), on: "reinit", type: "boolean", description: "Force tree mode on/off. Property-only; when unset (null) tree mode auto-enables if a path source (path-member / getPathCallback) is present." },
   {
     configKey: "checkboxMode",
     attribute: "checkbox-mode",
-    converter: W(["independent", "cascade"], { default: "independent" }),
+    converter: j(["independent", "cascade"], { default: "independent" }),
     reflect: !0,
     on: "update",
     description: "Tree checkbox interaction.\n- `independent` (default) — toggles only the clicked node.\n- `cascade` — checks a node whole subtree and shows a tristate (checked / indeterminate / unchecked) box on branches.\n\nTree + multiple only."
@@ -5324,29 +5495,29 @@ const Oo = `@layer variables,component,overrides;@layer variables{:host{display:
   {
     configKey: "cascadeSelectPolicy",
     attribute: "cascade-select-policy",
-    converter: W(["rolled-up", "leaves", "all"], { default: "rolled-up" }),
+    converter: j(["rolled-up", "leaves", "all"], { default: "rolled-up" }),
     reflect: !0,
     on: "update",
     description: "In `cascade` mode, which values a selection emits (badges / form / change):\n- `rolled-up` (default) — minimal cover: a fully-selected subtree collapses to its root; partially-selected branches emit their individually-checked descendants.\n- `leaves` — only the checked leaf-level nodes.\n- `all` — every fully-checked node (branches and leaves)."
   },
   // ── Enums ────────────────────────────────────────────────────────────────
-  { configKey: "badgesDisplayMode", attribute: "badges-display-mode", converter: W(["badges", "count", "compact", "partial", "none"], { default: "badges" }), on: "reinit", description: "How the current selection is shown in the control." },
-  { configKey: "badgesPosition", attribute: "badges-position", converter: W(["top", "bottom", "left", "right"], { default: "bottom" }), on: "reinit", description: "Where the badges/selection appear relative to the input." },
-  { configKey: "badgesThresholdMode", attribute: "badges-threshold-mode", converter: W(["count", "partial"], { default: "count" }), on: "update", description: 'How `badgesThreshold` is interpreted: collapse to a count badge, or keep partial badges + a "more" badge.' },
-  { configKey: "searchInputMode", attribute: "search-input-mode", converter: W(["normal", "readonly", "hidden"], { default: "normal" }), on: "reinit", description: "Search field mode: editable, read-only, or hidden." },
-  { configKey: "searchMode", attribute: "search-mode", converter: W(["filter", "navigate"], { default: "filter" }), on: "reinit", description: "Whether typing filters the list or navigates it." },
-  { configKey: "overlayGroup", attribute: "overlay-group", converter: z({ isNullable: !0 }), on: "reinit", description: 'Scope the "one overlay open at a time" coordination to a named group. Overlays (multiselects, datepickers, external popovers) sharing a group dismiss each other when one opens; different groups are independent. Unset = the default (ungrouped) group.' },
-  { configKey: "actionsLayout", attribute: "actions-layout", converter: W(["nowrap", "wrap"], { default: "nowrap" }), on: "reinit", description: "Whether the action bar wraps or stays on one line." },
-  { configKey: "actionsPosition", attribute: "actions-position", converter: W(["top", "bottom"], { default: "top" }), on: "reinit", description: "Whether the action bar sits above or below the list." },
-  { configKey: "actionsAlign", attribute: "actions-align", converter: W(["stretch", "left", "right", "center", "space-between"], { default: "stretch" }), on: "update", description: "Horizontal alignment of the action buttons." },
-  { configKey: "checkboxAlign", attribute: "checkbox-align", converter: W(["top", "center", "bottom"], { default: "center" }), on: "update", description: "Vertical alignment of an option checkbox." },
-  { configKey: "valueFormat", attribute: "value-format", converter: W(["json", "csv", "array"], { default: "json" }), on: "reinit", description: "Serialization format the control emits its value in." },
-  { configKey: "badgeTooltipPlacement", attribute: "badge-tooltip-placement", converter: W(Ys, { default: "top" }), on: "update", description: "Preferred placement of a badge tooltip relative to its badge (floating-ui placement)." },
-  { configKey: "optionTooltipPlacement", attribute: "option-tooltip-placement", converter: W(Ys, { default: "top-start" }), on: "update", description: "Preferred placement of an option tooltip (floating-ui placement)." },
+  { configKey: "badgesDisplayMode", attribute: "badges-display-mode", converter: j(["badges", "count", "compact", "partial", "none"], { default: "badges" }), on: "reinit", description: "How the current selection is shown in the control." },
+  { configKey: "badgesPosition", attribute: "badges-position", converter: j(["top", "bottom", "left", "right"], { default: "bottom" }), on: "reinit", description: "Where the badges/selection appear relative to the input." },
+  { configKey: "badgesThresholdMode", attribute: "badges-threshold-mode", converter: j(["count", "partial"], { default: "count" }), on: "update", description: 'How `badgesThreshold` is interpreted: collapse to a count badge, or keep partial badges + a "more" badge.' },
+  { configKey: "searchInputMode", attribute: "search-input-mode", converter: j(["normal", "readonly", "hidden"], { default: "normal" }), on: "reinit", description: "Search field mode: editable, read-only, or hidden." },
+  { configKey: "searchMode", attribute: "search-mode", converter: j(["filter", "navigate"], { default: "filter" }), on: "reinit", description: "Whether typing filters the list or navigates it." },
+  { configKey: "overlayGroup", attribute: "overlay-group", converter: A({ isNullable: !0 }), on: "reinit", description: 'Scope the "one overlay open at a time" coordination to a named group. Overlays (multiselects, datepickers, external popovers) sharing a group dismiss each other when one opens; different groups are independent. Unset = the default (ungrouped) group.' },
+  { configKey: "actionsLayout", attribute: "actions-layout", converter: j(["nowrap", "wrap"], { default: "nowrap" }), on: "reinit", description: "Whether the action bar wraps or stays on one line." },
+  { configKey: "actionsPosition", attribute: "actions-position", converter: j(["top", "bottom"], { default: "top" }), on: "reinit", description: "Whether the action bar sits above or below the list." },
+  { configKey: "actionsAlign", attribute: "actions-align", converter: j(["stretch", "left", "right", "center", "space-between"], { default: "stretch" }), on: "update", description: "Horizontal alignment of the action buttons." },
+  { configKey: "checkboxAlign", attribute: "checkbox-align", converter: j(["top", "center", "bottom"], { default: "center" }), on: "update", description: "Vertical alignment of an option checkbox." },
+  { configKey: "valueFormat", attribute: "value-format", converter: j(["json", "csv", "array"], { default: "json" }), on: "reinit", description: "Serialization format the control emits its value in." },
+  { configKey: "badgeTooltipPlacement", attribute: "badge-tooltip-placement", converter: j(Ys, { default: "top" }), on: "update", description: "Preferred placement of a badge tooltip relative to its badge (floating-ui placement)." },
+  { configKey: "optionTooltipPlacement", attribute: "option-tooltip-placement", converter: j(Ys, { default: "top-start" }), on: "update", description: "Preferred placement of an option tooltip (floating-ui placement)." },
   {
     configKey: "mobilePresentation",
     attribute: "mobile-presentation",
-    converter: W(["auto", "floating", "fullscreen"], { default: "auto" }),
+    converter: j(["auto", "floating", "fullscreen"], { default: "auto" }),
     reflect: !0,
     on: "update",
     description: "How the open dropdown is presented on phones. `auto` (default) keeps the floating panel on desktop/tablet and switches to a full-screen overlay on phone-sized touch devices (touch primary + shorter viewport side < 600px, orientation-robust); `floating` forces the anchored panel everywhere; `fullscreen` forces the full-screen overlay on any device (handy for previews/testing). Resolved reactively from the device/viewport environment."
@@ -5354,7 +5525,7 @@ const Oo = `@layer variables,component,overrides;@layer variables{:host{display:
   {
     configKey: "fullscreenAutofocus",
     attribute: "fullscreen-autofocus",
-    converter: B("default-false"),
+    converter: H("default-false"),
     on: "update",
     description: "In the phone fullscreen overlay, auto-focus the search field on open (pops the soft keyboard immediately). Default `false`: the sheet opens with the list visible and the keyboard closed, appearing only when the user taps the search. Set `true` to type-to-filter right away. No effect in the floating presentation."
   },
@@ -5373,35 +5544,35 @@ const Oo = `@layer variables,component,overrides;@layer variables{:host{display:
   { configKey: "optionTooltipDelay", attribute: "option-tooltip-delay", converter: X(), on: "update", description: "Delay in ms before an option tooltip appears (falls back to badgeTooltipDelay)." },
   { configKey: "optionTooltipOffset", attribute: "option-tooltip-offset", converter: X(), on: "update", description: "Gap in px between an option and its tooltip." },
   // ── Booleans (default true) ──────────────────────────────────────────────
-  { configKey: "isMultipleEnabled", attribute: "multiple", converter: B("default-true"), on: "reinit", description: "Allow selecting multiple options. When off, selecting one replaces the previous." },
-  { configKey: "isGroupsAllowed", attribute: "allow-groups", converter: B("default-true"), on: "reinit", description: "Allow grouping options under group headers." },
-  { configKey: "isCheckboxesShown", attribute: "show-checkboxes", converter: B("default-true"), on: "reinit", description: "Show a checkbox on each option." },
-  { configKey: "isActionsSticky", attribute: "sticky-actions", converter: B("default-true"), on: "update", description: "Keep the action bar pinned while the list scrolls." },
-  { configKey: "isPlacementLocked", attribute: "lock-placement", converter: B("default-true"), on: "update", description: "Keep the dropdown initial placement instead of flipping when it fits." },
-  { configKey: "isSearchEnabled", attribute: "enable-search", converter: B("default-true"), on: "reinit", description: "Show the search input." },
-  { configKey: "isKeepOptionsOnSearch", attribute: "keep-options-on-search", converter: B("default-true"), on: "update", description: "Keep already-selected options visible while filtering." },
-  { configKey: "shouldKeepSearchOnClose", attribute: "should-keep-search-on-close", converter: B("default-true"), on: "update", description: "Preserve the search text after the dropdown closes." },
-  { configKey: "isSelectedPopoverEnabled", attribute: "enable-selected-popover", converter: B("default-true"), on: "update", description: 'Allow the selected-items popover to open (from the count/compact/"+X more" badge or the in-input counter). Turn off when you render your own selection UI, so those affordances become inert.' },
+  { configKey: "isMultipleEnabled", attribute: "multiple", converter: H("default-true"), on: "reinit", description: "Allow selecting multiple options. When off, selecting one replaces the previous." },
+  { configKey: "isGroupsAllowed", attribute: "allow-groups", converter: H("default-true"), on: "reinit", description: "Allow grouping options under group headers." },
+  { configKey: "isCheckboxesShown", attribute: "show-checkboxes", converter: H("default-true"), on: "reinit", description: "Show a checkbox on each option." },
+  { configKey: "isActionsSticky", attribute: "sticky-actions", converter: H("default-true"), on: "update", description: "Keep the action bar pinned while the list scrolls." },
+  { configKey: "isPlacementLocked", attribute: "lock-placement", converter: H("default-true"), on: "update", description: "Keep the dropdown initial placement instead of flipping when it fits." },
+  { configKey: "isSearchEnabled", attribute: "enable-search", converter: H("default-true"), on: "reinit", description: "Show the search input." },
+  { configKey: "isKeepOptionsOnSearch", attribute: "keep-options-on-search", converter: H("default-true"), on: "update", description: "Keep already-selected options visible while filtering." },
+  { configKey: "shouldKeepSearchOnClose", attribute: "should-keep-search-on-close", converter: H("default-true"), on: "update", description: "Preserve the search text after the dropdown closes." },
+  { configKey: "isSelectedPopoverEnabled", attribute: "enable-selected-popover", converter: H("default-true"), on: "update", description: 'Allow the selected-items popover to open (from the count/compact/"+X more" badge or the in-input counter). Turn off when you render your own selection UI, so those affordances become inert.' },
   // ── Booleans (default false) ─────────────────────────────────────────────
-  { configKey: "isCloseOnSelect", attribute: "close-on-select", converter: B("default-false"), on: "update", description: "Close the dropdown immediately after a selection." },
-  { configKey: "isAddNewAllowed", attribute: "allow-add-new", converter: B("default-false"), on: "reinit", description: "Allow adding a new option from the search text." },
-  { configKey: "isCounterShown", attribute: "show-counter", converter: B("default-false"), on: "update", description: "Show a selected-count indicator." },
-  { configKey: "isClearShown", attribute: "show-clear", converter: B("default-false"), on: "update", description: "Show an inline clear (✕) button inside the input that wipes the whole selection. Appears only while something is selected and the control is enabled; clicking it clears the selection and any search text, fires `change`, and refocuses." },
-  { configKey: "isBadgeFullTitleShown", attribute: "show-badge-full-title", converter: B("default-false"), on: "update", description: "Show the full title on badges instead of the short label." },
-  { configKey: "isVirtualScrollEnabled", attribute: "enable-virtual-scroll", converter: B("default-false"), on: "reinit", description: "Force virtual scrolling on regardless of the threshold." },
-  { 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." },
+  { configKey: "isCloseOnSelect", attribute: "close-on-select", converter: H("default-false"), on: "update", description: "Close the dropdown immediately after a selection." },
+  { configKey: "isAddNewAllowed", attribute: "allow-add-new", converter: H("default-false"), on: "reinit", description: "Allow adding a new option from the search text." },
+  { configKey: "isCounterShown", attribute: "show-counter", converter: H("default-false"), on: "update", description: "Show a selected-count indicator." },
+  { configKey: "isClearShown", attribute: "show-clear", converter: H("default-false"), on: "update", description: "Show an inline clear (✕) button inside the input that wipes the whole selection. Appears only while something is selected and the control is enabled; clicking it clears the selection and any search text, fires `change`, and refocuses." },
+  { configKey: "isBadgeFullTitleShown", attribute: "show-badge-full-title", converter: H("default-false"), on: "update", description: "Show the full title on badges instead of the short label." },
+  { configKey: "isVirtualScrollEnabled", attribute: "enable-virtual-scroll", converter: H("default-false"), on: "reinit", description: "Force virtual scrolling on regardless of the threshold." },
+  { configKey: "isBadgeTooltipsEnabled", attribute: "enable-badge-tooltips", converter: H("default-false"), on: "update", description: "Enable tooltips on badges." },
+  { configKey: "isOptionTooltipsEnabled", attribute: "enable-option-tooltips", converter: H("default-false"), on: "update", description: "Enable tooltips on options." },
+  { configKey: "isOptionTooltipFollowCursor", attribute: "option-tooltip-follow-cursor", converter: H("default-false"), on: "update", description: "Make option tooltips follow the pointer." },
+  { configKey: "isSearchModeToggleShown", attribute: "show-search-mode-toggle", converter: H("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: cn(), 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." },
+  { configKey: "showDebugInfo", attribute: "show-debug-info", converter: H("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: Ko(), 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: z({ 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: W(dn, { 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: z({ 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: z({ default: `
+  { 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: j(dn, { 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: Fo({ 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) ──────────────────────────
@@ -5436,21 +5607,23 @@ const Oo = `@layer variables,component,overrides;@layer variables{:host{display:
   { configKey: "beforeSearchCallback", converter: N(), on: "update", type: "(searchTerm: string) => string | null", description: "Runs before a search; return a rewritten term or null to veto." },
   { configKey: "beforeSelectCallback", converter: N(), 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: N(), 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: N(), on: "update", type: "(value: string) => unknown | Promise<unknown>", description: "Create a new option from the typed text." },
+  { configKey: "addNewCallback", converter: N(), on: "update", type: "(value: string) => unknown | null | undefined | Promise<unknown | null | undefined>", description: "Create a new option from the typed text. May return a rich option object (renders via the same get*/render* callbacks as any option). Async + cancelable: return null/undefined to abort (no add, no `add` event). Omit entirely to handle creation yourself via the `add` event." },
+  { configKey: "getAddNewTextCallback", converter: N(), on: "update", type: "(value: string) => string", description: 'Dynamically compute the "add new" prompt label from the typed text (returns plain text). Takes precedence over `add-new-text`.' },
   { configKey: "keydownCallback", converter: N(), 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." }
 ], bn = [
   { 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." }
-], Js = /* @__PURE__ */ new Set(["dropdownWidth", "selectedPopoverWidth", "showDebugInfo", "initialValues", "optionsSource", "optionsFormat", "optionsSplitter", "optionsRowSplitter", "mobilePresentation", "collapseBadgesBelow"]), gt = {
+  { name: "change", description: "The selection changed. `detail.selectedOptions`/`detail.selectedValues` are the full selection." },
+  { name: "add", description: 'The user chose to create a new option from the typed text (via the "add new" prompt or Enter) — requires `allow-add-new`. `detail.value` is the typed text; `detail.option` is the created item when `addNewCallback` produced one.' }
+], Js = /* @__PURE__ */ new Set(["dropdownWidth", "selectedPopoverWidth", "showDebugInfo", "initialValues", "optionsSource", "optionsFormat", "optionsSplitter", "optionsRowSplitter", "mobilePresentation", "collapseBadgesBelow"]), bt = {
   dropdownWidth: "--ms-dropdown-width",
   selectedPopoverWidth: "--ms-selected-popover-width"
 };
 let vn = null;
-function yn() {
-  return vn ?? (vn = Ai(Oo, "--ms-"));
+function wn() {
+  return vn ?? (vn = Ai(Po, "--ms-"));
 }
-const wn = [
+const yn = [
   { key: "valueMember", member: "value", callbackKey: "getValueCallback" },
   { key: "displayValueMember", member: "label", callbackKey: "getDisplayValueCallback" },
   { key: "groupMember", member: "group", callbackKey: "getGroupCallback" },
@@ -5458,26 +5631,26 @@ const wn = [
   { key: "subtitleMember", member: "subtitle", callbackKey: "getSubtitleCallback" },
   { key: "disabledMember", member: "disabled", callbackKey: "getDisabledCallback" }
 ];
-var Z, O, fe, ct, dt, ht, He, Fe, Ie, x, wt, ge, xt, is, rs, ns, as, Po, Mo, Lo, _t, ls, Eo, Ao, zo, cs, No, Vo, ds, hs;
-class tt extends Yt {
+var Z, k, fe, dt, ht, ut, He, Fe, Ie, x, xt, ge, _t, is, rs, ns, as, Oo, Mo, Lo, et, ls, Eo, Ao, zo, cs, No, $o, ds, hs;
+class st extends Yt {
   constructor() {
     super();
     L(this, x);
     L(this, Z);
-    L(this, O);
+    L(this, k);
     L(this, fe);
-    L(this, ct, null);
+    L(this, dt, null);
     // Dev-mode customStylesCallback lint: unknown --ms-* names already warned about.
-    L(this, dt, /* @__PURE__ */ new Set());
+    L(this, ht, /* @__PURE__ */ new Set());
     // Declarative <option>/<optgroup> state (parsed once from light DOM).
-    L(this, ht, !1);
+    L(this, ut, !1);
     L(this, He, !1);
     L(this, Fe);
     L(this, Ie);
     // ── container-responsive badge collapse (core §12.9 `resized`) ─────────────
     /** Whether the live picker is currently forced to the collapsed count view. */
     L(this, ge, !1);
-    I(this, Z, this.attachShadow({ mode: "open" })), Li(h(this, Z), Oo), typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => this.setAttribute("data-ready", "")) : this.setAttribute("data-ready", "");
+    P(this, Z, this.attachShadow({ mode: "open" })), Li(h(this, Z), Po), typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => this.setAttribute("data-ready", "")) : this.setAttribute("data-ready", "");
   }
   /**
    * Called by the browser when the surrounding <form> is reset. Clears the
@@ -5485,7 +5658,7 @@ class tt extends Yt {
    */
   formResetCallback() {
     var t;
-    (t = h(this, O)) == null || t.clearAll();
+    (t = h(this, k)) == null || t.clearAll();
   }
   // ── core lifecycle hooks ──────────────────────────────────────────────────
   /** Runtime writing-direction switch (core observes `dir`): re-mirror the live
@@ -5494,28 +5667,28 @@ class tt extends Yt {
    *  and the panels' explicit `dir`). The initial direction is read by the build. */
   directionChanged(t) {
     var o;
-    (o = h(this, O)) == null || o.refreshDirection();
+    (o = h(this, k)) == null || o.refreshDirection();
   }
   /** Structural change (or first connect): mirror CSS vars, then (re)build the picker. */
   reinit() {
-    v(this, x, Ao).call(this), this.isConnected && v(this, x, ns).call(this);
+    b(this, x, Ao).call(this), this.isConnected && b(this, x, ns).call(this);
   }
   /** Cosmetic change: mirror CSS vars / custom styles / debug, patch the picker in place. */
   update(t) {
-    v(this, x, zo).call(this, t), "customStylesCallback" in t && v(this, x, ls).call(this), "showDebugInfo" in t && v(this, x, ds).call(this);
+    b(this, x, zo).call(this, t), "customStylesCallback" in t && b(this, x, ls).call(this), "showDebugInfo" in t && b(this, x, ds).call(this);
     const o = {};
     for (const [i, r] of Object.entries(t))
       Js.has(i) || (o[i] = r === null ? void 0 : r);
-    h(this, O) && Object.keys(o).length > 0 && (h(this, O).updateOptions(o) || v(this, x, ns).call(this)), "mobilePresentation" in t && v(this, x, wt).call(this, It()), "collapseBadgesBelow" in t && v(this, x, xt).call(this, this.getBoundingClientRect().width);
+    h(this, k) && Object.keys(o).length > 0 && (h(this, k).updateOptions(o) || b(this, x, ns).call(this)), "mobilePresentation" in t && b(this, x, xt).call(this, It()), "collapseBadgesBelow" in t && b(this, x, _t).call(this, this.getBoundingClientRect().width);
   }
   /** Activate: ensure the picker exists (a DOM move destroyed it in disconnect()). */
   connect() {
-    h(this, O) || v(this, x, as).call(this);
+    h(this, k) || b(this, x, as).call(this);
   }
   /** Deactivate: tear the picker down (rebuilt on the next connect). */
   disconnect() {
     var t;
-    (t = h(this, O)) == null || t.destroy(), I(this, O, void 0);
+    (t = h(this, k)) == null || t.destroy(), P(this, k, void 0);
   }
   /**
    * Device/viewport/orientation changed (core §12.9). Overriding this opts the
@@ -5526,7 +5699,7 @@ class tt extends Yt {
    * set before the dropdown can open.
    */
   environmentChanged(t) {
-    v(this, x, wt).call(this, t);
+    b(this, x, xt).call(this, t);
   }
   /**
    * This element's own border box changed (core §12.9 `resized`). Overriding the
@@ -5537,7 +5710,7 @@ class tt extends Yt {
    * below` is set; otherwise it's a cheap no-op.
    */
   resized({ width: t }) {
-    v(this, x, xt).call(this, t);
+    b(this, x, _t).call(this, t);
   }
   // ── non-input public API ──────────────────────────────────────────────────
   /** Form field name (mirrors the `name` attribute → `formFieldId`). */
@@ -5549,21 +5722,21 @@ class tt extends Yt {
   }
   get selectedValue() {
     var t;
-    return this.flush(), ((t = h(this, O)) == null ? void 0 : t.selectedValue) ?? null;
+    return this.flush(), ((t = h(this, k)) == null ? void 0 : t.selectedValue) ?? null;
   }
   get selectedItem() {
     var t;
-    return this.flush(), ((t = h(this, O)) == null ? void 0 : t.selectedItem) ?? null;
+    return this.flush(), ((t = h(this, k)) == null ? void 0 : t.selectedItem) ?? null;
   }
   getSelected() {
-    return this.flush(), h(this, O) ? h(this, O).getSelected() : [];
+    return this.flush(), h(this, k) ? h(this, k).getSelected() : [];
   }
   setSelected(t, o = {}) {
     var i;
-    this.flush(), (i = h(this, O)) == null || i.setSelected(t, o);
+    this.flush(), (i = h(this, k)) == null || i.setSelected(t, o);
   }
   getValue() {
-    return this.flush(), h(this, O) ? h(this, O).getValue() : null;
+    return this.flush(), h(this, k) ? h(this, k).getValue() : null;
   }
   /**
    * Surface a transient message ("toast") on top of the component — visible even in the
@@ -5574,47 +5747,97 @@ class tt extends Yt {
    */
   showMessage(t, o) {
     var i;
-    this.flush(), (i = h(this, O)) == null || i.showMessage(t, o);
+    this.flush(), (i = h(this, k)) == null || i.showMessage(t, o);
   }
   /** Dismiss the transient message shown by {@link showMessage}, if any. */
   hideMessage() {
     var t;
-    (t = h(this, O)) == null || t.hideMessage();
+    (t = h(this, k)) == null || t.hideMessage();
+  }
+  // ── scroll-to API ───────────────────────────────────────────────────────────
+  /**
+   * Clear the search box and restore the full option list (does not touch the selection — use
+   * {@link clearAll} for that). Pair with {@link scrollToValue} to reveal then scroll to an option
+   * a search had filtered out: `el.clearSearch(); el.scrollToValue(v)`.
+   */
+  clearSearch() {
+    var t;
+    this.flush(), (t = h(this, k)) == null || t.clearSearch();
+  }
+  /** The current search box text (empty string when nothing is typed). Read via this getter, write with {@link search}. */
+  get searchText() {
+    var t;
+    return this.flush(), ((t = h(this, k)) == null ? void 0 : t.searchText) ?? "";
+  }
+  /**
+   * Programmatically set the search text and filter, as if the user typed it (runs
+   * `beforeSearchCallback` / `minSearchLength` / async `searchCallback`). Does not open the dropdown
+   * — call {@link open} if you want it visible. Pass `''` to clear (same as {@link clearSearch}).
+   */
+  search(t) {
+    var o;
+    this.flush(), (o = h(this, k)) == null || o.search(t);
+  }
+  /**
+   * Scroll the open dropdown to the option at `index` (into the current filtered list). Returns
+   * false if closed or out of range. Deferred internally so `el.open(); el.scrollToIndex(i)` works.
+   */
+  scrollToIndex(t, o) {
+    var i;
+    return this.flush(), ((i = h(this, k)) == null ? void 0 : i.scrollToIndex(t, o)) ?? !1;
+  }
+  /**
+   * Scroll the open dropdown to the option with this `value`. Returns false if it isn't in the
+   * currently visible list (filtered out by search, or under a collapsed tree branch) — call
+   * {@link clearSearch} / expand first.
+   */
+  scrollToValue(t, o) {
+    var i;
+    return this.flush(), ((i = h(this, k)) == null ? void 0 : i.scrollToValue(t, o)) ?? !1;
+  }
+  /**
+   * Scroll to a group: its header in standard rendering, or the group's first option in
+   * virtual-scroll mode (no headers there). Returns false in tree mode or if the group is empty
+   * in the current filtered list.
+   */
+  scrollToGroup(t, o) {
+    var i;
+    return this.flush(), ((i = h(this, k)) == null ? void 0 : i.scrollToGroup(t, o)) ?? !1;
   }
   // ── imperative open/close API (flush pending writes, then delegate) ─────────
   /** Open the dropdown. */
   open() {
     var t;
-    this.flush(), (t = h(this, O)) == null || t.open();
+    this.flush(), (t = h(this, k)) == null || t.open();
   }
   /** Close the dropdown. */
   close() {
     var t;
-    this.flush(), (t = h(this, O)) == null || t.close();
+    this.flush(), (t = h(this, k)) == null || t.close();
   }
   /** Toggle the dropdown open/closed. */
   toggle() {
     var t;
-    this.flush(), (t = h(this, O)) == null || t.toggle();
+    this.flush(), (t = h(this, k)) == null || t.toggle();
   }
   /** Whether the dropdown is currently open. Assigning opens/closes it. */
   get isOpen() {
     var t;
-    return this.flush(), ((t = h(this, O)) == null ? void 0 : t.isOpen) ?? !1;
+    return this.flush(), ((t = h(this, k)) == null ? void 0 : t.isOpen) ?? !1;
   }
   set isOpen(t) {
-    this.flush(), h(this, O) && (h(this, O).isOpen = t);
+    this.flush(), h(this, k) && (h(this, k).isOpen = t);
   }
   destroy() {
     var t;
-    (t = h(this, O)) == null || t.destroy();
+    (t = h(this, k)) == null || t.destroy();
   }
 }
-Z = new WeakMap(), O = new WeakMap(), fe = new WeakMap(), ct = new WeakMap(), dt = new WeakMap(), ht = new WeakMap(), He = new WeakMap(), Fe = new WeakMap(), Ie = new WeakMap(), x = new WeakSet(), /** Resolve `mobile-presentation` against `env` and relay it to the live picker. */
-wt = function(t) {
+Z = new WeakMap(), k = new WeakMap(), fe = new WeakMap(), dt = new WeakMap(), ht = new WeakMap(), ut = new WeakMap(), He = new WeakMap(), Fe = new WeakMap(), Ie = new WeakMap(), x = new WeakSet(), /** Resolve `mobile-presentation` against `env` and relay it to the live picker. */
+xt = function(t) {
   var r;
-  const o = this.config.mobilePresentation ?? "auto", i = $i(o, t);
-  (r = h(this, O)) == null || r.setPresentation(i === "modal" ? "fullscreen" : i);
+  const o = this.config.mobilePresentation ?? "auto", i = Di(o, t);
+  (r = h(this, k)) == null || r.setPresentation(i === "modal" ? "fullscreen" : i);
 }, ge = new WeakMap(), /**
  * Resolve `collapse-badges-below` against `width` and relay the decision to the
  * live picker. The override is pushed via `updateOptions` (never written back to
@@ -5622,34 +5845,34 @@ wt = function(t) {
  * and widening past the threshold restores it exactly. A structural JS decision,
  * so it lives here rather than in a CSS container query.
  */
-xt = function(t) {
+_t = function(t) {
   const o = this.config.collapseBadgesBelow;
   if (o == null) {
-    h(this, ge) && (I(this, ge, !1), v(this, x, is).call(this));
+    h(this, ge) && (P(this, ge, !1), b(this, x, is).call(this));
     return;
   }
   const i = t > 0 && t < o;
-  i !== h(this, ge) && (I(this, ge, i), i ? v(this, x, rs).call(this, "count") : v(this, x, is).call(this));
+  i !== h(this, ge) && (P(this, ge, i), i ? b(this, x, rs).call(this, "count") : b(this, x, is).call(this));
 }, /** Re-assert the consumer's configured badges mode from the pristine base config. */
 is = function() {
   const t = this.config.badgesDisplayMode ?? "badges";
-  v(this, x, rs).call(this, t);
+  b(this, x, rs).call(this, t);
 }, /** Relay a badges-display-mode override to the live picker (never written to `this.config`). */
 rs = function(t) {
   var o;
-  (o = h(this, O)) == null || o.updateOptions({ badgesDisplayMode: t });
+  (o = h(this, k)) == null || o.updateOptions({ badgesDisplayMode: t });
 }, // ── picker lifecycle ──────────────────────────────────────────────────────
 ns = function() {
   var t;
-  (t = h(this, O)) == null || t.destroy(), I(this, O, void 0), v(this, x, as).call(this);
+  (t = h(this, k)) == null || t.destroy(), P(this, k, void 0), b(this, x, as).call(this);
 }, as = function() {
-  v(this, x, Po).call(this), v(this, x, No).call(this);
-  const t = v(this, x, Mo).call(this), o = v(this, x, Lo).call(this);
-  o && o.length > 0 ? h(this, fe).dataset.initialValues = JSON.stringify(o) : delete h(this, fe).dataset.initialValues, I(this, O, new ln(h(this, fe), t)), v(this, x, ls).call(this), v(this, x, ds).call(this), v(this, x, wt).call(this, It()), I(this, ge, !1), v(this, x, xt).call(this, this.getBoundingClientRect().width);
-}, Po = function() {
+  b(this, x, Oo).call(this), b(this, x, No).call(this);
+  const t = b(this, x, Mo).call(this), o = b(this, x, Lo).call(this);
+  o && o.length > 0 ? h(this, fe).dataset.initialValues = JSON.stringify(o) : delete h(this, fe).dataset.initialValues, P(this, k, new ln(h(this, fe), t)), b(this, x, ls).call(this), b(this, x, ds).call(this), b(this, x, xt).call(this, It()), P(this, ge, !1), b(this, x, _t).call(this, this.getBoundingClientRect().width);
+}, Oo = function() {
   if (h(this, fe)) return;
   const t = document.createElement("div");
-  t.setAttribute("data-multiselect", ""), this.className && (t.className = this.className), h(this, Z).appendChild(t), I(this, ct, Ei(h(this, Z), { position: "first", className: "ms-custom-styles" })), I(this, fe, t);
+  t.setAttribute("data-multiselect", ""), this.className && (t.className = this.className), h(this, Z).appendChild(t), P(this, dt, Ei(h(this, Z), { position: "first", className: "ms-custom-styles" })), P(this, fe, 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,
@@ -5674,26 +5897,34 @@ Mo = function() {
     }
   }
   if (t.options = o, h(this, He))
-    for (const { key: i, member: r, callbackKey: n } of wn)
+    for (const { key: i, member: r, callbackKey: n } of yn)
       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 = h(this, O)) == null ? void 0 : r.getSelected()) ?? [],
-      selectedValues: v(this, x, _t).call(this)
+      selectedOptions: ((r = h(this, k)) == null ? void 0 : r.getSelected()) ?? [],
+      selectedValues: b(this, x, et).call(this)
     });
   }, t.onDeselect = (i) => {
     var r;
     this.emit("deselect", {
       option: i,
-      selectedOptions: ((r = h(this, O)) == null ? void 0 : r.getSelected()) ?? [],
-      selectedValues: v(this, x, _t).call(this)
+      selectedOptions: ((r = h(this, k)) == null ? void 0 : r.getSelected()) ?? [],
+      selectedValues: b(this, x, et).call(this)
     });
   }, t.onChange = (i) => {
     this.emit("change", {
       selectedOptions: i,
-      selectedValues: v(this, x, _t).call(this)
+      selectedValues: b(this, x, et).call(this)
+    });
+  }, t.onAddNew = (i) => {
+    var r;
+    this.emit("add", {
+      value: i.value,
+      option: i.option,
+      selectedOptions: ((r = h(this, k)) == null ? void 0 : r.getSelected()) ?? [],
+      selectedValues: b(this, x, et).call(this)
     });
   }, t.container = h(this, Z), t.hostElement = this, t;
 }, Lo = function() {
@@ -5701,13 +5932,13 @@ Mo = function() {
     return h(this, Ie);
   const t = this.config.initialValues;
   return t && t.length > 0 ? t : void 0;
-}, _t = function() {
+}, et = function() {
   var o;
-  const t = (o = h(this, O)) == null ? void 0 : o.getValue();
+  const t = (o = h(this, k)) == null ? void 0 : o.getValue();
   return t == null ? [] : Array.isArray(t) ? t : [t];
 }, // ── §12.8 custom styles ───────────────────────────────────────────────────
 ls = function() {
-  const t = h(this, ct);
+  const t = h(this, dt);
   if (!t) return;
   const o = this.config.customStylesCallback;
   if (typeof o != "function") {
@@ -5716,7 +5947,7 @@ ls = function() {
   }
   try {
     const i = o();
-    t.set(i), i && v(this, x, Eo).call(this, i);
+    t.set(i), i && b(this, x, Eo).call(this, i);
   } catch (i) {
     K.warn("[MultiSelectElement] customStylesCallback threw", i), t.clear();
   }
@@ -5730,27 +5961,27 @@ ls = function() {
  * custom-rendered content, ignore the warning (or use a different prefix).
  */
 Eo = function(t) {
-  const o = yn();
+  const o = wn();
   if (o.size !== 0)
-    for (const { name: i, suggestions: r } of Vi(t, { prefix: "--ms-", consumed: o }))
-      h(this, dt).has(i) || (h(this, dt).add(i), console.warn(
+    for (const { name: i, suggestions: r } of $i(t, { prefix: "--ms-", consumed: o }))
+      h(this, ht).has(i) || (h(this, ht).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 ─────────────────────────────────────────────────────────
 Ao = function() {
-  for (const t of Object.keys(gt)) v(this, x, cs).call(this, gt[t], this.config[t]);
+  for (const t of Object.keys(bt)) b(this, x, cs).call(this, bt[t], this.config[t]);
 }, zo = function(t) {
-  for (const o of Object.keys(gt))
-    o in t && v(this, x, cs).call(this, gt[o], t[o]);
+  for (const o of Object.keys(bt))
+    o in t && b(this, x, cs).call(this, bt[o], t[o]);
 }, cs = function(t, o) {
   o == null || o === "" ? this.style.removeProperty(t) : this.style.setProperty(t, String(o));
 }, // ── declarative <option> parsing (light DOM, once) ────────────────────────
 No = function() {
-  if (h(this, ht)) return;
-  I(this, ht, !0);
-  const t = v(this, x, Vo).call(this);
-  t && (I(this, Fe, t), I(this, He, !0));
-}, Vo = function() {
+  if (h(this, ut)) return;
+  P(this, ut, !0);
+  const t = b(this, x, $o).call(this);
+  t && (P(this, Fe, t), P(this, He, !0));
+}, $o = function() {
   const t = Array.from(this.children);
   if (t.length === 0) return null;
   const o = [];
@@ -5761,7 +5992,7 @@ No = 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") && (h(this, Ie) ?? I(this, Ie, [])).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") && (h(this, Ie) ?? P(this, Ie, [])).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")
@@ -5785,12 +6016,12 @@ ds = 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), h(this, Z).appendChild(o), v(this, x, hs).call(this);
+  n.className = "ms__debug-stats", i.appendChild(r), i.appendChild(n), o.appendChild(i), h(this, Z).appendChild(o), b(this, x, hs).call(this);
 }, hs = function() {
   var l, c, d, u;
   const t = h(this, Z).querySelector(".ms__debug-stats");
-  if (!t || !h(this, O)) return;
-  const o = "2.0.0-rc12", i = typeof window < "u" && ((c = (l = window.components) == null ? void 0 : l["web-multiselect"]) == null ? void 0 : c.getInstances().length) || 0, r = h(this, O).getSelected().length, n = ((d = this.config.options) == null ? void 0 : d.length) || 0, a = h(this, O);
+  if (!t || !h(this, k)) return;
+  const o = "2.0.0", i = typeof window < "u" && ((c = (l = window.components) == null ? void 0 : l["web-multiselect"]) == null ? void 0 : c.getInstances().length) || 0, r = h(this, k).getSelected().length, n = ((d = this.config.options) == null ? void 0 : d.length) || 0, a = h(this, k);
   t.innerHTML = `
       <span>Version: ${o}</span>
       <span>Total Instances: ${i}</span>
@@ -5801,16 +6032,16 @@ ds = function() {
       <span>Search: ${a.searchTerm || "none"}</span>
       <span>Loading: ${a.isLoading ? "Yes" : "No"}</span>
     `, setTimeout(() => {
-    this.config.showDebugInfo && v(this, x, hs).call(this);
+    this.config.showDebugInfo && b(this, x, hs).call(this);
   }, 500);
 }, // Opt into the form-associated custom element lifecycle so form.reset() and
 // form.elements see the control.
-m(tt, "formAssociated", !0), m(tt, "inputs", gn), m(tt, "events", bn);
-typeof customElements < "u" && !customElements.get("web-multiselect") && customElements.define("web-multiselect", tt);
-Pi("web-multiselect", tt, {
+p(st, "formAssociated", !0), p(st, "inputs", gn), p(st, "events", bn);
+typeof customElements < "u" && !customElements.get("web-multiselect") && customElements.define("web-multiselect", st);
+Oi("web-multiselect", st, {
   config: {
     name: "@keenmate/web-multiselect",
-    version: "2.0.0-rc12",
+    version: "2.0.0",
     author: "Keenmate",
     license: "MIT",
     repository: "git+https://github.com/keenmate/web-multiselect.git",
@@ -5820,7 +6051,7 @@ Pi("web-multiselect", tt, {
 });
 export {
   kn as LOGGING_CATEGORIES,
-  tt as MultiSelectElement,
+  st as MultiSelectElement,
   dn as OPTIONS_FORMATS,
   ni as TABLET_MIN_SHORT_SIDE,
   ln as WebMultiSelect,
@@ -5830,8 +6061,8 @@ export {
   Sn as disableLogging,
   Cn as enableLogging,
   It as getEnvironment,
-  ft as initLogger,
-  j as interactionLogger,
+  gt as initLogger,
+  R as interactionLogger,
   ii as observeEnvironment,
   ri as observeViewport,
   hn as parseOptionsData,