tuikit-atomicx-vue3 6.0.1 → 6.2.0

package/dist/{PopoverPortal-Bq_cs5hI.js → PopoverPortal-CW9vHs8x.js}

@@ -1,6 +1,6 @@
-import { c as D, a as k, r as A, u as b, F as N, D as E, b as R, d as I, e as M, T as $ } from "./Teleport-Bp4EUnV3.js";
-import { a as K, u as L, b as j, c as z, d as w } from "./PopperContent-CLNI9Obt.js";
-import { u as T } from "./useId-BhUMXcvI.js";
+import { c as D, a as k, r as A, u as b, F as N, D as E, b as R, d as I, e as M, T as $ } from "./Teleport-CWAzY-Xf.js";
+import { a as K, u as L, b as j, c as z, d as w } from "./PopperContent-ChxEHlA9.js";
+import { u as T } from "./useId-XX8BALCT.js";
 import { defineComponent as m, toRefs as U, ref as P, openBlock as c, createBlock as v, unref as e, withCtx as f, renderSlot as g, createVNode as h, mergeProps as _, withModifiers as C, normalizeProps as x, guardReactiveProps as W } from "vue";
 const [B, V] = /* @__PURE__ */ D("PopoverRoot");
 var G = /* @__PURE__ */ m({

package/dist/{PopoverTrigger-CuwomwH5.js → PopoverTrigger-CqYkhDVb.js}

@@ -1,7 +1,7 @@
-import { u as l, P as a } from "./Teleport-Bp4EUnV3.js";
-import { u as d } from "./useId-BhUMXcvI.js";
-import { P as u } from "./PopperContent-CLNI9Obt.js";
-import { i as c } from "./PopoverPortal-Bq_cs5hI.js";
+import { u as l, P as a } from "./Teleport-CWAzY-Xf.js";
+import { u as d } from "./useId-XX8BALCT.js";
+import { P as u } from "./PopperContent-ChxEHlA9.js";
+import { i as c } from "./PopoverPortal-CW9vHs8x.js";
 import { defineComponent as g, onMounted as f, openBlock as m, createBlock as v, resolveDynamicComponent as _, unref as r, withCtx as t, createVNode as h, renderSlot as P } from "vue";
 var C = /* @__PURE__ */ g({
   __name: "PopoverTrigger",

package/dist/{PopperContent-CLNI9Obt.js → PopperContent-ChxEHlA9.js}

@@ -1,5 +1,5 @@
 import { watchEffect as It, getCurrentInstance as fe, toRef as ue, computed as P, camelize as de, ref as V, onMounted as pe, defineComponent as Ct, renderSlot as Pt, watchPostEffect as Xt, openBlock as Yt, createBlock as he, unref as M, withCtx as Ut, shallowRef as me, watch as mt, getCurrentScope as ge, onScopeDispose as we, shallowReadonly as tt, createElementBlock as ye, normalizeStyle as ve, createVNode as xe, mergeProps as be, mergeDefaults as Ae } from "vue";
-import { h as Oe, f as Ce, j as Pe, c as Gt, u as Kt, P as Zt, k as Re } from "./Teleport-Bp4EUnV3.js";
+import { h as Oe, f as Ce, j as Pe, c as Gt, u as Kt, P as Zt, k as Re } from "./Teleport-CWAzY-Xf.js";
 let gt = 0;
 function Fn() {
   It((t) => {

package/dist/{Teleport-Bp4EUnV3.js → Teleport-CWAzY-Xf.js}

@@ -1,4 +1,4 @@
-import { inject as Ee, provide as be, onBeforeUnmount as Oe, effectScope as se, getCurrentInstance as I, computed as w, shallowRef as ue, watchEffect as L, readonly as we, getCurrentScope as Se, onScopeDispose as Pe, isRef as K, reactive as R, unref as A, customRef as Ae, toValue as b, watch as _, toRefs as G, ref as E, nextTick as M, onMounted as Ce, Fragment as _e, toHandlerKey as De, camelize as Te, onUpdated as Le, triggerRef as Me, onUnmounted as ae, defineComponent as x, h as $, Comment as Ne, mergeProps as Fe, cloneVNode as Ie, openBlock as X, createBlock as Q, normalizeStyle as xe, withCtx as le, renderSlot as Z, Teleport as Be, createCommentVNode as ke } from "vue";
+import { inject as Ee, provide as be, onBeforeUnmount as Oe, effectScope as se, getCurrentInstance as I, computed as w, shallowRef as ue, watchEffect as F, readonly as we, getCurrentScope as Se, onScopeDispose as Pe, isRef as K, reactive as R, unref as A, customRef as Ae, toValue as b, watch as C, toRefs as G, ref as E, nextTick as L, onMounted as Ce, Fragment as _e, toHandlerKey as De, camelize as Te, onUpdated as Le, triggerRef as Me, onUnmounted as ae, defineComponent as x, h as $, Comment as Ne, mergeProps as Fe, cloneVNode as Ie, openBlock as X, createBlock as Q, normalizeStyle as xe, withCtx as le, renderSlot as Z, Teleport as Be, createCommentVNode as ke } from "vue";
 function je(e, t) {
   const n = typeof e == "string" && !t ? `${e}Context` : t, r = Symbol(n);
   return [(a) => {
@@ -7,7 +7,7 @@ function je(e, t) {
     throw new Error(`Injection \`${r.toString()}\` not found. Component must be used within ${Array.isArray(e) ? `one of the following components: ${e.join(", ")}` : `\`${e}\``}`);
   }, (a) => (be(r, a), a)];
 }
-function F() {
+function N() {
   let e = document.activeElement;
   if (e == null) return null;
   for (; e != null && e.shadowRoot != null && e.shadowRoot.activeElement != null; ) e = e.shadowRoot.activeElement;
@@ -27,7 +27,7 @@ function $e(e) {
 function Tt(e, t) {
   var n;
   const r = ue();
-  return L(() => {
+  return F(() => {
     r.value = e();
   }, {
     ...t,
@@ -117,7 +117,7 @@ function Ge(e, t) {
   He() && Oe(e, t);
 }
 function Je(e, t, n) {
-  return _(e, t, {
+  return C(e, t, {
     ...n,
     immediate: !0
   });
@@ -182,9 +182,9 @@ function Nt(e, t, n, r = {}) {
   if (u) {
     const p = E(g());
     let S = !1;
-    return _(() => e[t], (P) => {
-      S || (S = !0, p.value = h(P), M(() => S = !1));
-    }), _(p, (P) => {
+    return C(() => e[t], (P) => {
+      S || (S = !0, p.value = h(P), L(() => S = !1));
+    }), C(p, (P) => {
       !S && (P !== e[t] || v) && m(P);
     }, { deep: v }), p;
   } else return w({
@@ -238,7 +238,7 @@ const rt = nt(), ot = /* @__PURE__ */ Ve(() => {
   const o = () => {
     document.body.style.paddingRight = "", document.body.style.marginRight = "", document.body.style.pointerEvents = "", document.documentElement.style.removeProperty("--scrollbar-width"), document.body.style.overflow = t.value ?? "", ne && (i == null || i()), t.value = void 0;
   };
-  return _(n, (a, u) => {
+  return C(n, (a, u) => {
     var s;
     if (!D) return;
     if (!a) {
@@ -256,7 +256,7 @@ const rt = nt(), ot = /* @__PURE__ */ Ve(() => {
       padding: 0,
       margin: 0
     };
-    f > 0 && (document.body.style.paddingRight = typeof l.padding == "number" ? `${l.padding}px` : String(l.padding), document.body.style.marginRight = typeof l.margin == "number" ? `${l.margin}px` : String(l.margin), document.documentElement.style.setProperty("--scrollbar-width", `${f}px`), document.body.style.overflow = "hidden"), ne && (i = fe(document, "touchmove", (c) => it(c), { passive: !1 })), M(() => {
+    f > 0 && (document.body.style.paddingRight = typeof l.padding == "number" ? `${l.padding}px` : String(l.padding), document.body.style.marginRight = typeof l.margin == "number" ? `${l.margin}px` : String(l.margin), document.documentElement.style.setProperty("--scrollbar-width", `${f}px`), document.body.style.overflow = "hidden"), ne && (i = fe(document, "touchmove", (c) => it(c), { passive: !1 })), L(() => {
       n.value && (document.body.style.pointerEvents = "none", document.body.style.overflow = "hidden");
     });
   }, {
@@ -343,7 +343,7 @@ var st = function(e) {
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, N = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), k = {}, V = 0, me = function(e) {
+}, M = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), k = {}, V = 0, me = function(e) {
   return e && (e.host || me(e.parentNode));
 }, ut = function(e, t) {
   return t.map(function(n) {
@@ -367,8 +367,8 @@ var st = function(e) {
         l(c);
       else
         try {
-          var d = c.getAttribute(r), y = d !== null && d !== "false", h = (N.get(c) || 0) + 1, g = (o.get(c) || 0) + 1;
-          N.set(c, h), o.set(c, g), a.push(c), h === 1 && y && B.set(c, !0), g === 1 && c.setAttribute(n, "true"), y || c.setAttribute(r, "true");
+          var d = c.getAttribute(r), y = d !== null && d !== "false", h = (M.get(c) || 0) + 1, g = (o.get(c) || 0) + 1;
+          M.set(c, h), o.set(c, g), a.push(c), h === 1 && y && B.set(c, !0), g === 1 && c.setAttribute(n, "true"), y || c.setAttribute(r, "true");
         } catch (m) {
           console.error("aria-hidden: cannot operate on ", c, m);
         }
@@ -376,9 +376,9 @@ var st = function(e) {
   };
   return l(t), u.clear(), V++, function() {
     a.forEach(function(s) {
-      var c = N.get(s) - 1, d = o.get(s) - 1;
-      N.set(s, c), o.set(s, d), c || (B.has(s) || s.removeAttribute(r), B.delete(s)), d || s.removeAttribute(n);
-    }), V--, V || (N = /* @__PURE__ */ new WeakMap(), N = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), k = {});
+      var c = M.get(s) - 1, d = o.get(s) - 1;
+      M.set(s, c), o.set(s, d), c || (B.has(s) || s.removeAttribute(r), B.delete(s)), d || s.removeAttribute(n);
+    }), V--, V || (M = /* @__PURE__ */ new WeakMap(), M = /* @__PURE__ */ new WeakMap(), B = /* @__PURE__ */ new WeakMap(), k = {});
   };
 }, lt = function(e, t, n) {
   n === void 0 && (n = "data-aria-hidden");
@@ -389,7 +389,7 @@ var st = function(e) {
 };
 function xt(e) {
   let t;
-  _(() => U(e), (n) => {
+  C(() => U(e), (n) => {
     let r = !1;
     try {
       r = !!(n != null && n.closest("[popover]:not(:popover-open)"));
@@ -436,10 +436,10 @@ function dt(e, t) {
       (p = t.value) == null || p.dispatchEvent(S);
     }
   };
-  _(e, async (m, p) => {
+  C(e, async (m, p) => {
     var P;
     const S = p !== m;
-    if (await M(), S) {
+    if (await L(), S) {
       const W = r.value, T = j(t.value);
       m ? (v("MOUNT"), l("enter"), T === "none" && l("after-enter")) : T === "none" || T === "undefined" || ((P = n.value) == null ? void 0 : P.display) === "none" ? (v("UNMOUNT"), l("leave"), l("after-leave")) : p && W !== T ? (v("ANIMATION_OUT"), l("leave")) : (v("UNMOUNT"), l("after-leave"));
     }
@@ -456,9 +456,9 @@ function dt(e, t) {
     m.target === t.value && p === "none" && v("ANIMATION_END");
   }, c = (m) => {
     m.target === t.value && (r.value = j(t.value));
-  }, d = _(t, (m, p) => {
+  }, d = C(t, (m, p) => {
     m ? (n.value = getComputedStyle(m), m.addEventListener("animationstart", c), m.addEventListener("animationcancel", s), m.addEventListener("animationend", s)) : (v("ANIMATION_END"), a !== void 0 && (u == null || u.clearTimeout(a)), p == null || p.removeEventListener("animationstart", c), p == null || p.removeEventListener("animationcancel", s), p == null || p.removeEventListener("animationend", s));
-  }, { immediate: !0 }), y = _(f, () => {
+  }, { immediate: !0 }), y = C(f, () => {
     const m = j(t.value);
     r.value = f.value === "mounted" ? m : "none";
   });
@@ -553,7 +553,7 @@ function yt(e, t, n = !0) {
   var a;
   const r = ((a = t == null ? void 0 : t.value) == null ? void 0 : a.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), i = E(!1), o = E(() => {
   });
-  return L((u) => {
+  return F((u) => {
     if (!D || !b(n)) return;
     const f = async (l) => {
       const s = l.target;
@@ -584,11 +584,11 @@ function yt(e, t, n = !0) {
 function ht(e, t, n = !0) {
   var o;
   const r = ((o = t == null ? void 0 : t.value) == null ? void 0 : o.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), i = E(!1);
-  return L((a) => {
+  return F((a) => {
     if (!D || !b(n)) return;
     const u = async (f) => {
       if (!(t != null && t.value)) return;
-      await M(), await M();
+      await L(), await L();
       const v = f.target;
       !t.value || !v || he(t.value, v) || f.target && !i.value && ce(mt, e, { originalEvent: f });
     };
@@ -641,17 +641,17 @@ var gt = /* @__PURE__ */ x({
       return f.value >= h;
     }), s = yt(async (d) => {
       const y = [...O.branches].some((h) => h == null ? void 0 : h.contains(d.target));
-      !l.value || y || (r("pointerDownOutside", d), r("interactOutside", d), await M(), d.defaultPrevented || r("dismiss"));
+      !l.value || y || (r("pointerDownOutside", d), r("interactOutside", d), await L(), d.defaultPrevented || r("dismiss"));
     }, o), c = ht((d) => {
       [...O.branches].some((h) => h == null ? void 0 : h.contains(d.target)) || (r("focusOutside", d), r("interactOutside", d), d.defaultPrevented || r("dismiss"));
     }, o);
     return Ze("Escape", (d) => {
       f.value === u.value.size - 1 && (r("escapeKeyDown", d), d.defaultPrevented || r("dismiss"));
-    }), L((d) => {
-      o.value && (n.disableOutsidePointerEvents && (O.layersWithOutsidePointerEventsDisabled.size === 0 && (O.originalBodyPointerEvents = a.value.body.style.pointerEvents, a.value.body.style.pointerEvents = "none"), O.layersWithOutsidePointerEventsDisabled.add(o.value)), u.value.add(o.value), d(() => {
-        n.disableOutsidePointerEvents && O.layersWithOutsidePointerEventsDisabled.size === 1 && !$e(O.originalBodyPointerEvents) && (a.value.body.style.pointerEvents = O.originalBodyPointerEvents);
-      }));
-    }), L((d) => {
+    }), C([o, () => n.disableOutsidePointerEvents], ([d, y], h, g) => {
+      d && (y && (O.layersWithOutsidePointerEventsDisabled.size === 0 && (O.originalBodyPointerEvents = a.value.body.style.pointerEvents, a.value.body.style.pointerEvents = "none"), O.layersWithOutsidePointerEventsDisabled.add(d), g(() => {
+        O.layersWithOutsidePointerEventsDisabled.delete(d), O.layersWithOutsidePointerEventsDisabled.size === 0 && !$e(O.originalBodyPointerEvents) && (a.value.body.style.pointerEvents = O.originalBodyPointerEvents);
+      })), u.value.add(d));
+    }, { immediate: !0 }), F((d) => {
       d(() => {
         o.value && (u.value.delete(o.value), O.layersWithOutsidePointerEventsDisabled.delete(o.value));
       });
@@ -700,9 +700,9 @@ const z = "focusScope.autoFocusOnMount", Y = "focusScope.autoFocusOnUnmount", oe
   cancelable: !0
 };
 function Ot(e, { select: t = !1 } = {}) {
-  const n = F();
+  const n = N();
   for (const r of e)
-    if (C(r, { select: t }), F() !== n) return !0;
+    if (_(r, { select: t }), N() !== n) return !0;
 }
 function wt(e) {
   const t = ge(e), n = ie(t, e), r = ie(t.reverse(), e);
@@ -731,9 +731,9 @@ function St(e, { upTo: t }) {
 function Pt(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function C(e, { select: t = !1 } = {}) {
+function _(e, { select: t = !1 } = {}) {
   if (e && e.focus) {
-    const n = F();
+    const n = N();
     e.focus({ preventScroll: !0 }), e !== n && Pt(e) && t && e.select();
   }
 }
@@ -770,24 +770,24 @@ var At = /* @__PURE__ */ x({
         this.paused = !1;
       }
     });
-    L((l) => {
+    F((l) => {
       if (!D) return;
       const s = o.value;
       if (!n.trapped) return;
       function c(g) {
         if (f.paused || !s) return;
         const m = g.target;
-        s.contains(m) ? a.value = m : C(a.value, { select: !0 });
+        s.contains(m) ? a.value = m : _(a.value, { select: !0 });
       }
       function d(g) {
         if (f.paused || !s) return;
         const m = g.relatedTarget;
-        m !== null && (s.contains(m) || C(a.value, { select: !0 }));
+        m !== null && (s.contains(m) || _(a.value, { select: !0 }));
       }
       function y(g) {
         const m = a.value;
         if (m === null || !g.some((P) => P.removedNodes.length > 0)) return;
-        s.contains(m) || C(s);
+        s.contains(m) || _(s);
       }
       document.addEventListener("focusin", c), document.addEventListener("focusout", d);
       const h = new MutationObserver(y);
@@ -797,14 +797,14 @@ var At = /* @__PURE__ */ x({
       }), l(() => {
         document.removeEventListener("focusin", c), document.removeEventListener("focusout", d), h.disconnect();
       });
-    }), L(async (l) => {
+    }), F(async (l) => {
       const s = o.value;
-      if (await M(), !s) return;
+      if (await L(), !s) return;
       u.add(f);
-      const c = F();
+      const c = N();
       if (!s.contains(c)) {
         const y = new CustomEvent(z, oe);
-        s.addEventListener(z, (h) => r("mountAutoFocus", h)), s.dispatchEvent(y), y.defaultPrevented || (Ot(ge(s), { select: !0 }), F() === c && C(s));
+        s.addEventListener(z, (h) => r("mountAutoFocus", h)), s.dispatchEvent(y), y.defaultPrevented || (Ot(ge(s), { select: !0 }), N() === c && _(s));
       }
       l(() => {
         s.removeEventListener(z, (g) => r("mountAutoFocus", g));
@@ -812,16 +812,16 @@ var At = /* @__PURE__ */ x({
           r("unmountAutoFocus", g);
         };
         s.addEventListener(Y, h), s.dispatchEvent(y), s.setAttribute("data-focus-scope-unmounting", ""), setTimeout(() => {
-          y.defaultPrevented || C(c ?? document.body, { select: !0 }), s.removeEventListener(Y, h), u.remove(f), s.removeAttribute("data-focus-scope-unmounting");
+          y.defaultPrevented || _(c ?? document.body, { select: !0 }), s.removeEventListener(Y, h), u.remove(f), s.removeAttribute("data-focus-scope-unmounting");
         }, 0);
       });
     });
     function v(l) {
       if (!n.loop && !n.trapped || f.paused) return;
-      const s = l.key === "Tab" && !l.altKey && !l.ctrlKey && !l.metaKey, c = F();
+      const s = l.key === "Tab" && !l.altKey && !l.ctrlKey && !l.metaKey, c = N();
       if (s && c) {
         const d = l.currentTarget, [y, h] = wt(d);
-        y && h ? !l.shiftKey && c === h ? (l.preventDefault(), n.loop && C(y, { select: !0 })) : l.shiftKey && c === y && (l.preventDefault(), n.loop && C(h, { select: !0 })) : c === d && l.preventDefault();
+        y && h ? !l.shiftKey && c === h ? (l.preventDefault(), n.loop && _(y, { select: !0 })) : l.shiftKey && c === y && (l.preventDefault(), n.loop && _(h, { select: !0 })) : c === d && l.preventDefault();
       }
     }
     return (l, s) => (X(), Q(A(ye), {
@@ -883,7 +883,7 @@ export {
   xt as d,
   Bt as e,
   It as f,
-  F as g,
+  N as g,
   D as h,
   tt as i,
   U as j,

package/dist/baseComp/Modal/Modal.js

@@ -1,7 +1,7 @@
-import { defineComponent as g, ref as E, toRefs as P, renderSlot as _, unref as t, onMounted as A, openBlock as v, createBlock as m, withCtx as f, createVNode as C, mergeProps as y, withModifiers as $, createCommentVNode as h, normalizeProps as T, guardReactiveProps as R, normalizeClass as k } from "vue";
-import { c as N, a as S, u as D, g as I, F as L, D as K, f as q, d as V, e as F, b as U, P as W, T as z } from "../../Teleport-Bp4EUnV3.js";
-import { u as w } from "../../useId-BhUMXcvI.js";
-import { g as G } from "../../utils-BiFcAFDZ.js";
+import { defineComponent as g, ref as E, toRefs as M, renderSlot as _, unref as t, onMounted as A, openBlock as v, createBlock as m, withCtx as f, createVNode as C, mergeProps as y, withModifiers as $, createCommentVNode as h, normalizeProps as T, guardReactiveProps as R, normalizeClass as k } from "vue";
+import { c as N, a as S, u as D, g as I, F as L, D as K, f as q, d as V, e as P, b as U, P as W, T as z } from "../../Teleport-CWAzY-Xf.js";
+import { u as w } from "../../useId-XX8BALCT.js";
+import { g as G } from "../../utils-BMLu9pAy.js";
 import { _ as H } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const [O, j] = /* @__PURE__ */ N("DialogRoot");
 var J = /* @__PURE__ */ g({
@@ -29,7 +29,7 @@ var J = /* @__PURE__ */ g({
     const a = u, e = S(a, "open", i, {
       defaultValue: a.defaultOpen,
       passive: a.open === void 0
-    }), l = E(), p = E(), { modal: r } = P(a);
+    }), l = E(), p = E(), { modal: r } = M(a);
     return j({
       open: e,
       modal: r,
@@ -148,7 +148,7 @@ var x = /* @__PURE__ */ g({
       _: 3
     }, 8, ["trapped"]));
   }
-}), M = x, ee = /* @__PURE__ */ g({
+}), F = x, ee = /* @__PURE__ */ g({
   __name: "DialogContentModal",
   props: {
     forceMount: {
@@ -161,7 +161,8 @@ var x = /* @__PURE__ */ g({
     },
     disableOutsidePointerEvents: {
       type: Boolean,
-      required: !1
+      required: !1,
+      default: !0
     },
     asChild: {
       type: Boolean,
@@ -182,13 +183,13 @@ var x = /* @__PURE__ */ g({
   ],
   setup(u, { emit: i }) {
     const a = u, o = i, e = O(), l = q(o), { forwardRef: p, currentElement: r } = D();
-    return V(r), (n, s) => (v(), m(M, y({
+    return V(r), (n, s) => (v(), m(F, y({
       ...a,
       ...t(l)
     }, {
       ref: t(p),
       "trap-focus": t(e).open.value,
-      "disable-outside-pointer-events": !0,
+      "disable-outside-pointer-events": a.disableOutsidePointerEvents,
       onCloseAutoFocus: s[0] || (s[0] = (d) => {
         var c;
         d.defaultPrevented || (d.preventDefault(), (c = t(e).triggerElement.value) == null || c.focus());
@@ -203,7 +204,7 @@ var x = /* @__PURE__ */ g({
     }), {
       default: f(() => [_(n.$slots, "default")]),
       _: 3
-    }, 16, ["trap-focus"]));
+    }, 16, ["trap-focus", "disable-outside-pointer-events"]));
   }
 }), te = ee, oe = /* @__PURE__ */ g({
   __name: "DialogContentNonModal",
@@ -241,7 +242,7 @@ var x = /* @__PURE__ */ g({
     const a = u, e = q(i);
     D();
     const l = O(), p = E(!1), r = E(!1);
-    return (n, s) => (v(), m(M, y({
+    return (n, s) => (v(), m(F, y({
       ...a,
       ...t(e)
     }, {
@@ -271,7 +272,8 @@ var x = /* @__PURE__ */ g({
     },
     disableOutsidePointerEvents: {
       type: Boolean,
-      required: !1
+      required: !1,
+      default: void 0
     },
     asChild: {
       type: Boolean,
@@ -292,7 +294,7 @@ var x = /* @__PURE__ */ g({
   ],
   setup(u, { emit: i }) {
     const a = u, o = i, e = O(), l = q(o), { forwardRef: p } = D();
-    return (r, n) => (v(), m(t(F), { present: r.forceMount || t(e).open.value }, {
+    return (r, n) => (v(), m(t(P), { present: r.forceMount || t(e).open.value }, {
       default: f(() => [t(e).modal.value ? (v(), m(te, y({
         key: 0,
         ref: t(p)
@@ -371,7 +373,7 @@ var x = /* @__PURE__ */ g({
     const i = O(), { forwardRef: a } = D();
     return (o, e) => {
       var l;
-      return (l = t(i)) != null && l.modal.value ? (v(), m(t(F), {
+      return (l = t(i)) != null && l.modal.value ? (v(), m(t(P), {
         key: 0,
         present: o.forceMount || t(i).open.value
       }, {

package/dist/components/AudioSettingPanel/MicrophoneSelect.js

@@ -1,9 +1,9 @@
-import { defineComponent as y, ref as _, watch as b, onBeforeMount as C, openBlock as r, createBlock as v, unref as l, withCtx as M, createElementBlock as S, Fragment as B, renderList as U } from "vue";
+import { defineComponent as g, ref as y, watch as b, onBeforeMount as C, openBlock as r, createBlock as v, unref as n, withCtx as M, createElementBlock as S, Fragment as B, renderList as U } from "vue";
 import { useUIKit as k, TUISelect as w, TUIOption as x } from "@tencentcloud/uikit-base-component-vue3";
 import L from "@tencentcloud/tuiroom-engine-js";
 import T from "../../states/DeviceState/DeviceState.js";
 import { _ as V } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const D = /* @__PURE__ */ y({
+const D = /* @__PURE__ */ g({
   __name: "MicrophoneSelect",
   props: {
     onChange: {},
@@ -11,7 +11,7 @@ const D = /* @__PURE__ */ y({
   },
   setup(d) {
     var u;
-    const { microphoneList: i, currentMicrophone: t, setCurrentMicrophone: m, getMicrophoneList: f } = T(), { t: h } = k(), c = d, a = _((u = t.value) == null ? void 0 : u.deviceId);
+    const { microphoneList: i, currentMicrophone: t, setCurrentMicrophone: m, getMicrophoneList: f } = T(), { t: h } = k(), c = d, a = y((u = t.value) == null ? void 0 : u.deviceId);
     b(
       () => {
         var e;
@@ -23,22 +23,22 @@ const D = /* @__PURE__ */ y({
       { immediate: !0 }
     );
     async function I(e) {
-      var n, o, s, p;
-      (n = c.onChange) == null || n.call(c, e);
+      var l, o, s, p;
+      (l = c.onChange) == null || l.call(c, e);
       try {
         await m({ deviceId: e });
       } catch {
-        (o = t.value) != null && o.deviceId && i.value.map((g) => g.deviceId).includes((s = t.value) == null ? void 0 : s.deviceId) && (a.value = (p = t.value) == null ? void 0 : p.deviceId);
+        (o = t.value) != null && o.deviceId && i.value.map((_) => _.deviceId).includes((s = t.value) == null ? void 0 : s.deviceId) && (a.value = (p = t.value) == null ? void 0 : p.deviceId);
       }
     }
     return C(async () => {
       L.once("ready", async () => {
         await f();
       });
-    }), (e, n) => (r(), v(l(w), {
+    }), (e, l) => (r(), v(n(w), {
       modelValue: a.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (o) => a.value = o),
-      placeholder: l(h)("AudioSettingPanel.SelectMicrophone"),
+      "onUpdate:modelValue": l[0] || (l[0] = (o) => a.value = o),
+      placeholder: n(h)("AudioSettingPanel.SelectMicrophone"),
       class: "select",
       disabled: d.disabled,
       teleported: !1,
@@ -46,7 +46,7 @@ const D = /* @__PURE__ */ y({
       onChange: I
     }, {
       default: M(() => [
-        (r(!0), S(B, null, U(l(i), (o) => (r(), v(l(x), {
+        (r(!0), S(B, null, U(n(i), (o) => (r(), v(n(x), {
           key: o.deviceId,
           label: o.deviceName,
           value: o.deviceId

package/dist/components/AudioSettingPanel/SpeakerSelect.js

@@ -1,9 +1,9 @@
-import { defineComponent as h, ref as b, watch as g, onBeforeMount as y, openBlock as d, createBlock as v, unref as o, withCtx as _, createElementBlock as C, Fragment as B, renderList as U } from "vue";
+import { defineComponent as _, ref as h, watch as b, onBeforeMount as g, openBlock as d, createBlock as v, unref as o, withCtx as y, createElementBlock as C, Fragment as B, renderList as U } from "vue";
 import { useUIKit as w, TUISelect as x, TUIOption as L } from "@tencentcloud/uikit-base-component-vue3";
 import T from "@tencentcloud/tuiroom-engine-js";
 import V from "../../states/DeviceState/DeviceState.js";
 import { _ as D } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const E = /* @__PURE__ */ h({
+const E = /* @__PURE__ */ _({
   __name: "SpeakerSelect",
   props: {
     onChange: {},
@@ -11,8 +11,8 @@ const E = /* @__PURE__ */ h({
   },
   setup(c) {
     var i;
-    const { t: f } = w(), r = c, { speakerList: u, currentSpeaker: t, setCurrentSpeaker: m, getSpeakerList: I } = V(), l = b((i = t.value) == null ? void 0 : i.deviceId);
-    g(
+    const { t: f } = w(), r = c, { speakerList: u, currentSpeaker: t, setCurrentSpeaker: m, getSpeakerList: I } = V(), l = h((i = t.value) == null ? void 0 : i.deviceId);
+    b(
       () => {
         var e;
         return (e = t.value) == null ? void 0 : e.deviceId;
@@ -31,7 +31,7 @@ const E = /* @__PURE__ */ h({
         (a = t.value) != null && a.deviceId && u.value.map((k) => k.deviceId).includes((s = t.value) == null ? void 0 : s.deviceId) && (l.value = (p = t.value) == null ? void 0 : p.deviceId);
       }
     }
-    return y(async () => {
+    return g(async () => {
       T.once("ready", async () => {
         await I();
       });
@@ -45,7 +45,7 @@ const E = /* @__PURE__ */ h({
       "popper-append-to-body": !1,
       onChange: S
     }, {
-      default: _(() => [
+      default: y(() => [
         (d(!0), C(B, null, U(o(u), (a) => (d(), v(o(L), {
           key: a.deviceId,
           label: a.deviceName,

package/dist/components/BarrageInput/BarrageInput.js

@@ -1,7 +1,7 @@
 import { defineComponent as v, watchEffect as x, onUnmounted as S, computed as l, openBlock as B, createElementBlock as y, createElementVNode as r, normalizeStyle as I, normalizeClass as _, createVNode as u, withCtx as H, unref as w } from "vue";
 import { useUIKit as C } from "@tencentcloud/uikit-base-component-vue3";
-import { useLiveAudienceState as L } from "../../states/LiveAudienceState.js";
-import k from "../../states/LoginState.js";
+import L from "../../states/LiveAudienceState/index.js";
+import k from "../../states/LoginState/index.js";
 import { useMessageInputState as D } from "./MessageInputState.js";
 import E from "./EmojiPicker/EmojiPicker.js";
 import { TextEditor as F } from "./TextEditor/index.js";