tuikit-atomicx-vue3 4.4.0 → 4.5.1

package/.eslintrc.cjs

@@ -7,9 +7,10 @@ module.exports = {
     ecmaVersion: 2020,
     sourceType: 'module',
     project: [
-      './tsconfig.json',
+      './tsconfig.eslint.json',
     ],
     tsconfigRootDir: __dirname,
+    extraFileExtensions: ['.vue'],
   },
   rules: {
     'vue/multi-word-component-names': 'off',
@@ -29,6 +30,9 @@ module.exports = {
     'no-unused-vars': 'off',
     '@typescript-eslint/no-unused-vars': 'error',
     '@typescript-eslint/no-duplicate-enum-values': 0,
+    'class-methods-use-this': 0,
+    '@typescript-eslint/no-useless-constructor': 'off',
+    'no-await-in-loop': 0,
   },
-  ignorePatterns: ['node_modules', 'public', 'dist', '*.d.ts', '!.*.cjs', '!.storybook', '*.cjs'],
+  ignorePatterns: ['node_modules', 'public', 'dist', '*.d.ts', '!.*.cjs', '!.storybook', '*.cjs', 'test-app'],
 };

package/dist/DurationSelector.vue_vue_type_script_setup_true_lang-RndH6NtJ.js

@@ -0,0 +1,54 @@
+import { defineComponent as T, computed as r, createBlock as s, openBlock as u, unref as c, withCtx as M, createElementBlock as N, Fragment as V, renderList as D } from "vue";
+import { useUIKit as b, TUISelect as g, TUIOption as A, TUIToast as i } from "@tencentcloud/uikit-base-component-vue3";
+const a = 15 * 60, m = 24 * 3600, d = 3600, R = 15 * 60, x = /* @__PURE__ */ T({
+  __name: "DurationSelector",
+  props: {
+    modelValue: {},
+    options: { default: void 0 }
+  },
+  emits: ["update:modelValue"],
+  setup(l, { emit: p }) {
+    const f = l, h = p, { t: o } = b(), _ = (e) => {
+      const t = Math.floor(e / 3600), n = Math.floor(e % 3600 / 60);
+      return t === 0 ? `${n} ${o("minutes")}` : t === 1 ? `1 ${o("hour")}` : `${t} ${o("hours")}`;
+    }, v = r(() => {
+      const e = [];
+      for (let t = a; t < d; t += R)
+        e.push(t);
+      for (let t = 1; t <= 24; t += 1)
+        e.push(t * d);
+      return e;
+    }), I = r(
+      () => v.value.map((e) => ({
+        label: _(e),
+        value: e
+      }))
+    ), U = r(() => (f.options || I.value).filter((t) => t.value >= a && t.value <= m)), O = (e) => {
+      if (e < a) {
+        i.error({ message: o("Meeting duration must be at least 15 minutes") });
+        return;
+      }
+      if (e > m) {
+        i.error({ message: o("Meeting duration cannot exceed 24 hours") });
+        return;
+      }
+      h("update:modelValue", e);
+    };
+    return (e, t) => (u(), s(c(g), {
+      "model-value": l.modelValue,
+      "onUpdate:modelValue": O
+    }, {
+      default: M(() => [
+        (u(!0), N(V, null, D(U.value, (n) => (u(), s(c(A), {
+          key: n.value,
+          value: n.value,
+          label: n.label
+        }, null, 8, ["value", "label"]))), 128))
+      ]),
+      _: 1
+    }, 8, ["model-value"]));
+  }
+});
+export {
+  x as _
+};

package/dist/{MessageInput.vue_vue_type_script_setup_true_lang-D9jiYNFu.js → MessageInput.vue_vue_type_script_setup_true_lang-jPzZ5INK.js}

@@ -1,9 +1,9 @@
-import { defineComponent as E, computed as F, createElementBlock as f, openBlock as l, normalizeClass as s, unref as t, renderSlot as i, createElementVNode as m, Fragment as V, renderList as A, createBlock as d, resolveDynamicComponent as M, mergeProps as T, createVNode as w, withCtx as g, createCommentVNode as j } from "vue";
+import { defineComponent as E, computed as F, createElementBlock as f, openBlock as l, normalizeClass as s, unref as o, renderSlot as i, createElementVNode as m, Fragment as V, renderList as A, createBlock as d, resolveDynamicComponent as M, mergeProps as T, createVNode as L, withCtx as g, createCommentVNode as w } from "vue";
 import { AttachmentPicker as k } from "./components/MessageInput/AttachmentPicker/index.js";
-import N from "./components/MessageInput/AttachmentPicker/FilePicker.js";
-import L from "./components/MessageInput/AttachmentPicker/ImagePicker.js";
-import O from "./components/MessageInput/AttachmentPicker/VideoPicker.js";
-import x from "./components/MessageInput/AudioCallPicker/AudioCallPicker.js";
+import x from "./components/MessageInput/AttachmentPicker/FilePicker.js";
+import j from "./components/MessageInput/AttachmentPicker/ImagePicker.js";
+import N from "./components/MessageInput/AttachmentPicker/VideoPicker.js";
+import O from "./components/MessageInput/AudioCallPicker/AudioCallPicker.js";
 import z from "./components/MessageInput/EmojiPicker/EmojiPicker.js";
 import { QuotedMessagePreview as D } from "./components/MessageInput/QuotedMessagePreview/index.js";
 import { SendButton as K } from "./components/MessageInput/SendButton/index.js";
@@ -26,6 +26,7 @@ const a = {
     hideSendButton: { type: Boolean, default: !1 },
     placeholder: { default: void 0 },
     attachmentPickerMode: { default: "collapsed" },
+    maxLength: { default: void 0 },
     actions: { default: () => ["EmojiPicker", "ImagePicker", "FilePicker", "VideoPicker"] },
     slots: {}
   },
@@ -33,53 +34,54 @@ const a = {
     const u = [
       { key: "EmojiPicker", component: z },
       { key: "AttachmentPicker", component: k },
-      { key: "FilePicker", component: N },
-      { key: "ImagePicker", component: L },
-      { key: "VideoPicker", component: O },
-      { key: "AudioCallPicker", component: x },
+      { key: "FilePicker", component: x },
+      { key: "ImagePicker", component: j },
+      { key: "VideoPicker", component: N },
+      { key: "AudioCallPicker", component: O },
       { key: "VideoCallPicker", component: R }
     ], c = n, { inputRawValue: P, setContent: b, sendMessage: C } = U(), h = (e, r) => Object.fromEntries(
-      r.map((o) => [o, e[o]]).filter(([, o]) => o !== void 0)
+      r.map((t) => [t, e[t]]).filter(([, t]) => t !== void 0)
     ), y = (e) => {
-      const { component: r = () => null } = u.find(({ key: o }) => o === e) ?? {};
+      const { component: r = () => null } = u.find(({ key: t }) => t === e) ?? {};
       return { Component: r, props: { disabled: c.disabled } };
-    }, I = (e) => {
+    }, v = (e) => {
       var _;
-      const { key: r, component: o, ...p } = e, S = ((_ = u.find(({ key: B }) => B === r)) == null ? void 0 : _.component) ?? (() => null);
+      const { key: r, component: t, ...p } = e, S = ((_ = u.find(({ key: B }) => B === r)) == null ? void 0 : _.component) ?? (() => null);
       return {
-        Component: o ?? S,
+        Component: t ?? S,
         props: h(p, ["label", "className", "style", "iconSize"])
       };
-    }, v = F(
-      () => c.actions.map((e) => typeof e == "string" ? y(e) : I(e)).filter(({ Component: e }) => e !== null)
+    }, I = F(
+      () => c.actions.map((e) => typeof e == "string" ? y(e) : v(e)).filter(({ Component: e }) => e !== null)
     ), $ = () => {
       P.value && (C(), b(""));
     };
     return (e, r) => (l(), f("div", {
-      class: s([t(a)["message-input"]])
+      class: s([o(a)["message-input"]])
     }, [
       i(e.$slots, "headerToolbar", {}, () => [
         m("div", {
-          class: s(t(a)["message-input__toolbar"])
+          class: s(o(a)["message-input__toolbar"])
         }, [
-          (l(!0), f(V, null, A(v.value, (o, p) => (l(), d(M(o.Component), T({ key: p }, { ref_for: !0 }, { ...o.props, ...o.Component === t(k) ? { attachmentPickerMode: n.attachmentPickerMode } : {} }), null, 16))), 128))
+          (l(!0), f(V, null, A(I.value, (t, p) => (l(), d(M(t.Component), T({ key: p }, { ref_for: !0 }, { ...t.props, ...t.Component === o(k) ? { attachmentPickerMode: n.attachmentPickerMode } : {} }), null, 16))), 128))
         ], 2)
       ]),
       m("div", {
-        class: s(t(a)["message-input__wrapper"])
+        class: s(o(a)["message-input__wrapper"])
       }, [
-        w(t(D)),
+        L(o(D)),
         m("div", {
-          class: s(t(a)["message-input__leftInline"])
+          class: s(o(a)["message-input__leftInline"])
         }, [
           i(e.$slots, "leftInline")
         ], 2),
         i(e.$slots, "textEditor", {}, () => [
-          (l(), d(t(Q), {
+          (l(), d(o(Q), {
             key: n.disabled ? "disabled-editor" : "enabled-editor",
             autoFocus: n.autoFocus,
             disabled: n.disabled,
-            placeholder: n.placeholder
+            placeholder: n.placeholder,
+            maxLength: n.maxLength
           }, {
             inputPrefix: g(() => [
               i(e.$slots, "inputPrefix")
@@ -88,21 +90,21 @@ const a = {
               i(e.$slots, "inputSuffix")
             ]),
             _: 3
-          }, 8, ["autoFocus", "disabled", "placeholder"]))
+          }, 8, ["autoFocus", "disabled", "placeholder", "maxLength"]))
         ]),
         m("div", {
-          class: s(t(a)["message-input__rightInline"])
+          class: s(o(a)["message-input__rightInline"])
         }, [
           i(e.$slots, "rightInline")
         ], 2)
       ], 2),
       i(e.$slots, "footerToolbar", {}, () => [
         m("div", {
-          class: s(t(a)["message-input__footerToolbar"])
+          class: s(o(a)["message-input__footerToolbar"])
         }, [
-          n.hideSendButton ? j("", !0) : (l(), d(t(K), {
+          n.hideSendButton ? w("", !0) : (l(), d(o(K), {
             key: 0,
-            class: s(t(a)["message-input__send-button"]),
+            class: s(o(a)["message-input__send-button"]),
             disabled: c.disabled,
             onClick: $
           }, null, 8, ["class", "disabled"]))

package/dist/{PopoverTrigger-L8abAry7.js → PopoverPortal-DghpKKm8.js}

@@ -1,9 +1,9 @@
-import { u as E, c as N, r as A, a as B, F as R, D as I, b as M, d as T, P as $, T as K, e as w } from "./Teleport-CSEuZbpM.js";
-import { P as L, u as j, a as z, b as U, c as h, d as W } from "./PopperContent-XdhqL8Y2.js";
-import { u as S } from "./useId-CtirfF0W.js";
-import { defineComponent as m, toRefs as x, ref as _, createBlock as y, openBlock as v, unref as e, withCtx as f, renderSlot as g, createVNode as C, mergeProps as P, withModifiers as F, normalizeProps as V, guardReactiveProps as G, onMounted as H, resolveDynamicComponent as J } from "vue";
-const [O, Q] = N("PopoverRoot");
-var X = /* @__PURE__ */ m({
+import { a as D, c as k, r as N, u as B, F as E, D as A, b as R, d as I, e as M, T as $ } from "./Teleport-DFrneqLM.js";
+import { a as K, u as L, b as j, c as z, d as w } from "./PopperContent-SLoFuK7k.js";
+import { u as T } from "./useId-D5WE76CM.js";
+import { defineComponent as m, toRefs as U, ref as P, createBlock as c, openBlock as v, unref as e, withCtx as f, renderSlot as q, createVNode as C, mergeProps as _, withModifiers as F, normalizeProps as x, guardReactiveProps as W } from "vue";
+const [b, V] = k("PopoverRoot");
+var G = /* @__PURE__ */ m({
   __name: "PopoverRoot",
   props: {
     defaultOpen: {
@@ -23,33 +23,33 @@ var X = /* @__PURE__ */ m({
     }
   },
   emits: ["update:open"],
-  setup(u, { emit: d }) {
-    const t = u, a = d, { modal: l } = x(t), r = E(t, "open", a, {
-      defaultValue: t.defaultOpen,
-      passive: t.open === void 0
-    }), n = _(), p = _(!1);
-    return Q({
+  setup(d, { emit: p }) {
+    const n = d, r = p, { modal: i } = U(n), a = D(n, "open", r, {
+      defaultValue: n.defaultOpen,
+      passive: n.open === void 0
+    }), l = P(), u = P(!1);
+    return V({
       contentId: "",
       triggerId: "",
-      modal: l,
-      open: r,
-      onOpenChange: (o) => {
-        r.value = o;
+      modal: i,
+      open: a,
+      onOpenChange: (t) => {
+        a.value = t;
       },
       onOpenToggle: () => {
-        r.value = !r.value;
+        a.value = !a.value;
       },
-      triggerElement: n,
-      hasCustomAnchor: p
-    }), (o, s) => (v(), y(e(L), null, {
-      default: f(() => [g(o.$slots, "default", {
-        open: e(r),
-        close: () => r.value = !1
+      triggerElement: l,
+      hasCustomAnchor: u
+    }), (t, o) => (v(), c(e(K), null, {
+      default: f(() => [q(t.$slots, "default", {
+        open: e(a),
+        close: () => a.value = !1
       })]),
       _: 3
     }));
   }
-}), de = X, Y = /* @__PURE__ */ m({
+}), se = G, H = /* @__PURE__ */ m({
   __name: "PopoverContentImpl",
   props: {
     trapFocus: {
@@ -145,29 +145,29 @@ var X = /* @__PURE__ */ m({
     "openAutoFocus",
     "closeAutoFocus"
   ],
-  setup(u, { emit: d }) {
-    const t = u, a = d, l = j(A(t, "trapFocus", "disableOutsidePointerEvents")), { forwardRef: r } = B(), n = O();
-    return z(), (p, o) => (v(), y(e(R), {
+  setup(d, { emit: p }) {
+    const n = d, r = p, i = L(N(n, "trapFocus", "disableOutsidePointerEvents")), { forwardRef: a } = B(), l = b();
+    return j(), (u, t) => (v(), c(e(E), {
       "as-child": "",
       loop: "",
-      trapped: p.trapFocus,
-      onMountAutoFocus: o[5] || (o[5] = (s) => a("openAutoFocus", s)),
-      onUnmountAutoFocus: o[6] || (o[6] = (s) => a("closeAutoFocus", s))
+      trapped: u.trapFocus,
+      onMountAutoFocus: t[5] || (t[5] = (o) => r("openAutoFocus", o)),
+      onUnmountAutoFocus: t[6] || (t[6] = (o) => r("closeAutoFocus", o))
     }, {
-      default: f(() => [C(e(I), {
+      default: f(() => [C(e(A), {
         "as-child": "",
-        "disable-outside-pointer-events": p.disableOutsidePointerEvents,
-        onPointerDownOutside: o[0] || (o[0] = (s) => a("pointerDownOutside", s)),
-        onInteractOutside: o[1] || (o[1] = (s) => a("interactOutside", s)),
-        onEscapeKeyDown: o[2] || (o[2] = (s) => a("escapeKeyDown", s)),
-        onFocusOutside: o[3] || (o[3] = (s) => a("focusOutside", s)),
-        onDismiss: o[4] || (o[4] = (s) => e(n).onOpenChange(!1))
+        "disable-outside-pointer-events": u.disableOutsidePointerEvents,
+        onPointerDownOutside: t[0] || (t[0] = (o) => r("pointerDownOutside", o)),
+        onInteractOutside: t[1] || (t[1] = (o) => r("interactOutside", o)),
+        onEscapeKeyDown: t[2] || (t[2] = (o) => r("escapeKeyDown", o)),
+        onFocusOutside: t[3] || (t[3] = (o) => r("focusOutside", o)),
+        onDismiss: t[4] || (t[4] = (o) => e(l).onOpenChange(!1))
       }, {
-        default: f(() => [C(e(U), P(e(l), {
-          id: e(n).contentId,
-          ref: e(r),
-          "data-state": e(n).open.value ? "open" : "closed",
-          "aria-labelledby": e(n).triggerId,
+        default: f(() => [C(e(z), _(e(i), {
+          id: e(l).contentId,
+          ref: e(a),
+          "data-state": e(l).open.value ? "open" : "closed",
+          "aria-labelledby": e(l).triggerId,
           style: {
             "--reka-popover-content-transform-origin": "var(--reka-popper-transform-origin)",
             "--reka-popover-content-available-width": "var(--reka-popper-available-width)",
@@ -177,7 +177,7 @@ var X = /* @__PURE__ */ m({
           },
           role: "dialog"
         }), {
-          default: f(() => [g(p.$slots, "default")]),
+          default: f(() => [q(u.$slots, "default")]),
           _: 3
         }, 16, [
           "id",
@@ -189,7 +189,7 @@ var X = /* @__PURE__ */ m({
       _: 3
     }, 8, ["trapped"]));
   }
-}), k = Y, Z = /* @__PURE__ */ m({
+}), h = H, J = /* @__PURE__ */ m({
   __name: "PopoverContentModal",
   props: {
     side: {
@@ -281,31 +281,31 @@ var X = /* @__PURE__ */ m({
     "openAutoFocus",
     "closeAutoFocus"
   ],
-  setup(u, { emit: d }) {
-    const t = u, a = d, l = O(), r = _(!1);
-    M(!0);
-    const n = h(t, a), { forwardRef: p, currentElement: o } = B();
-    return T(o), (s, i) => (v(), y(k, P(e(n), {
-      ref: e(p),
-      "trap-focus": e(l).open.value,
+  setup(d, { emit: p }) {
+    const n = d, r = p, i = b(), a = P(!1);
+    R(!0);
+    const l = w(n, r), { forwardRef: u, currentElement: t } = B();
+    return I(t), (o, s) => (v(), c(h, _(e(l), {
+      ref: e(u),
+      "trap-focus": e(i).open.value,
       "disable-outside-pointer-events": "",
-      onCloseAutoFocus: i[0] || (i[0] = F((c) => {
-        var q;
-        a("closeAutoFocus", c), r.value || (q = e(l).triggerElement.value) == null || q.focus();
+      onCloseAutoFocus: s[0] || (s[0] = F((y) => {
+        var g;
+        r("closeAutoFocus", y), a.value || (g = e(i).triggerElement.value) == null || g.focus();
       }, ["prevent"])),
-      onPointerDownOutside: i[1] || (i[1] = (c) => {
-        a("pointerDownOutside", c);
-        const q = c.detail.originalEvent, b = q.button === 0 && q.ctrlKey === !0, D = q.button === 2 || b;
-        r.value = D;
+      onPointerDownOutside: s[1] || (s[1] = (y) => {
+        r("pointerDownOutside", y);
+        const g = y.detail.originalEvent, O = g.button === 0 && g.ctrlKey === !0, S = g.button === 2 || O;
+        a.value = S;
       }),
-      onFocusOutside: i[2] || (i[2] = F(() => {
+      onFocusOutside: s[2] || (s[2] = F(() => {
       }, ["prevent"]))
     }), {
-      default: f(() => [g(s.$slots, "default")]),
+      default: f(() => [q(o.$slots, "default")]),
       _: 3
     }, 16, ["trap-focus"]));
   }
-}), ee = Z, te = /* @__PURE__ */ m({
+}), Q = J, X = /* @__PURE__ */ m({
   __name: "PopoverContentNonModal",
   props: {
     side: {
@@ -397,27 +397,27 @@ var X = /* @__PURE__ */ m({
     "openAutoFocus",
     "closeAutoFocus"
   ],
-  setup(u, { emit: d }) {
-    const t = u, a = d, l = O(), r = _(!1), n = _(!1), p = h(t, a);
-    return (o, s) => (v(), y(k, P(e(p), {
+  setup(d, { emit: p }) {
+    const n = d, r = p, i = b(), a = P(!1), l = P(!1), u = w(n, r);
+    return (t, o) => (v(), c(h, _(e(u), {
       "trap-focus": !1,
       "disable-outside-pointer-events": !1,
-      onCloseAutoFocus: s[0] || (s[0] = (i) => {
-        var c;
-        a("closeAutoFocus", i), i.defaultPrevented || (r.value || (c = e(l).triggerElement.value) == null || c.focus(), i.preventDefault()), r.value = !1, n.value = !1;
+      onCloseAutoFocus: o[0] || (o[0] = (s) => {
+        var y;
+        r("closeAutoFocus", s), s.defaultPrevented || (a.value || (y = e(i).triggerElement.value) == null || y.focus(), s.preventDefault()), a.value = !1, l.value = !1;
       }),
-      onInteractOutside: s[1] || (s[1] = async (i) => {
-        var b;
-        a("interactOutside", i), i.defaultPrevented || (r.value = !0, i.detail.originalEvent.type === "pointerdown" && (n.value = !0));
-        const c = i.target;
-        ((b = e(l).triggerElement.value) == null ? void 0 : b.contains(c)) && i.preventDefault(), i.detail.originalEvent.type === "focusin" && n.value && i.preventDefault();
+      onInteractOutside: o[1] || (o[1] = async (s) => {
+        var O;
+        r("interactOutside", s), s.defaultPrevented || (a.value = !0, s.detail.originalEvent.type === "pointerdown" && (l.value = !0));
+        const y = s.target;
+        ((O = e(i).triggerElement.value) == null ? void 0 : O.contains(y)) && s.preventDefault(), s.detail.originalEvent.type === "focusin" && l.value && s.preventDefault();
       })
     }), {
-      default: f(() => [g(o.$slots, "default")]),
+      default: f(() => [q(t.$slots, "default")]),
       _: 3
     }, 16));
   }
-}), oe = te, re = /* @__PURE__ */ m({
+}), Y = X, Z = /* @__PURE__ */ m({
   __name: "PopoverContent",
   props: {
     forceMount: {
@@ -513,20 +513,20 @@ var X = /* @__PURE__ */ m({
     "openAutoFocus",
     "closeAutoFocus"
   ],
-  setup(u, { emit: d }) {
-    const t = u, a = d, l = O(), r = h(t, a), { forwardRef: n } = B();
-    return l.contentId || (l.contentId = S(void 0, "reka-popover-content")), (p, o) => (v(), y(e($), { present: p.forceMount || e(l).open.value }, {
-      default: f(() => [e(l).modal.value ? (v(), y(ee, P({ key: 0 }, e(r), { ref: e(n) }), {
-        default: f(() => [g(p.$slots, "default")]),
+  setup(d, { emit: p }) {
+    const n = d, r = p, i = b(), a = w(n, r), { forwardRef: l } = B();
+    return i.contentId || (i.contentId = T(void 0, "reka-popover-content")), (u, t) => (v(), c(e(M), { present: u.forceMount || e(i).open.value }, {
+      default: f(() => [e(i).modal.value ? (v(), c(Q, _({ key: 0 }, e(a), { ref: e(l) }), {
+        default: f(() => [q(u.$slots, "default")]),
         _: 3
-      }, 16)) : (v(), y(oe, P({ key: 1 }, e(r), { ref: e(n) }), {
-        default: f(() => [g(p.$slots, "default")]),
+      }, 16)) : (v(), c(Y, _({ key: 1 }, e(a), { ref: e(l) }), {
+        default: f(() => [q(u.$slots, "default")]),
         _: 3
       }, 16))]),
       _: 3
     }, 8, ["present"]));
   }
-}), pe = re, ae = /* @__PURE__ */ m({
+}), ie = Z, ee = /* @__PURE__ */ m({
   __name: "PopoverPortal",
   props: {
     to: {
@@ -546,62 +546,17 @@ var X = /* @__PURE__ */ m({
       required: !1
     }
   },
-  setup(u) {
-    const d = u;
-    return (t, a) => (v(), y(e(K), V(G(d)), {
-      default: f(() => [g(t.$slots, "default")]),
+  setup(d) {
+    const p = d;
+    return (n, r) => (v(), c(e($), x(W(p)), {
+      default: f(() => [q(n.$slots, "default")]),
       _: 3
     }, 16));
   }
-}), fe = ae, se = /* @__PURE__ */ m({
-  __name: "PopoverTrigger",
-  props: {
-    asChild: {
-      type: Boolean,
-      required: !1
-    },
-    as: {
-      type: null,
-      required: !1,
-      default: "button"
-    }
-  },
-  setup(u) {
-    const d = u, t = O(), { forwardRef: a, currentElement: l } = B();
-    return t.triggerId || (t.triggerId = S(void 0, "reka-popover-trigger")), H(() => {
-      t.triggerElement.value = l.value;
-    }), (r, n) => (v(), y(J(e(t).hasCustomAnchor.value ? e(w) : e(W)), { "as-child": "" }, {
-      default: f(() => [C(e(w), {
-        id: e(t).triggerId,
-        ref: e(a),
-        type: r.as === "button" ? "button" : void 0,
-        "aria-haspopup": "dialog",
-        "aria-expanded": e(t).open.value,
-        "aria-controls": e(t).contentId,
-        "data-state": e(t).open.value ? "open" : "closed",
-        as: r.as,
-        "as-child": d.asChild,
-        onClick: e(t).onOpenToggle
-      }, {
-        default: f(() => [g(r.$slots, "default")]),
-        _: 3
-      }, 8, [
-        "id",
-        "type",
-        "aria-expanded",
-        "aria-controls",
-        "data-state",
-        "as",
-        "as-child",
-        "onClick"
-      ])]),
-      _: 3
-    }));
-  }
-}), ce = se;
+}), le = ee;
 export {
-  de as P,
-  ce as a,
-  fe as b,
-  pe as c
+  se as P,
+  le as a,
+  ie as b,
+  b as i
 };

package/dist/PopoverTrigger-BajjNkGO.js

@@ -0,0 +1,54 @@
+import { u as l, P as a } from "./Teleport-DFrneqLM.js";
+import { u as d } from "./useId-D5WE76CM.js";
+import { P as u } from "./PopperContent-SLoFuK7k.js";
+import { i as c } from "./PopoverPortal-DghpKKm8.js";
+import { defineComponent as g, onMounted as f, createBlock as m, openBlock as v, resolveDynamicComponent as _, unref as r, withCtx as t, createVNode as h, renderSlot as P } from "vue";
+var C = /* @__PURE__ */ g({
+  __name: "PopoverTrigger",
+  props: {
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1,
+      default: "button"
+    }
+  },
+  setup(n) {
+    const i = n, e = c(), { forwardRef: s, currentElement: p } = l();
+    return e.triggerId || (e.triggerId = d(void 0, "reka-popover-trigger")), f(() => {
+      e.triggerElement.value = p.value;
+    }), (o, y) => (v(), m(_(r(e).hasCustomAnchor.value ? r(a) : r(u)), { "as-child": "" }, {
+      default: t(() => [h(r(a), {
+        id: r(e).triggerId,
+        ref: r(s),
+        type: o.as === "button" ? "button" : void 0,
+        "aria-haspopup": "dialog",
+        "aria-expanded": r(e).open.value,
+        "aria-controls": r(e).contentId,
+        "data-state": r(e).open.value ? "open" : "closed",
+        as: o.as,
+        "as-child": i.asChild,
+        onClick: r(e).onOpenToggle
+      }, {
+        default: t(() => [P(o.$slots, "default")]),
+        _: 3
+      }, 8, [
+        "id",
+        "type",
+        "aria-expanded",
+        "aria-controls",
+        "data-state",
+        "as",
+        "as-child",
+        "onClick"
+      ])]),
+      _: 3
+    }));
+  }
+}), w = C;
+export {
+  w as P
+};

package/dist/{PopperContent-XdhqL8Y2.js → PopperContent-SLoFuK7k.js}

@@ -1,5 +1,5 @@
 import { watchEffect as je, getCurrentInstance as ct, toRef as ft, computed as O, camelize as ut, ref as V, onMounted as dt, defineComponent as Ce, renderSlot as Oe, watchPostEffect as Ie, createBlock as pt, openBlock as Xe, unref as M, withCtx as Ye, shallowRef as mt, watch as he, getCurrentScope as ht, onScopeDispose as gt, shallowReadonly as Q, mergeDefaults as wt, createElementBlock as yt, normalizeStyle as vt, createVNode as xt, mergeProps as bt } from "vue";
-import { h as At, f as Ct, j as Ot, c as Ue, a as Ge, e as Ke, k as Pt } from "./Teleport-CSEuZbpM.js";
+import { h as At, f as Ct, j as Ot, c as Ue, u as Ge, P as Ke, k as Pt } from "./Teleport-DFrneqLM.js";
 let ge = 0;
 function Vn() {
   je((e) => {
@@ -1593,11 +1593,11 @@ var Wn = /* @__PURE__ */ Ce({
   }
 }), Xn = Wn;
 export {
-  qn as P,
-  Vn as a,
-  Xn as b,
-  Nn as c,
-  jn as d,
+  jn as P,
+  qn as a,
+  Vn as b,
+  Xn as c,
+  Nn as d,
   $n as e,
   St as u
 };

package/dist/{Teleport-CSEuZbpM.js → Teleport-DFrneqLM.js}

@@ -891,14 +891,14 @@ var St = /* @__PURE__ */ B({
 export {
   xt as D,
   Bt as F,
-  It as P,
+  ye as P,
   lt as S,
   kt as T,
-  pe as a,
+  Lt as a,
   Mt as b,
   Be as c,
   Nt as d,
-  ye as e,
+  It as e,
   Ft as f,
   I as g,
   F as h,
@@ -909,5 +909,5 @@ export {
   je as m,
   de as n,
   Dt as r,
-  Lt as u
+  pe as u
 };