@foisit/vue-wrapper 3.0.0 → 3.1.0

package/index.mjs

@@ -3,22 +3,22 @@
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
-const se = process.env.NODE_ENV !== "production" ? Object.freeze({}) : {}, ze = process.env.NODE_ENV !== "production" ? Object.freeze([]) : [], we = () => {
+const se = process.env.NODE_ENV !== "production" ? Object.freeze({}) : {}, ze = process.env.NODE_ENV !== "production" ? Object.freeze([]) : [], ve = () => {
 }, Be = (i) => i.charCodeAt(0) === 111 && i.charCodeAt(1) === 110 && // uppercase letter
-(i.charCodeAt(2) > 122 || i.charCodeAt(2) < 97), z = Object.assign, E = Array.isArray, M = (i) => typeof i == "function", R = (i) => typeof i == "string", xe = (i) => typeof i == "symbol", T = (i) => i !== null && typeof i == "object";
+(i.charCodeAt(2) > 122 || i.charCodeAt(2) < 97), W = Object.assign, L = Array.isArray, R = (i) => typeof i == "function", $ = (i) => typeof i == "string", we = (i) => typeof i == "symbol", F = (i) => i !== null && typeof i == "object";
 let he;
 const Q = () => he || (he = typeof globalThis < "u" ? globalThis : typeof self < "u" ? self : typeof window < "u" ? window : typeof global < "u" ? global : {});
 function le(i) {
-  if (E(i)) {
+  if (L(i)) {
     const e = {};
     for (let t = 0; t < i.length; t++) {
-      const s = i[t], n = R(s) ? Ye(s) : le(s);
+      const s = i[t], n = $(s) ? Ye(s) : le(s);
       if (n)
         for (const o in n)
           e[o] = n[o];
     }
     return e;
-  } else if (R(i) || T(i))
+  } else if ($(i) || F(i))
     return i;
 }
 const Ue = /;(?![^(]*\))/g, We = /:([^]+)/, je = /\/\*[^]*?\*\//g;
@@ -33,14 +33,14 @@ function Ye(i) {
 }
 function ce(i) {
   let e = "";
-  if (R(i))
+  if ($(i))
     e = i;
-  else if (E(i))
+  else if (L(i))
     for (let t = 0; t < i.length; t++) {
       const s = ce(i[t]);
       s && (e += s + " ");
     }
-  else if (T(i))
+  else if (F(i))
     for (const t in i)
       i[t] && (e += t + " ");
   return e.trim();
@@ -54,7 +54,7 @@ process.env.NODE_ENV;
 process.env.NODE_ENV;
 process.env.NODE_ENV;
 new Set(
-  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((i) => i !== "arguments" && i !== "caller").map((i) => Symbol[i]).filter(xe)
+  /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((i) => i !== "arguments" && i !== "caller").map((i) => Symbol[i]).filter(we)
 );
 function Ce(i) {
   return ne(i) ? Ce(i.__v_raw) : !!(i && i.__v_isReactive);
@@ -68,9 +68,9 @@ function Z(i) {
 function oe(i) {
   return i ? !!i.__v_raw : !1;
 }
-function O(i) {
+function H(i) {
   const e = i && i.__v_raw;
-  return e ? O(e) : i;
+  return e ? H(e) : i;
 }
 function de(i) {
   return i ? i.__v_isRef === !0 : !1;
@@ -80,18 +80,18 @@ function de(i) {
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
-const $ = [];
+const P = [];
 function Ge(i) {
-  $.push(i);
+  P.push(i);
 }
 function Ke() {
-  $.pop();
+  P.pop();
 }
 let ee = !1;
-function _(i, ...e) {
+function M(i, ...e) {
   if (ee) return;
   ee = !0;
-  const t = $.length ? $[$.length - 1].component : null, s = t && t.appContext.config.warnHandler, n = Je();
+  const t = P.length ? P[P.length - 1].component : null, s = t && t.appContext.config.warnHandler, n = Je();
   if (s)
     ue(
       s,
@@ -119,7 +119,7 @@ function _(i, ...e) {
   ee = !1;
 }
 function Je() {
-  let i = $[$.length - 1];
+  let i = P[P.length - 1];
   if (!i)
     return [];
   const e = [];
@@ -152,13 +152,13 @@ function Qe({ vnode: i, recurseCount: e }) {
 function Ze(i) {
   const e = [], t = Object.keys(i);
   return t.slice(0, 3).forEach((s) => {
-    e.push(...Se(s, i[s]));
+    e.push(...ke(s, i[s]));
   }), t.length > 3 && e.push(" ..."), e;
 }
-function Se(i, e, t) {
-  return R(e) ? (e = JSON.stringify(e), t ? e : [`${i}=${e}`]) : typeof e == "number" || typeof e == "boolean" || e == null ? t ? e : [`${i}=${e}`] : de(e) ? (e = Se(i, O(e.value), !0), t ? e : [`${i}=Ref<`, e, ">"]) : M(e) ? [`${i}=fn${e.name ? `<${e.name}>` : ""}`] : (e = O(e), t ? e : [`${i}=`, e]);
+function ke(i, e, t) {
+  return $(e) ? (e = JSON.stringify(e), t ? e : [`${i}=${e}`]) : typeof e == "number" || typeof e == "boolean" || e == null ? t ? e : [`${i}=${e}`] : de(e) ? (e = ke(i, H(e.value), !0), t ? e : [`${i}=Ref<`, e, ">"]) : R(e) ? [`${i}=fn${e.name ? `<${e.name}>` : ""}`] : (e = H(e), t ? e : [`${i}=`, e]);
 }
-const ke = {
+const Se = {
   sp: "serverPrefetch hook",
   bc: "beforeCreate hook",
   c: "created hook",
@@ -202,12 +202,12 @@ function Ee(i, e, t, s = !0) {
   const n = e ? e.vnode : null, { errorHandler: o, throwUnhandledErrorInProduction: a } = e && e.appContext.config || se;
   if (e) {
     let r = e.parent;
-    const c = e.proxy, h = process.env.NODE_ENV !== "production" ? ke[t] : `https://vuejs.org/error-reference/#runtime-${t}`;
+    const l = e.proxy, m = process.env.NODE_ENV !== "production" ? Se[t] : `https://vuejs.org/error-reference/#runtime-${t}`;
     for (; r; ) {
       const d = r.ec;
       if (d) {
-        for (let l = 0; l < d.length; l++)
-          if (d[l](i, c, h) === !1)
+        for (let c = 0; c < d.length; c++)
+          if (d[c](i, l, m) === !1)
             return;
       }
       r = r.parent;
@@ -215,8 +215,8 @@ function Ee(i, e, t, s = !0) {
     if (o) {
       ue(o, null, 10, [
         i,
-        c,
-        h
+        l,
+        m
       ]);
       return;
     }
@@ -225,8 +225,8 @@ function Ee(i, e, t, s = !0) {
 }
 function et(i, e, t, s = !0, n = !1) {
   if (process.env.NODE_ENV !== "production") {
-    const o = ke[e];
-    if (t && Ge(t), _(`Unhandled error${o ? ` during execution of ${o}` : ""}`), t && Ke(), s)
+    const o = Se[e];
+    if (t && Ge(t), M(`Unhandled error${o ? ` during execution of ${o}` : ""}`), t && Ke(), s)
       throw i;
     console.error(i);
   } else {
@@ -235,57 +235,57 @@ function et(i, e, t, s = !0, n = !1) {
     console.error(i);
   }
 }
-const S = [];
-let A = -1;
-const P = [];
-let N = null, F = 0;
+const _ = [];
+let N = -1;
+const z = [];
+let O = null, D = 0;
 const tt = /* @__PURE__ */ Promise.resolve();
 let re = null;
 const it = 100;
 function st(i) {
-  let e = A + 1, t = S.length;
+  let e = N + 1, t = _.length;
   for (; e < t; ) {
-    const s = e + t >>> 1, n = S[s], o = D(n);
+    const s = e + t >>> 1, n = _[s], o = B(n);
     o < i || o === i && n.flags & 2 ? e = s + 1 : t = s;
   }
   return e;
 }
 function nt(i) {
   if (!(i.flags & 1)) {
-    const e = D(i), t = S[S.length - 1];
+    const e = B(i), t = _[_.length - 1];
     !t || // fast path when the job id is larger than the tail
-    !(i.flags & 2) && e >= D(t) ? S.push(i) : S.splice(st(e), 0, i), i.flags |= 1, _e();
+    !(i.flags & 2) && e >= B(t) ? _.push(i) : _.splice(st(e), 0, i), i.flags |= 1, _e();
   }
 }
 function _e() {
   re || (re = tt.then(Ae));
 }
 function ot(i) {
-  E(i) ? P.push(...i) : N && i.id === -1 ? N.splice(F + 1, 0, i) : i.flags & 1 || (P.push(i), i.flags |= 1), _e();
+  L(i) ? z.push(...i) : O && i.id === -1 ? O.splice(D + 1, 0, i) : i.flags & 1 || (z.push(i), i.flags |= 1), _e();
 }
 function rt(i) {
-  if (P.length) {
-    const e = [...new Set(P)].sort(
-      (t, s) => D(t) - D(s)
+  if (z.length) {
+    const e = [...new Set(z)].sort(
+      (t, s) => B(t) - B(s)
     );
-    if (P.length = 0, N) {
-      N.push(...e);
+    if (z.length = 0, O) {
+      O.push(...e);
       return;
     }
-    for (N = e, process.env.NODE_ENV !== "production" && (i = i || /* @__PURE__ */ new Map()), F = 0; F < N.length; F++) {
-      const t = N[F];
+    for (O = e, process.env.NODE_ENV !== "production" && (i = i || /* @__PURE__ */ new Map()), D = 0; D < O.length; D++) {
+      const t = O[D];
       process.env.NODE_ENV !== "production" && Le(i, t) || (t.flags & 4 && (t.flags &= -2), t.flags & 8 || t(), t.flags &= -2);
     }
-    N = null, F = 0;
+    O = null, D = 0;
   }
 }
-const D = (i) => i.id == null ? i.flags & 2 ? -1 : 1 / 0 : i.id;
+const B = (i) => i.id == null ? i.flags & 2 ? -1 : 1 / 0 : i.id;
 function Ae(i) {
   process.env.NODE_ENV !== "production" && (i = i || /* @__PURE__ */ new Map());
-  const e = process.env.NODE_ENV !== "production" ? (t) => Le(i, t) : we;
+  const e = process.env.NODE_ENV !== "production" ? (t) => Le(i, t) : ve;
   try {
-    for (A = 0; A < S.length; A++) {
-      const t = S[A];
+    for (N = 0; N < _.length; N++) {
+      const t = _[N];
       if (t && !(t.flags & 8)) {
         if (process.env.NODE_ENV !== "production" && e(t))
           continue;
@@ -297,11 +297,11 @@ function Ae(i) {
       }
     }
   } finally {
-    for (; A < S.length; A++) {
-      const t = S[A];
+    for (; N < _.length; N++) {
+      const t = _[N];
       t && (t.flags &= -2);
     }
-    A = -1, S.length = 0, rt(i), re = null, (S.length || P.length) && Ae(i);
+    N = -1, _.length = 0, rt(i), re = null, (_.length || z.length) && Ae(i);
   }
 }
 function Le(i, e) {
@@ -357,7 +357,7 @@ function ct(i, e) {
   });
 }
 function pe(i, e) {
-  z(i, e);
+  W(i, e);
   for (const t in i)
     t !== "__file" && !(t in e) && delete i[t];
 }
@@ -372,100 +372,100 @@ function ie(i) {
     }
   };
 }
-let H, j = [];
-function Ie(i, e) {
+let q, j = [];
+function Me(i, e) {
   var t, s;
-  H = i, H ? (H.enabled = !0, j.forEach(({ event: n, args: o }) => H.emit(n, ...o)), j = []) : /* handle late devtools injection - only do this if we are in an actual */ /* browser environment to avoid the timer handle stalling test runner exit */ /* (#4815) */ typeof window < "u" && // some envs mock window but not fully
+  q = i, q ? (q.enabled = !0, j.forEach(({ event: n, args: o }) => q.emit(n, ...o)), j = []) : /* handle late devtools injection - only do this if we are in an actual */ /* browser environment to avoid the timer handle stalling test runner exit */ /* (#4815) */ typeof window < "u" && // some envs mock window but not fully
   window.HTMLElement && // also exclude jsdom
   // eslint-disable-next-line no-restricted-syntax
   !((s = (t = window.navigator) == null ? void 0 : t.userAgent) != null && s.includes("jsdom")) ? ((e.__VUE_DEVTOOLS_HOOK_REPLAY__ = e.__VUE_DEVTOOLS_HOOK_REPLAY__ || []).push((o) => {
-    Ie(o, e);
+    Me(o, e);
   }), setTimeout(() => {
-    H || (e.__VUE_DEVTOOLS_HOOK_REPLAY__ = null, j = []);
+    q || (e.__VUE_DEVTOOLS_HOOK_REPLAY__ = null, j = []);
   }, 3e3)) : j = [];
 }
-let I = null, dt = null;
+let T = null, dt = null;
 function ut(i, e) {
-  if (process.env.NODE_ENV !== "production" && (!L || L.isMounted) && _("provide() can only be used inside setup()."), L) {
-    let t = L.provides;
-    const s = L.parent && L.parent.provides;
-    s === t && (t = L.provides = Object.create(s)), t[i] = e;
+  if (process.env.NODE_ENV !== "production" && (!I || I.isMounted) && M("provide() can only be used inside setup()."), I) {
+    let t = I.provides;
+    const s = I.parent && I.parent.provides;
+    s === t && (t = I.provides = Object.create(s)), t[i] = e;
   }
 }
 function ft(i, e, t = !1) {
-  const s = Mt();
-  if (s || vt) {
+  const s = Nt();
+  if (s || xt) {
     let n = s ? s.parent == null || s.ce ? s.vnode.appContext && s.vnode.appContext.provides : s.parent.provides : void 0;
     if (n && i in n)
       return n[i];
     if (arguments.length > 1)
-      return t && M(e) ? e.call(s && s.proxy) : e;
-    process.env.NODE_ENV !== "production" && _(`injection "${String(i)}" not found.`);
-  } else process.env.NODE_ENV !== "production" && _("inject() can only be used inside setup() or functional components.");
+      return t && R(e) ? e.call(s && s.proxy) : e;
+    process.env.NODE_ENV !== "production" && M(`injection "${String(i)}" not found.`);
+  } else process.env.NODE_ENV !== "production" && M("inject() can only be used inside setup() or functional components.");
 }
 const mt = (i) => i.__isTeleport;
-function Me(i, e) {
-  i.shapeFlag & 6 && i.component ? (i.transition = e, Me(i.component.subTree, e)) : i.shapeFlag & 128 ? (i.ssContent.transition = e.clone(i.ssContent), i.ssFallback.transition = e.clone(i.ssFallback)) : i.transition = e;
+function Ne(i, e) {
+  i.shapeFlag & 6 && i.component ? (i.transition = e, Ne(i.component.subTree, e)) : i.shapeFlag & 128 ? (i.ssContent.transition = e.clone(i.ssContent), i.ssFallback.transition = e.clone(i.ssFallback)) : i.transition = e;
 }
 // @__NO_SIDE_EFFECTS__
 function ht(i, e) {
-  return M(i) ? (
+  return R(i) ? (
     // #8236: extend call and options.name access are considered side-effects
     // by Rollup, so we have to wrap it in a pure-annotated IIFE.
-    z({ name: i.name }, e, { setup: i })
+    W({ name: i.name }, e, { setup: i })
   ) : i;
 }
 Q().requestIdleCallback;
 Q().cancelIdleCallback;
 const pt = (i) => !!i.type.__asyncLoader, gt = /* @__PURE__ */ Symbol.for("v-ndc");
 function bt(i, e, t = {}, s, n) {
-  if (I.ce || I.parent && pt(I.parent) && I.parent.ce) {
-    const h = Object.keys(t).length > 0;
+  if (T.ce || T.parent && pt(T.parent) && T.parent.ce) {
+    const m = Object.keys(t).length > 0;
     return ge(), be(
-      q,
+      U,
       null,
       [fe("slot", t, s)],
-      h ? -2 : 64
+      m ? -2 : 64
     );
   }
   let o = i[e];
-  process.env.NODE_ENV !== "production" && o && o.length > 1 && (_(
+  process.env.NODE_ENV !== "production" && o && o.length > 1 && (M(
     "SSR-optimized slot function detected in a non-SSR-optimized render function. You need to mark this component with $dynamic-slots in the parent template."
   ), o = () => []), o && o._c && (o._d = !1), ge();
-  const a = o && Ne(o(t)), r = t.key || // slot content array of a dynamic conditional slot may have a branch
+  const a = o && Ie(o(t)), r = t.key || // slot content array of a dynamic conditional slot may have a branch
   // key attached in the `createSlots` helper, respect that
-  a && a.key, c = be(
-    q,
+  a && a.key, l = be(
+    U,
     {
-      key: (r && !xe(r) ? r : `_${e}`) + // #7256 force differentiate fallback content from actual content
+      key: (r && !we(r) ? r : `_${e}`) + // #7256 force differentiate fallback content from actual content
       (!a && s ? "_fb" : "")
     },
     a || [],
     a && i._ === 1 ? 64 : -2
   );
-  return c.scopeId && (c.slotScopeIds = [c.scopeId + "-s"]), o && o._c && (o._d = !0), c;
+  return l.scopeId && (l.slotScopeIds = [l.scopeId + "-s"]), o && o._c && (o._d = !0), l;
 }
-function Ne(i) {
-  return i.some((e) => Oe(e) ? !(e.type === Te || e.type === q && !Ne(e.children)) : !0) ? i : null;
+function Ie(i) {
+  return i.some((e) => Oe(e) ? !(e.type === Re || e.type === U && !Ie(e.children)) : !0) ? i : null;
 }
 const yt = {};
-process.env.NODE_ENV !== "production" && (yt.ownKeys = (i) => (_(
+process.env.NODE_ENV !== "production" && (yt.ownKeys = (i) => (M(
   "Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead."
 ), Reflect.ownKeys(i)));
-let vt = null;
-const wt = {}, Re = (i) => Object.getPrototypeOf(i) === wt, xt = (i) => i.__isSuspense, q = /* @__PURE__ */ Symbol.for("v-fgt"), Ct = /* @__PURE__ */ Symbol.for("v-txt"), Te = /* @__PURE__ */ Symbol.for("v-cmt"), Y = [];
-let k = null;
+let xt = null;
+const vt = {}, Te = (i) => Object.getPrototypeOf(i) === vt, wt = (i) => i.__isSuspense, U = /* @__PURE__ */ Symbol.for("v-fgt"), Ct = /* @__PURE__ */ Symbol.for("v-txt"), Re = /* @__PURE__ */ Symbol.for("v-cmt"), Y = [];
+let A = null;
 function ge(i = !1) {
-  Y.push(k = i ? null : []);
+  Y.push(A = i ? null : []);
 }
-function St() {
-  Y.pop(), k = Y[Y.length - 1] || null;
+function kt() {
+  Y.pop(), A = Y[Y.length - 1] || null;
 }
-function kt(i) {
-  return i.dynamicChildren = k || ze, St(), k && k.push(i), i;
+function St(i) {
+  return i.dynamicChildren = A || ze, kt(), A && A.push(i), i;
 }
 function be(i, e, t, s, n) {
-  return kt(
+  return St(
     fe(
       i,
       e,
@@ -485,9 +485,9 @@ const Et = (...i) => Fe(
   ref: i,
   ref_key: e,
   ref_for: t
-}) => (typeof i == "number" && (i = "" + i), i != null ? R(i) || de(i) || M(i) ? { i: I, r: i, k: e, f: !!t } : i : null);
-function _t(i, e = null, t = null, s = 0, n = null, o = i === q ? 0 : 1, a = !1, r = !1) {
-  const c = {
+}) => (typeof i == "number" && (i = "" + i), i != null ? $(i) || de(i) || R(i) ? { i: T, r: i, k: e, f: !!t } : i : null);
+function _t(i, e = null, t = null, s = 0, n = null, o = i === U ? 0 : 1, a = !1, r = !1) {
+  const l = {
     __v_isVNode: !0,
     __v_skip: !0,
     type: i,
@@ -514,36 +514,36 @@ function _t(i, e = null, t = null, s = 0, n = null, o = i === q ? 0 : 1, a = !1,
     dynamicProps: n,
     dynamicChildren: null,
     appContext: null,
-    ctx: I
+    ctx: T
   };
-  return r ? (me(c, t), o & 128 && i.normalize(c)) : t && (c.shapeFlag |= R(t) ? 8 : 16), process.env.NODE_ENV !== "production" && c.key !== c.key && _("VNode created with invalid key (NaN). VNode type:", c.type), // avoid a block node from tracking itself
+  return r ? (me(l, t), o & 128 && i.normalize(l)) : t && (l.shapeFlag |= $(t) ? 8 : 16), process.env.NODE_ENV !== "production" && l.key !== l.key && M("VNode created with invalid key (NaN). VNode type:", l.type), // avoid a block node from tracking itself
   !a && // has current parent block
-  k && // presence of a patch flag indicates this node needs patching on updates.
+  A && // presence of a patch flag indicates this node needs patching on updates.
   // component nodes also should always be patched, because even if the
   // component doesn't need to update, it needs to persist the instance on to
   // the next vnode so that it can be properly unmounted later.
-  (c.patchFlag > 0 || o & 6) && // the EVENTS flag is only for hydration and if it is the only flag, the
+  (l.patchFlag > 0 || o & 6) && // the EVENTS flag is only for hydration and if it is the only flag, the
   // vnode should not be considered dynamic due to handler caching.
-  c.patchFlag !== 32 && k.push(c), c;
+  l.patchFlag !== 32 && A.push(l), l;
 }
 const fe = process.env.NODE_ENV !== "production" ? Et : Fe;
 function Fe(i, e = null, t = null, s = 0, n = null, o = !1) {
-  if ((!i || i === gt) && (process.env.NODE_ENV !== "production" && !i && _(`Invalid vnode type when creating vnode: ${i}.`), i = Te), Oe(i)) {
+  if ((!i || i === gt) && (process.env.NODE_ENV !== "production" && !i && M(`Invalid vnode type when creating vnode: ${i}.`), i = Re), Oe(i)) {
     const r = X(
       i,
       e,
       !0
       /* mergeRef: true */
     );
-    return t && me(r, t), !o && k && (r.shapeFlag & 6 ? k[k.indexOf(i)] = r : k.push(r)), r.patchFlag = -2, r;
+    return t && me(r, t), !o && A && (r.shapeFlag & 6 ? A[A.indexOf(i)] = r : A.push(r)), r.patchFlag = -2, r;
   }
   if (De(i) && (i = i.__vccOpts), e) {
     e = At(e);
-    let { class: r, style: c } = e;
-    r && !R(r) && (e.class = ce(r)), T(c) && (oe(c) && !E(c) && (c = z({}, c)), e.style = le(c));
+    let { class: r, style: l } = e;
+    r && !$(r) && (e.class = ce(r)), F(l) && (oe(l) && !L(l) && (l = W({}, l)), e.style = le(l));
   }
-  const a = R(i) ? 1 : xt(i) ? 128 : mt(i) ? 64 : T(i) ? 4 : M(i) ? 2 : 0;
-  return process.env.NODE_ENV !== "production" && a & 4 && oe(i) && (i = O(i), _(
+  const a = $(i) ? 1 : wt(i) ? 128 : mt(i) ? 64 : F(i) ? 4 : R(i) ? 2 : 0;
+  return process.env.NODE_ENV !== "production" && a & 4 && oe(i) && (i = H(i), M(
     "Vue received a Component that was made a reactive object. This can lead to unnecessary performance overhead and should be avoided by marking the component with `markRaw` or using `shallowRef` instead of `ref`.",
     `
 Component that was made reactive: `,
@@ -560,24 +560,24 @@ Component that was made reactive: `,
   );
 }
 function At(i) {
-  return i ? oe(i) || Re(i) ? z({}, i) : i : null;
+  return i ? oe(i) || Te(i) ? W({}, i) : i : null;
 }
 function X(i, e, t = !1, s = !1) {
-  const { props: n, ref: o, patchFlag: a, children: r, transition: c } = i, h = e ? It(n || {}, e) : n, d = {
+  const { props: n, ref: o, patchFlag: a, children: r, transition: l } = i, m = e ? Mt(n || {}, e) : n, d = {
     __v_isVNode: !0,
     __v_skip: !0,
     type: i.type,
-    props: h,
-    key: h && $e(h),
+    props: m,
+    key: m && $e(m),
     ref: e && e.ref ? (
       // #2078 in the case of <component :is="vnode" ref="extra"/>
       // if the vnode itself already has a ref, cloneVNode will need to merge
       // the refs so the single vnode can be set on multiple refs
-      t && o ? E(o) ? o.concat(G(e)) : [o, G(e)] : G(e)
+      t && o ? L(o) ? o.concat(G(e)) : [o, G(e)] : G(e)
     ) : o,
     scopeId: i.scopeId,
     slotScopeIds: i.slotScopeIds,
-    children: process.env.NODE_ENV !== "production" && a === -1 && E(r) ? r.map(He) : r,
+    children: process.env.NODE_ENV !== "production" && a === -1 && L(r) ? r.map(He) : r,
     target: i.target,
     targetStart: i.targetStart,
     targetAnchor: i.targetAnchor,
@@ -587,12 +587,12 @@ function X(i, e, t = !1, s = !1) {
     // existing patch flag to be reliable and need to add the FULL_PROPS flag.
     // note: preserve flag for fragments since they use the flag for children
     // fast paths only.
-    patchFlag: e && i.type !== q ? a === -1 ? 16 : a | 16 : a,
+    patchFlag: e && i.type !== U ? a === -1 ? 16 : a | 16 : a,
     dynamicProps: i.dynamicProps,
     dynamicChildren: i.dynamicChildren,
     appContext: i.appContext,
     dirs: i.dirs,
-    transition: c,
+    transition: l,
     // These should technically only be non-null on mounted VNodes. However,
     // they *should* be copied for kept-alive vnodes. So we just always copy
     // them since them being non-null during a mount doesn't affect the logic as
@@ -607,14 +607,14 @@ function X(i, e, t = !1, s = !1) {
     ctx: i.ctx,
     ce: i.ce
   };
-  return c && s && Me(
+  return l && s && Ne(
     d,
-    c.clone(d)
+    l.clone(d)
   ), d;
 }
 function He(i) {
   const e = X(i);
-  return E(i.children) && (e.children = i.children.map(He)), e;
+  return L(i.children) && (e.children = i.children.map(He)), e;
 }
 function Lt(i = " ", e = 0) {
   return fe(Ct, null, i, e);
@@ -624,7 +624,7 @@ function me(i, e) {
   const { shapeFlag: s } = i;
   if (e == null)
     e = null;
-  else if (E(e))
+  else if (L(e))
     t = 16;
   else if (typeof e == "object")
     if (s & 65) {
@@ -632,11 +632,11 @@ function me(i, e) {
       n && (n._c && (n._d = !1), me(i, n()), n._c && (n._d = !0));
       return;
     } else
-      t = 32, !e._ && !Re(e) && (e._ctx = I);
-  else M(e) ? (e = { default: e, _ctx: I }, t = 32) : (e = String(e), s & 64 ? (t = 16, e = [Lt(e)]) : t = 8);
+      t = 32, !e._ && !Te(e) && (e._ctx = T);
+  else R(e) ? (e = { default: e, _ctx: T }, t = 32) : (e = String(e), s & 64 ? (t = 16, e = [Lt(e)]) : t = 8);
   i.children = e, i.shapeFlag |= t;
 }
-function It(...i) {
+function Mt(...i) {
   const e = {};
   for (let t = 0; t < i.length; t++) {
     const s = i[t];
@@ -647,13 +647,13 @@ function It(...i) {
         e.style = le([e.style, s.style]);
       else if (Be(n)) {
         const o = e[n], a = s[n];
-        a && o !== a && !(E(o) && o.includes(a)) && (e[n] = o ? [].concat(o, a) : a);
+        a && o !== a && !(L(o) && o.includes(a)) && (e[n] = o ? [].concat(o, a) : a);
       } else n !== "" && (e[n] = s[n]);
   }
   return e;
 }
-let L = null;
-const Mt = () => L || I;
+let I = null;
+const Nt = () => I || T;
 {
   const i = Q(), e = (t, s) => {
     let n;
@@ -663,16 +663,16 @@ const Mt = () => L || I;
   };
   e(
     "__VUE_INSTANCE_SETTERS__",
-    (t) => L = t
+    (t) => I = t
   ), e(
     "__VUE_SSR_SETTERS__",
     (t) => t
   );
 }
 process.env.NODE_ENV;
-const Nt = /(?:^|[-_])\w/g, Rt = (i) => i.replace(Nt, (e) => e.toUpperCase()).replace(/[-_]/g, "");
+const It = /(?:^|[-_])\w/g, Tt = (i) => i.replace(It, (e) => e.toUpperCase()).replace(/[-_]/g, "");
 function Pe(i, e = !0) {
-  return M(i) ? i.displayName || i.name : i.name || e && i.__name;
+  return R(i) ? i.displayName || i.name : i.name || e && i.__name;
 }
 function Ve(i, e, t = !1) {
   let s = Pe(e);
@@ -690,72 +690,72 @@ function Ve(i, e, t = !1) {
       i.parent.type.components
     ) || n(i.appContext.components);
   }
-  return s ? Rt(s) : t ? "App" : "Anonymous";
+  return s ? Tt(s) : t ? "App" : "Anonymous";
 }
 function De(i) {
-  return M(i) && "__vccOpts" in i;
+  return R(i) && "__vccOpts" in i;
 }
-function Tt() {
+function Rt() {
   if (process.env.NODE_ENV === "production" || typeof window > "u")
     return;
   const i = { style: "color:#3ba776" }, e = { style: "color:#1677ff" }, t = { style: "color:#f5222d" }, s = { style: "color:#eb2f96" }, n = {
     __vue_custom_formatter: !0,
-    header(l) {
-      if (!T(l))
+    header(c) {
+      if (!F(c))
         return null;
-      if (l.__isVue)
+      if (c.__isVue)
         return ["div", i, "VueInstance"];
-      if (de(l)) {
-        const f = l.value;
+      if (de(c)) {
+        const u = c.value;
         return [
           "div",
           {},
-          ["span", i, d(l)],
+          ["span", i, d(c)],
           "<",
-          r(f),
+          r(u),
           ">"
         ];
       } else {
-        if (Ce(l))
+        if (Ce(c))
           return [
             "div",
             {},
-            ["span", i, Z(l) ? "ShallowReactive" : "Reactive"],
+            ["span", i, Z(c) ? "ShallowReactive" : "Reactive"],
             "<",
-            r(l),
-            `>${ne(l) ? " (readonly)" : ""}`
+            r(c),
+            `>${ne(c) ? " (readonly)" : ""}`
           ];
-        if (ne(l))
+        if (ne(c))
           return [
             "div",
             {},
-            ["span", i, Z(l) ? "ShallowReadonly" : "Readonly"],
+            ["span", i, Z(c) ? "ShallowReadonly" : "Readonly"],
             "<",
-            r(l),
+            r(c),
             ">"
           ];
       }
       return null;
     },
-    hasBody(l) {
-      return l && l.__isVue;
+    hasBody(c) {
+      return c && c.__isVue;
     },
-    body(l) {
-      if (l && l.__isVue)
+    body(c) {
+      if (c && c.__isVue)
         return [
           "div",
           {},
-          ...o(l.$)
+          ...o(c.$)
         ];
     }
   };
-  function o(l) {
-    const f = [];
-    l.type.props && l.props && f.push(a("props", O(l.props))), l.setupState !== se && f.push(a("setup", l.setupState)), l.data !== se && f.push(a("data", O(l.data)));
-    const m = c(l, "computed");
-    m && f.push(a("computed", m));
-    const b = c(l, "inject");
-    return b && f.push(a("injected", b)), f.push([
+  function o(c) {
+    const u = [];
+    c.type.props && c.props && u.push(a("props", H(c.props))), c.setupState !== se && u.push(a("setup", c.setupState)), c.data !== se && u.push(a("data", H(c.data)));
+    const y = l(c, "computed");
+    y && u.push(a("computed", y));
+    const f = l(c, "inject");
+    return f && u.push(a("injected", f)), u.push([
       "div",
       {},
       [
@@ -765,11 +765,11 @@ function Tt() {
         },
         "$ (internal): "
       ],
-      ["object", { object: l }]
-    ]), f;
+      ["object", { object: c }]
+    ]), u;
   }
-  function a(l, f) {
-    return f = z({}, f), Object.keys(f).length ? [
+  function a(c, u) {
+    return u = W({}, u), Object.keys(u).length ? [
       "div",
       { style: "line-height:1.25em;margin-bottom:0.6em" },
       [
@@ -777,41 +777,41 @@ function Tt() {
         {
           style: "color:#476582"
         },
-        l
+        c
       ],
       [
         "div",
         {
           style: "padding-left:1.25em"
         },
-        ...Object.keys(f).map((m) => [
+        ...Object.keys(u).map((y) => [
           "div",
           {},
-          ["span", s, m + ": "],
-          r(f[m], !1)
+          ["span", s, y + ": "],
+          r(u[y], !1)
         ])
       ]
     ] : ["span", {}];
   }
-  function r(l, f = !0) {
-    return typeof l == "number" ? ["span", e, l] : typeof l == "string" ? ["span", t, JSON.stringify(l)] : typeof l == "boolean" ? ["span", s, l] : T(l) ? ["object", { object: f ? O(l) : l }] : ["span", t, String(l)];
+  function r(c, u = !0) {
+    return typeof c == "number" ? ["span", e, c] : typeof c == "string" ? ["span", t, JSON.stringify(c)] : typeof c == "boolean" ? ["span", s, c] : F(c) ? ["object", { object: u ? H(c) : c }] : ["span", t, String(c)];
   }
-  function c(l, f) {
-    const m = l.type;
-    if (M(m))
+  function l(c, u) {
+    const y = c.type;
+    if (R(y))
       return;
-    const b = {};
-    for (const u in l.ctx)
-      h(m, u, f) && (b[u] = l.ctx[u]);
-    return b;
-  }
-  function h(l, f, m) {
-    const b = l[m];
-    if (E(b) && b.includes(f) || T(b) && f in b || l.extends && h(l.extends, f, m) || l.mixins && l.mixins.some((u) => h(u, f, m)))
+    const f = {};
+    for (const h in c.ctx)
+      m(y, h, u) && (f[h] = c.ctx[h]);
+    return f;
+  }
+  function m(c, u, y) {
+    const f = c[y];
+    if (L(f) && f.includes(u) || F(f) && u in f || c.extends && m(c.extends, u, y) || c.mixins && c.mixins.some((h) => m(h, u, y)))
       return !0;
   }
-  function d(l) {
-    return Z(l) ? "ShallowRef" : l.effect ? "ComputedRef" : "Ref";
+  function d(c) {
+    return Z(c) ? "ShallowRef" : c.effect ? "ComputedRef" : "Ref";
   }
   window.devtoolsFormatters ? window.devtoolsFormatters.push(n) : window.devtoolsFormatters = [n];
 }
@@ -824,7 +824,7 @@ process.env.NODE_ENV;
 * @license MIT
 **/
 function Ot() {
-  Tt();
+  Rt();
 }
 process.env.NODE_ENV !== "production" && Ot();
 class ye {
@@ -887,16 +887,16 @@ class $t {
   }
   /** Execute a command by matching input */
   async executeCommand(e) {
-    if (typeof e == "object" && e !== null) {
+    if (Array.isArray(e) && (e = e.join(", ")), typeof e == "object" && e !== null) {
       if (this.isStructured(e)) {
-        const c = String(e.commandId), h = e.params ?? {}, d = this.getCommandById(c);
+        const l = String(e.commandId), m = e.params ?? {}, d = this.getCommandById(l);
         if (!d) return { message: "That command is not available.", type: "error" };
-        const l = this.sanitizeParamsForCommand(d, h), m = (d.parameters ?? []).filter((b) => b.required).filter((b) => l[b.name] == null || l[b.name] === "");
-        return m.length > 0 ? (this.context = { commandId: this.getCommandIdentifier(d), params: l }, {
+        const c = this.sanitizeParamsForCommand(d, m), y = (d.parameters ?? []).filter((f) => f.required).filter((f) => c[f.name] == null || c[f.name] === "");
+        return y.length > 0 ? (this.context = { commandId: this.getCommandIdentifier(d), params: c }, {
           message: `Please provide the required details for "${d.command}".`,
           type: "form",
-          fields: m
-        }) : d.critical ? (this.pendingConfirmation = { commandId: this.getCommandIdentifier(d), params: l }, this.buildConfirmResponse(d)) : this.safeRunAction(d, l);
+          fields: y
+        }) : d.critical ? (this.pendingConfirmation = { commandId: this.getCommandIdentifier(d), params: c }, this.buildConfirmResponse(d)) : this.safeRunAction(d, c);
       }
       if (!this.context)
         return { message: "Session expired or invalid context.", type: "error" };
@@ -923,8 +923,8 @@ class $t {
       if (["yes", "y", "confirm", "ok", "okay"].includes(o)) {
         const { commandId: a, params: r } = this.pendingConfirmation;
         this.pendingConfirmation = null;
-        const c = this.getCommandById(a);
-        return c ? this.safeRunAction(c, r) : { message: "That action is no longer available.", type: "error" };
+        const l = this.getCommandById(a);
+        return l ? this.safeRunAction(l, r) : { message: "That action is no longer available.", type: "error" };
       }
       return ["no", "n", "cancel", "stop"].includes(o) ? (this.pendingConfirmation = null, { message: "Cancelled.", type: "success" }) : {
         message: "Please confirm: Yes or No.",
@@ -966,12 +966,12 @@ class $t {
         return { message: "I'm not sure what you mean.", type: "error" };
       if (t.macro)
         return this.safeRunAction(t, {});
-      const s = e.params ?? {}, n = this.sanitizeParamsForCommand(t, s), o = t.allowAiParamExtraction === !1 ? {} : n, r = (t.parameters ?? []).filter((h) => h.required).filter((h) => o[h.name] == null || o[h.name] === "");
+      const s = e.params ?? {}, n = this.sanitizeParamsForCommand(t, s), o = t.allowAiParamExtraction === !1 ? {} : n, r = (t.parameters ?? []).filter((m) => m.required).filter((m) => o[m.name] == null || o[m.name] === "");
       if (e.incomplete || r.length > 0) {
         if (this.context = { commandId: this.getCommandIdentifier(t), params: o }, !(t.collectRequiredViaForm !== !1) && this.shouldAskSingleQuestion(r)) {
-          const l = r.map((f) => f.name).join(" and ");
+          const c = r.map((u) => u.name).join(" and ");
           return {
-            message: e.message || `Please provide ${l}.`,
+            message: e.message || `Please provide ${c}.`,
             type: "question"
           };
         }
@@ -986,8 +986,8 @@ class $t {
           commandId: this.getCommandIdentifier(t),
           params: o
         }, this.buildConfirmResponse(t);
-      const c = await t.action(o);
-      return this.normalizeResponse(c);
+      const l = await t.action(o);
+      return this.normalizeResponse(l);
     }
     return e.type === "ambiguous" && e.options && e.options.length ? {
       message: e.message || "Did you mean one of these?",
@@ -1045,15 +1045,15 @@ class $t {
           delete s[n.name];
           continue;
         }
-        if (Array.isArray(n.options) && n.options.length > 0 && !n.options.some((c) => String(c.value) === String(a))) {
+        if (Array.isArray(n.options) && n.options.length > 0 && !n.options.some((l) => String(l.value) === String(a))) {
           delete s[n.name];
           continue;
         }
         s[n.name] = a;
       }
       if (n.type === "file") {
-        const a = s[n.name], r = a && typeof a == "object" && typeof a.name == "string" && typeof a.size == "number", c = typeof a == "string" && /^data:[^;]+;base64,/.test(a);
-        (n.delivery ?? "file") === "base64" ? !c && !r && delete s[n.name] : r || delete s[n.name];
+        const a = s[n.name], r = a && typeof a == "object" && typeof a.name == "string" && typeof a.size == "number", l = typeof a == "string" && /^data:[^;]+;base64,/.test(a);
+        (n.delivery ?? "file") === "base64" ? !l && !r && delete s[n.name] : r || delete s[n.name];
       }
     }
     return s;
@@ -1081,18 +1081,18 @@ class $t {
   async tryDeterministicMatch(e) {
     const t = [];
     for (const r of this.commands.values()) {
-      let c = 0;
-      const h = r.command.toLowerCase();
-      e.includes(h) && (c += 5);
+      let l = 0;
+      const m = r.command.toLowerCase();
+      e.includes(m) && (l += 5);
       const d = r.keywords ?? [];
-      for (const l of d) {
-        const f = l.toLowerCase().trim();
-        f && (e === f ? c += 4 : e.includes(f) && (c += 3));
+      for (const c of d) {
+        const u = c.toLowerCase().trim();
+        u && (e === u ? l += 4 : e.includes(u) && (l += 3));
       }
-      c > 0 && t.push({ cmd: r, score: c });
+      l > 0 && t.push({ cmd: r, score: l });
     }
     if (t.length === 0) return null;
-    t.sort((r, c) => c.score - r.score);
+    t.sort((r, l) => l.score - r.score);
     const s = t[0].score, n = t.filter((r) => r.score === s).slice(0, 3);
     if (n.length > 1)
       return {
@@ -1209,7 +1209,7 @@ class Ft {
     return this.fallbackMessage;
   }
 }
-const ve = () => {
+const xe = () => {
   if (typeof window > "u") return null;
   const i = window;
   return i.SpeechRecognition ?? i.webkitSpeechRecognition ?? null;
@@ -1227,7 +1227,7 @@ class Ht {
     }, this.onTTSEnd = () => {
       this.ttsSpeaking = !1, this.isListening && this.restartAllowed ? this.safeRestart() : this.emitStatus(this.isListening ? "listening" : "idle");
     };
-    const s = ve();
+    const s = xe();
     if (s) {
       this.recognition = new s(), this.recognition.lang = e, this.recognition.interimResults = t.interimResults ?? !0, this.recognition.continuous = t.continuous ?? !0, this.recognition.onresult = (o) => this.handleResult(o, t), this.recognition.onend = () => this.handleEnd(), this.recognition.onstart = () => {
         this.log("recognition onstart"), this.engineActive = !0, this.hadResultThisSession = !1, this.restartTimer && (clearTimeout(this.restartTimer), this.restartTimer = null), this.backoffMs = 250, this.isListening && !this.ttsSpeaking && this.emitStatus("listening");
@@ -1259,7 +1259,7 @@ class Ht {
   }
   /** Check if SpeechRecognition is available */
   isSupported() {
-    return ve() !== null;
+    return xe() !== null;
   }
   /** Allow consumers (wrappers) to observe status changes */
   onStatusChange(e) {
@@ -1298,10 +1298,10 @@ class Ht {
     if (!this.resultCallback) return;
     const s = t.confidenceThreshold ?? 0.6;
     for (let a = e.resultIndex; a < e.results.length; a++) {
-      const r = e.results[a], c = r && r[0], h = ((o = (n = c == null ? void 0 : c.transcript) == null ? void 0 : n.trim) == null ? void 0 : o.call(n)) || "", d = (c == null ? void 0 : c.confidence) ?? 0;
-      if (h && !(!r.isFinal && t.interimResults === !1) && !(r.isFinal && d < s))
+      const r = e.results[a], l = r && r[0], m = ((o = (n = l == null ? void 0 : l.transcript) == null ? void 0 : n.trim) == null ? void 0 : o.call(n)) || "", d = (l == null ? void 0 : l.confidence) ?? 0;
+      if (m && !(!r.isFinal && t.interimResults === !1) && !(r.isFinal && d < s))
         try {
-          this.hadResultThisSession = !0, this.resultCallback(h, !!r.isFinal);
+          this.hadResultThisSession = !0, this.resultCallback(m, !!r.isFinal);
         } catch {
           this.error("VoiceProcessor: result callback error");
         }
@@ -1568,11 +1568,11 @@ class Bt {
     this.container = document.createElement("div"), this.container.id = "foisit-overlay-container", this.container.className = "foisit-overlay-container", document.body.appendChild(this.container), ((s = this.config.floatingButton) == null ? void 0 : s.visible) !== !1 && this.renderFloatingButton(), this.renderChatWindow(), this.config.enableGestureActivation && (this.gestureHandler = new ae(), this.gestureHandler.setupTripleTapListener(() => this.toggle()));
   }
   renderFloatingButton() {
-    var n, o, a, r, c, h;
+    var n, o, a, r, l, m;
     const e = document.createElement("button");
     e.innerHTML = ((n = this.config.floatingButton) == null ? void 0 : n.customHtml) || "🎙️";
-    const t = ((a = (o = this.config.floatingButton) == null ? void 0 : o.position) == null ? void 0 : a.bottom) || "20px", s = ((c = (r = this.config.floatingButton) == null ? void 0 : r.position) == null ? void 0 : c.right) || "20px";
-    e.className = "foisit-floating-btn", e.style.bottom = t, e.style.right = s, e.onclick = () => this.toggle(), e.onmouseenter = () => e.style.transform = "scale(1.05)", e.onmouseleave = () => e.style.transform = "scale(1)", (h = this.container) == null || h.appendChild(e);
+    const t = ((a = (o = this.config.floatingButton) == null ? void 0 : o.position) == null ? void 0 : a.bottom) || "20px", s = ((l = (r = this.config.floatingButton) == null ? void 0 : r.position) == null ? void 0 : l.right) || "20px";
+    e.className = "foisit-floating-btn", e.style.bottom = t, e.style.right = s, e.onclick = () => this.toggle(), e.onmouseenter = () => e.style.transform = "scale(1.05)", e.onmouseleave = () => e.style.transform = "scale(1)", (m = this.container) == null || m.appendChild(e);
   }
   renderChatWindow() {
     var o;
@@ -1588,8 +1588,8 @@ class Bt {
     n.className = "foisit-input-area", this.input = document.createElement("input"), this.input.placeholder = this.config.inputPlaceholder || "Type a command...", this.input.className = "foisit-input", this.input.addEventListener("keydown", (a) => {
       var r;
       if (a.key === "Enter" && ((r = this.input) != null && r.value.trim())) {
-        const c = this.input.value.trim();
-        this.input.value = "", this.onSubmit && this.onSubmit(c);
+        const l = this.input.value.trim();
+        this.input.value = "", this.onSubmit && this.onSubmit(l);
       }
     }), n.appendChild(this.input), this.chatWindow.appendChild(e), this.chatWindow.appendChild(this.messagesContainer), this.chatWindow.appendChild(n), (o = this.container) == null || o.appendChild(this.chatWindow);
   }
@@ -1619,194 +1619,260 @@ class Bt {
     const n = (e || "").length || 0, o = Math.max(120, 700 - Math.min(600, Math.floor(n * 6)));
     s.style.opacity = "0", s.style.transform = "translateY(8px)", s.style.transition = "none", this.messagesContainer.appendChild(s), this.animateMessageEntrance(s, o), this.scrollToBottom();
   }
-  addOptions(e) {
+  addOptions(e, t) {
     if (!this.messagesContainer) return;
-    const t = document.createElement("div");
-    t.className = "foisit-options-container", e.forEach((s) => {
-      const n = document.createElement("button");
-      n.textContent = s.label, n.className = "foisit-option-chip", n.setAttribute("type", "button"), n.setAttribute("aria-label", s.label);
-      const o = () => {
-        if (s.commandId) {
-          this.onSubmit && this.onSubmit({ commandId: s.commandId });
-          return;
-        }
-        const a = s && typeof s.value == "string" && s.value.trim() ? s.value : s.label;
-        this.onSubmit && this.onSubmit(a);
-      };
-      n.onclick = o, n.onkeydown = (a) => {
-        (a.key === "Enter" || a.key === " ") && (a.preventDefault(), o());
-      }, t.appendChild(n);
-    }), this.messagesContainer.appendChild(t), this.scrollToBottom();
+    const s = (t == null ? void 0 : t.allowMultiple) === !0, n = document.createElement("div");
+    if (n.className = "foisit-options-container", !s)
+      e.forEach((o) => {
+        const a = document.createElement("button");
+        a.textContent = o.label, a.className = "foisit-option-chip", a.setAttribute("type", "button"), a.setAttribute("aria-label", o.label);
+        const r = () => {
+          if (o.commandId) {
+            this.onSubmit && this.onSubmit({ commandId: o.commandId });
+            return;
+          }
+          const l = o && typeof o.value == "string" && o.value.trim() ? o.value : o.label;
+          this.onSubmit && this.onSubmit(l);
+        };
+        a.onclick = r, a.onkeydown = (l) => {
+          (l.key === "Enter" || l.key === " ") && (l.preventDefault(), r());
+        }, n.appendChild(a);
+      });
+    else {
+      const o = /* @__PURE__ */ new Set();
+      e.forEach((r) => {
+        const l = document.createElement("button");
+        l.textContent = r.label, l.className = "foisit-option-chip", l.setAttribute("type", "button"), l.setAttribute("aria-label", r.label);
+        const m = r && typeof r.value == "string" && r.value.trim() ? r.value : r.label;
+        l.onclick = () => {
+          o.has(m) ? (o.delete(m), l.classList.remove("selected")) : (o.add(m), l.classList.add("selected"));
+        }, l.onkeydown = (d) => {
+          (d.key === "Enter" || d.key === " ") && (d.preventDefault(), l.click());
+        }, n.appendChild(l);
+      });
+      const a = document.createElement("button");
+      a.type = "button", a.className = "foisit-option-chip foisit-confirm", a.textContent = (t == null ? void 0 : t.confirmLabel) || "Submit", a.onclick = () => {
+        const r = Array.from(o);
+        this.onSubmit && this.onSubmit(r);
+      }, n.appendChild(a);
+    }
+    this.messagesContainer.appendChild(n), this.scrollToBottom();
   }
   addForm(e, t, s) {
     if (!this.messagesContainer) return;
     this.addMessage(e, "system");
     const n = document.createElement("form");
     n.className = "foisit-form";
-    const o = [], a = (d, l) => {
-      const f = document.createElement("div");
-      return f.className = "foisit-form-label", f.innerHTML = d + (l ? ' <span class="foisit-req-star">*</span>' : ""), f;
+    const o = [], a = (d, c) => {
+      const u = document.createElement("div");
+      return u.className = "foisit-form-label", u.innerHTML = d + (c ? ' <span class="foisit-req-star">*</span>' : ""), u;
     }, r = () => {
       const d = document.createElement("div");
       return d.className = "foisit-form-error", d.style.display = "none", d;
     };
     (t ?? []).forEach((d) => {
-      const l = document.createElement("div");
-      l.className = "foisit-form-group";
-      const f = d.description || d.name;
-      l.appendChild(a(f, d.required));
-      let m;
+      const c = document.createElement("div");
+      c.className = "foisit-form-group";
+      const u = d.label || d.description || d.name;
+      c.appendChild(a(u, d.required));
+      let y;
       if (d.type === "select") {
-        const u = document.createElement("select");
-        u.className = "foisit-form-input";
-        const v = document.createElement("option");
-        v.value = "", v.textContent = "Select...", u.appendChild(v);
-        const x = (p) => {
-          (p ?? []).forEach((C) => {
-            const y = document.createElement("option");
-            y.value = String(C.value ?? C.label ?? ""), y.textContent = String(C.label ?? C.value ?? ""), u.appendChild(y);
+        const h = d;
+        if (h.multiple) {
+          const b = document.createElement("div");
+          b.className = "foisit-multiselect-container";
+          const g = (k) => {
+            k.forEach((p) => {
+              const S = document.createElement("label");
+              S.className = "foisit-multiselect-label";
+              const v = document.createElement("input");
+              v.type = "checkbox", v.value = String(p.value ?? p.label ?? ""), v.className = "foisit-form-checkbox", S.appendChild(v), S.appendChild(document.createTextNode(" " + String(p.label ?? p.value ?? ""))), b.appendChild(S), b.appendChild(document.createElement("br"));
+            });
+          };
+          if (Array.isArray(h.options) && h.options.length)
+            g(h.options);
+          else if (typeof h.getOptions == "function") {
+            const k = document.createElement("div");
+            k.textContent = "Loading...", b.appendChild(k);
+            const p = h.getOptions;
+            Promise.resolve().then(() => p()).then((S) => {
+              b.innerHTML = "", g(S);
+            }).catch(() => {
+              b.innerHTML = "";
+              const S = document.createElement("div");
+              S.textContent = "Error loading options", b.appendChild(S);
+            });
+          }
+          y = b, o.push({ name: d.name, type: d.type, el: y, required: d.required, multiple: !0 }), c.appendChild(y);
+          const w = r();
+          c.appendChild(w), n.appendChild(c);
+          return;
+        }
+        const x = document.createElement("select");
+        x.className = "foisit-form-input";
+        const E = document.createElement("option");
+        E.value = "", E.textContent = "Select...", x.appendChild(E);
+        const C = (b) => {
+          (b ?? []).forEach((g) => {
+            const w = document.createElement("option");
+            w.value = String(g.value ?? g.label ?? ""), w.textContent = String(g.label ?? g.value ?? ""), x.appendChild(w);
           });
         };
         if (Array.isArray(d.options) && d.options.length)
-          x(d.options);
+          C(d.options);
         else if (typeof d.getOptions == "function") {
-          const p = d.getOptions, C = document.createElement("option");
-          C.value = "", C.textContent = "Loading...", u.appendChild(C), Promise.resolve().then(() => p()).then((y) => {
-            for (; u.options.length > 1; ) u.remove(1);
-            x(y);
+          const b = d.getOptions, g = document.createElement("option");
+          g.value = "", g.textContent = "Loading...", x.appendChild(g), Promise.resolve().then(() => b()).then((w) => {
+            for (; x.options.length > 1; ) x.remove(1);
+            C(w);
           }).catch(() => {
-            for (; u.options.length > 1; ) u.remove(1);
-            const y = document.createElement("option");
-            y.value = "", y.textContent = "Error loading options", u.appendChild(y);
+            for (; x.options.length > 1; ) x.remove(1);
+            const w = document.createElement("option");
+            w.value = "", w.textContent = "Error loading options", x.appendChild(w);
           });
         }
-        d.defaultValue != null && (u.value = String(d.defaultValue)), m = u;
+        d.defaultValue != null && (x.value = String(d.defaultValue)), y = x;
       } else if (d.type === "file") {
-        const u = d, v = document.createElement("input");
-        v.className = "foisit-form-input", v.type = "file", u.accept && Array.isArray(u.accept) && (v.accept = u.accept.join(",")), u.multiple && (v.multiple = !0), u.capture && (u.capture === !0 ? v.setAttribute("capture", "") : v.setAttribute("capture", String(u.capture))), v.addEventListener("change", async () => {
-          const x = Array.from(v.files || []), p = b;
-          if (p.style.display = "none", p.textContent = "", x.length === 0) return;
-          const C = u.maxFiles ?? (u.multiple ? 10 : 1);
-          if (x.length > C) {
-            p.textContent = `Please select at most ${C} file(s).`, p.style.display = "block";
+        const h = d, x = document.createElement("input");
+        x.className = "foisit-form-input", x.type = "file", h.accept && Array.isArray(h.accept) && (x.accept = h.accept.join(",")), h.multiple && (x.multiple = !0), h.capture && (h.capture === !0 ? x.setAttribute("capture", "") : x.setAttribute("capture", String(h.capture))), x.addEventListener("change", async () => {
+          const E = Array.from(x.files || []), C = f;
+          if (C.style.display = "none", C.textContent = "", E.length === 0) return;
+          const b = h.maxFiles ?? (h.multiple ? 10 : 1);
+          if (E.length > b) {
+            C.textContent = `Please select at most ${b} file(s).`, C.style.display = "block";
             return;
           }
-          const y = u.maxSizeBytes ?? 1 / 0, g = x.reduce((w, B) => w + B.size, 0);
-          if (x.some((w) => w.size > y)) {
-            p.textContent = `One or more files exceed the maximum size of ${Math.round(
-              y / 1024
-            )} KB.`, p.style.display = "block";
+          const g = h.maxSizeBytes ?? 1 / 0, w = E.reduce((p, S) => p + S.size, 0);
+          if (E.some((p) => p.size > g)) {
+            C.textContent = `One or more files exceed the maximum size of ${Math.round(
+              g / 1024
+            )} KB.`, C.style.display = "block";
             return;
           }
-          const V = u.maxTotalBytes ?? 1 / 0;
-          if (g > V) {
-            p.textContent = `Total selected files exceed the maximum of ${Math.round(
-              V / 1024
-            )} KB.`, p.style.display = "block";
+          const k = h.maxTotalBytes ?? 1 / 0;
+          if (w > k) {
+            C.textContent = `Total selected files exceed the maximum of ${Math.round(
+              k / 1024
+            )} KB.`, C.style.display = "block";
             return;
           }
-          if (u.accept && Array.isArray(u.accept)) {
-            const w = u.accept;
-            if (!x.every((U) => U.type ? w.some(
-              (W) => W.startsWith(".") ? U.name.toLowerCase().endsWith(W.toLowerCase()) : U.type === W || U.type.startsWith(W.split("/")[0] + "/")
+          if (h.accept && Array.isArray(h.accept)) {
+            const p = h.accept;
+            if (!E.every((v) => v.type ? p.some(
+              (V) => V.startsWith(".") ? v.name.toLowerCase().endsWith(V.toLowerCase()) : v.type === V || v.type.startsWith(V.split("/")[0] + "/")
             ) : !0)) {
-              p.textContent = "One or more files have an unsupported type.", p.style.display = "block";
+              C.textContent = "One or more files have an unsupported type.", C.style.display = "block";
               return;
             }
           }
-        }), m = v;
+        }), y = x;
       } else {
-        const u = document.createElement("input");
-        u.className = "foisit-form-input", d.type === "string" && (u.placeholder = d.placeholder || "Type here..."), d.type === "number" ? (u.type = "number", typeof d.min == "number" && (u.min = String(d.min)), typeof d.max == "number" && (u.max = String(d.max)), typeof d.step == "number" && (u.step = String(d.step)), d.defaultValue != null && (u.value = String(d.defaultValue))) : d.type === "date" ? (u.type = "date", typeof d.min == "string" && (u.min = d.min), typeof d.max == "string" && (u.max = d.max), d.defaultValue != null && (u.value = String(d.defaultValue))) : (u.type = "text", d.defaultValue != null && (u.value = String(d.defaultValue))), m = u;
+        const h = document.createElement("input");
+        h.className = "foisit-form-input", d.type === "string" && (h.placeholder = d.placeholder || "Type here..."), d.type === "number" ? (h.type = "number", typeof d.min == "number" && (h.min = String(d.min)), typeof d.max == "number" && (h.max = String(d.max)), typeof d.step == "number" && (h.step = String(d.step)), d.defaultValue != null && (h.value = String(d.defaultValue))) : d.type === "date" ? (h.type = "date", typeof d.min == "string" && (h.min = d.min), typeof d.max == "string" && (h.max = d.max), d.defaultValue != null && (h.value = String(d.defaultValue))) : (h.type = "text", d.defaultValue != null && (h.value = String(d.defaultValue))), y = h;
       }
-      const b = r();
-      l.appendChild(m), l.appendChild(b), o.push({
+      const f = r();
+      c.appendChild(y), c.appendChild(f), o.push({
         name: d.name,
         type: d.type,
-        el: m,
+        el: y,
         required: d.required
-      }), n.appendChild(l);
+      }), n.appendChild(c);
     });
-    const c = document.createElement("div");
-    c.className = "foisit-form-actions";
-    const h = document.createElement("button");
-    h.type = "submit", h.textContent = "Submit", h.className = "foisit-option-chip", h.style.fontWeight = "600", c.appendChild(h), n.appendChild(c), n.onsubmit = async (d) => {
+    const l = document.createElement("div");
+    l.className = "foisit-form-actions";
+    const m = document.createElement("button");
+    m.type = "submit", m.textContent = "Submit", m.className = "foisit-option-chip", m.style.fontWeight = "600", l.appendChild(m), n.appendChild(l), n.onsubmit = async (d) => {
+      var y;
       d.preventDefault();
-      const l = {};
-      let f = !1;
-      n.querySelectorAll(".foisit-form-error").forEach((m) => {
-        m.style.display = "none", m.textContent = "";
-      }), n.querySelectorAll(".foisit-form-input").forEach((m) => {
-        m.classList.remove("foisit-error-border");
+      const c = {};
+      let u = !1;
+      n.querySelectorAll(".foisit-form-error").forEach((f) => {
+        f.style.display = "none", f.textContent = "";
+      }), n.querySelectorAll(".foisit-form-input").forEach((f) => {
+        f.classList.remove("foisit-error-border");
       });
-      for (const m of o) {
-        if (m.type === "file") {
-          const x = m.el.parentElement, p = x == null ? void 0 : x.querySelector(
+      for (const f of o) {
+        if (f.multiple) {
+          let b = [];
+          if (f.el instanceof HTMLSelectElement ? b = Array.from(f.el.selectedOptions).map((g) => g.value) : b = Array.from(
+            f.el.querySelectorAll("input[type=checkbox]:checked")
+          ).map((w) => w.value), f.required && b.length === 0) {
+            u = !0, f.el.classList.add("foisit-error-border");
+            const g = (y = f.el.parentElement) == null ? void 0 : y.querySelector(
+              ".foisit-form-error"
+            );
+            g && (g.textContent = "This field is required", g.style.display = "block");
+          }
+          b.length > 0 && (c[f.name] = b);
+          continue;
+        }
+        if (f.type === "file") {
+          const b = f.el.parentElement, g = b == null ? void 0 : b.querySelector(
             ".foisit-form-error"
-          ), C = m.el, y = Array.from(C.files || []);
-          if (m.required && y.length === 0) {
-            f = !0, C.classList.add("foisit-error-border"), p && (p.textContent = "This file is required", p.style.display = "block");
+          ), w = f.el, k = Array.from(w.files || []);
+          if (f.required && k.length === 0) {
+            u = !0, w.classList.add("foisit-error-border"), g && (g.textContent = "This file is required", g.style.display = "block");
             continue;
           }
-          if (y.length === 0) continue;
-          const g = (t ?? []).find((w) => w.name === m.name), V = (g == null ? void 0 : g.delivery) ?? "file";
-          if (g != null && g.maxWidth || g != null && g.maxHeight)
+          if (k.length === 0) continue;
+          const p = (t ?? []).find((v) => v.name === f.name), S = (p == null ? void 0 : p.delivery) ?? "file";
+          if (p != null && p.maxWidth || p != null && p.maxHeight)
             try {
-              const w = await this.getImageDimensions(y[0]);
-              if (g.maxWidth && w.width > g.maxWidth) {
-                f = !0, p && (p.textContent = `Image width must be ≤ ${g.maxWidth}px`, p.style.display = "block");
+              const v = await this.getImageDimensions(k[0]);
+              if (p.maxWidth && v.width > p.maxWidth) {
+                u = !0, g && (g.textContent = `Image width must be ≤ ${p.maxWidth}px`, g.style.display = "block");
                 continue;
               }
-              if (g.maxHeight && w.height > g.maxHeight) {
-                f = !0, p && (p.textContent = `Image height must be ≤ ${g.maxHeight}px`, p.style.display = "block");
+              if (p.maxHeight && v.height > p.maxHeight) {
+                u = !0, g && (g.textContent = `Image height must be ≤ ${p.maxHeight}px`, g.style.display = "block");
                 continue;
               }
             } catch {
             }
-          if (g != null && g.maxDurationSec)
+          if (p != null && p.maxDurationSec)
             try {
-              const w = await this.getMediaDuration(y[0]);
-              if (w && w > g.maxDurationSec) {
-                f = !0, p && (p.textContent = `Media duration must be ≤ ${g.maxDurationSec}s`, p.style.display = "block");
+              const v = await this.getMediaDuration(k[0]);
+              if (v && v > p.maxDurationSec) {
+                u = !0, g && (g.textContent = `Media duration must be ≤ ${p.maxDurationSec}s`, g.style.display = "block");
                 continue;
               }
             } catch {
             }
-          if (V === "file")
-            l[m.name] = g != null && g.multiple ? y : y[0];
-          else if (V === "base64")
+          if (S === "file")
+            c[f.name] = p != null && p.multiple ? k : k[0];
+          else if (S === "base64")
             try {
-              const w = await Promise.all(
-                y.map((B) => this.readFileAsDataURL(B))
+              const v = await Promise.all(
+                k.map((V) => this.readFileAsDataURL(V))
               );
-              l[m.name] = g != null && g.multiple ? w : w[0];
+              c[f.name] = p != null && p.multiple ? v : v[0];
             } catch {
-              f = !0, p && (p.textContent = "Failed to encode file(s) to base64.", p.style.display = "block");
+              u = !0, g && (g.textContent = "Failed to encode file(s) to base64.", g.style.display = "block");
               continue;
             }
           continue;
         }
-        const b = (m.el.value ?? "").toString().trim(), u = m.el.parentElement, v = u == null ? void 0 : u.querySelector(
+        const x = (f.el.value ?? "").toString().trim(), E = f.el.parentElement, C = E == null ? void 0 : E.querySelector(
           ".foisit-form-error"
         );
-        if (m.required && (b == null || b === "")) {
-          f = !0, m.el.classList.add("foisit-error-border"), v && (v.textContent = "This field is required", v.style.display = "block");
+        if (f.required && (x == null || x === "")) {
+          u = !0, f.el.classList.add("foisit-error-border"), C && (C.textContent = "This field is required", C.style.display = "block");
           continue;
         }
-        if (b !== "")
-          if (m.type === "number") {
-            const x = Number(b);
-            Number.isNaN(x) || (l[m.name] = x);
+        if (x !== "")
+          if (f.type === "number") {
+            const b = Number(x);
+            Number.isNaN(b) || (c[f.name] = b);
           } else
-            l[m.name] = b;
+            c[f.name] = x;
       }
-      if (f) {
+      if (u) {
         n.classList.add("foisit-shake"), setTimeout(() => n.classList.remove("foisit-shake"), 400);
         return;
       }
-      h.disabled = !0, h.style.opacity = "0.6", o.forEach((m) => {
-        m.el.disabled = !0;
-      }), s(l);
+      m.disabled = !0, m.style.opacity = "0.6", o.forEach((f) => {
+        f.el.disabled = !0;
+      }), s(c);
     }, this.messagesContainer.appendChild(n), this.scrollToBottom();
   }
   showLoading() {
@@ -1852,9 +1918,9 @@ class Bt {
       t.scrollTop = n;
       return;
     }
-    const o = n - s, a = performance.now(), r = (c) => {
-      const h = Math.min(1, (c - a) / e), d = 1 - Math.pow(1 - h, 3);
-      t.scrollTop = Math.round(s + o * d), h < 1 && requestAnimationFrame(r);
+    const o = n - s, a = performance.now(), r = (l) => {
+      const m = Math.min(1, (l - a) / e), d = 1 - Math.pow(1 - m, 3);
+      t.scrollTop = Math.round(s + o * d), m < 1 && requestAnimationFrame(r);
     };
     requestAnimationFrame(r);
   }
@@ -1928,8 +1994,8 @@ class Bt {
         n.preload = "metadata", n.onloadedmetadata = () => {
           if (o) return;
           o = !0, clearTimeout(a);
-          const c = n.duration || 0;
-          URL.revokeObjectURL(s), t(c);
+          const l = n.duration || 0;
+          URL.revokeObjectURL(s), t(l);
         }, n.onerror = () => {
           o || (o = !0, clearTimeout(a), URL.revokeObjectURL(s), t(0));
         }, n.src = s;
@@ -1944,12 +2010,12 @@ class Bt {
     e.id = "foisit-overlay-styles";
     const t = this.config.theme || "glass", s = this.config.themeColors || {};
     if (t === "solid") {
-      const n = s.background || "#1a1a2e", o = s.text || "#ffffff", a = s.accent || "linear-gradient(135deg, #667eea 0%, #764ba2 100%)", r = s.userBubbleBg || "rgba(102, 126, 234, 0.2)", c = s.systemBubbleBg || "rgba(255, 255, 255, 0.08)", h = s.border || "rgba(255, 255, 255, 0.1)";
+      const n = s.background || "#1a1a2e", o = s.text || "#ffffff", a = s.accent || "linear-gradient(135deg, #667eea 0%, #764ba2 100%)", r = s.checkboxAccent || "#667eea", l = s.checkboxBorder || "rgba(255,255,255,0.16)", m = s.checkboxCheck || "#ffffff", d = s.userBubbleBg || "rgba(102, 126, 234, 0.2)", c = s.systemBubbleBg || "rgba(255, 255, 255, 0.08)", u = s.border || "rgba(255, 255, 255, 0.1)";
       e.textContent = `
         :root {
           /* SOLID THEME - Custom Colors */
           --foisit-bg: ${n};
-          --foisit-border: 1px solid ${h};
+          --foisit-border: 1px solid ${u};
           --foisit-shadow: 0 16px 48px rgba(0, 0, 0, 0.4);
           --foisit-text: ${o};
           --foisit-accent: ${a};
@@ -1960,12 +2026,18 @@ class Bt {
           --foisit-input-placeholder: ${o}99;
 
           /* Bubbles */
-          --foisit-bubble-user-bg: ${r};
+          --foisit-bubble-user-bg: ${d};
           --foisit-bubble-user-text: ${o};
 
           --foisit-bubble-sys-bg: ${c};
           --foisit-bubble-sys-text: ${o}ee;
 
+          /* Checkbox accent color for custom-styled checkboxes */
+          --foisit-checkbox-accent: ${r};
+          /* Checkbox border and checkmark colors */
+          --foisit-checkbox-border: ${l};
+          --foisit-checkbox-check: ${m};
+
           /* Form Colors */
           --foisit-req-star: #f87171;
           --foisit-error-text: #fca5a5;
@@ -1998,6 +2070,9 @@ class Bt {
           --foisit-req-star: #ef4444; /* Red asterisk */
           --foisit-error-text: #dc2626;
           --foisit-error-border: #fca5a5;
+          --foisit-checkbox-accent: #667eea;
+          --foisit-checkbox-border: rgba(0,0,0,0.18);
+          --foisit-checkbox-check: #ffffff;
         }
 
         @media (prefers-color-scheme: dark) {
@@ -2024,6 +2099,8 @@ class Bt {
             --foisit-req-star: #f87171;
             --foisit-error-text: #fca5a5;
             --foisit-error-border: #f87171;
+            --foisit-checkbox-border: rgba(255,255,255,0.16);
+            --foisit-checkbox-check: #ffffff;
           }
         }
       `;
@@ -2209,6 +2286,60 @@ class Bt {
       .foisit-option-chip:hover {
         background: rgba(127,127,127,0.15);
       }
+      .foisit-option-chip.selected {
+        background: rgba(127,127,127,0.25);
+      }
+
+      .foisit-multiselect-container {
+        display: flex;
+        flex-direction: column;
+        gap: 6px;
+        margin-top: 6px;
+      }
+      .foisit-multiselect-label {
+        font-size: 13px;
+        color: var(--foisit-text);
+        display: flex;
+        align-items: center;
+        gap: 10px;
+      }
+      .foisit-form-checkbox {
+        margin-right: 8px;
+        width: 18px;
+        height: 18px;
+        -webkit-appearance: none;
+        appearance: none;
+        border: 1.5px solid var(--foisit-checkbox-border);
+        border-radius: 4px;
+        display: inline-block;
+        position: relative;
+        vertical-align: middle;
+        background: transparent;
+        transition: background 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
+      }
+      .foisit-form-checkbox:focus {
+        box-shadow: 0 0 0 5px rgba(100,150,255,0.12);
+        outline: none;
+      }
+      .foisit-form-checkbox:checked {
+        background: var(--foisit-checkbox-accent);
+        border-color: var(--foisit-checkbox-accent);
+      }
+      .foisit-form-checkbox:checked::after {
+        content: '';
+        position: absolute;
+        left: 5px;
+        top: 3px;
+        width: 5px;
+        height: 9px;
+        border: solid var(--foisit-checkbox-check);
+        border-width: 0 2px 2px 0;
+        transform: rotate(45deg);
+      }
+      .foisit-form-checkbox:disabled {
+        opacity: 0.5;
+        cursor: not-allowed;
+      }
 
       /* Form Styling */
       .foisit-form {
@@ -2401,6 +2532,10 @@ class Ut {
       async (t) => {
         if (typeof t == "string")
           this.overlayManager.addMessage(t, "user");
+        else if (Array.isArray(t))
+          t.forEach(
+            (s) => this.overlayManager.addMessage(String(s), "user")
+          );
         else if (t && typeof t == "object") {
           const s = this.extractUserLabel(t);
           s && this.overlayManager.addMessage(s, "user");
@@ -2540,6 +2675,10 @@ class Ut {
       async (s) => {
         if (typeof s == "string")
           this.overlayManager.addMessage(s, "user");
+        else if (Array.isArray(s))
+          s.forEach(
+            (n) => this.overlayManager.addMessage(String(n), "user")
+          );
         else if (s && typeof s == "object") {
           const n = this.extractUserLabel(s);
           n && this.overlayManager.addMessage(n, "user");