@pantograph/vue 0.32.4 → 0.32.6

package/dist/Dialog/index.js

@@ -1,44 +1,45 @@
-import { defineComponent as oe, useSlots as ne, createBlock as N, openBlock as P, h as s, mergeDefaults as Te, useAttrs as Fe, ref as Y, computed as k, unref as r, withCtx as O, createVNode as w, normalizeProps as Me, guardReactiveProps as He, Transition as Ne, createCommentVNode as I, mergeProps as je, withDirectives as Ie, createElementVNode as ze, normalizeStyle as q, normalizeClass as M, createElementBlock as Ee, vShow as Ve } from "vue";
-import { cva as J } from "class-variance-authority";
-import { DialogTitle as We, DialogRoot as Re, DialogPortal as Le, Primitive as Ue, DialogContent as $e, DialogTrigger as Ke, DialogDescription as Ge } from "reka-ui";
-import { isEmptyElement as f, useVModel as Q, installComponent as re } from "@pantograph/utils-vue";
-import { getComponentOptions as ie, normCls as u, getBemElement as p, getBemBlock as Ye, generateVariantClassList as C, getValidNumber as qe, getPxSize as y, getBemModifier as H, getStyleObject as z, getComponentName as ae } from "@pantograph/utils";
+import { defineComponent as ne, useSlots as re, createBlock as N, openBlock as k, h as c, mergeDefaults as Ie, useAttrs as Ne, ref as j, computed as w, unref as r, withCtx as O, createVNode as C, normalizeProps as je, guardReactiveProps as Ee, Transition as ze, createCommentVNode as E, mergeProps as Ve, withDirectives as We, createElementVNode as Le, normalizeStyle as J, normalizeClass as H, createElementBlock as Re, vShow as Ue } from "vue";
+import { cva as Q } from "class-variance-authority";
+import { DialogTitle as $e, DialogRoot as Ke, DialogPortal as Ge, Primitive as Ye, DialogContent as qe, DialogTrigger as Je, DialogDescription as Qe } from "reka-ui";
+import { isEmptyElement as m, useVModel as X, installComponent as ie } from "@pantograph/utils-vue";
+import { getComponentOptions as ae, normCls as u, getBemElement as d, getBemBlock as Xe, generateVariantClassList as v, getValidNumber as Ze, getPxSize as y, getBemModifier as I, getStyleObject as z, getComponentName as le } from "@pantograph/utils";
 import "clsx";
-import { g as Je } from "../utils-FYU7FkmA.js";
-import { _ as X } from "../IconButton.vue_vue_type_script_setup_true_lang-BWakPloG.js";
+import { g as _e, p as et } from "../utils-ktMrldiH.js";
+import { _ as Z } from "../IconButton.vue_vue_type_script_setup_true_lang-BWakPloG.js";
 import "../Blanket/index.js";
-import { isString as Z, isFunction as Qe } from "es-toolkit";
-import { _ } from "../index-BQAmXDSs.js";
-import { usePointerSwipe as Xe } from "@vueuse/core";
-import { _ as ee } from "../Button.vue_vue_type_script_setup_true_lang-Be-JRcnm.js";
-import { _ as Ze } from "../Blanket.vue_vue_type_style_index_0_lang-DSXcWX6s.js";
-const le = /* @__PURE__ */ oe({
-  ...ie("DialogTitle"),
+import { isString as _, isFunction as tt } from "es-toolkit";
+import { _ as ee } from "../index-BQAmXDSs.js";
+import { usePointerSwipe as ot } from "@vueuse/core";
+import { _ as te } from "../Button.vue_vue_type_script_setup_true_lang-Be-JRcnm.js";
+import { _ as nt } from "../Blanket.vue_vue_type_style_index_0_lang-DSXcWX6s.js";
+const se = /* @__PURE__ */ ne({
+  ...ae("DialogTitle"),
   __name: "DialogTitle",
   props: {
     class: { type: [Array, Object, String, Number, null, Boolean] },
     title: {}
   },
   setup(i) {
-    const S = ne(), c = i, e = () => {
-      var v;
-      const n = (v = S.default) == null ? void 0 : v.call(S, {}), D = !f(n);
-      if (D || c.title)
-        return s(
-          We,
-          { class: u(p(a, "title"), c.class) },
-          () => D ? n : c.title
+    const S = re(), s = i, e = () => {
+      var B;
+      const n = (B = S.default) == null ? void 0 : B.call(S, {}), D = !m(n);
+      if (D || s.title)
+        return c(
+          $e,
+          { class: u(d(a, "title"), s.class) },
+          () => D ? n : s.title
         );
     };
-    return (n, D) => (P(), N(e));
+    return (n, D) => (k(), N(e));
   }
-}), te = ["sm", "md", "lg"], _e = ["modal", "drawer"], et = ["start", "top", "end", "bottom"], tt = ["data-screen"], se = {
+}), oe = ["sm", "md", "lg"], rt = ["modal", "drawer"], it = ["start", "top", "end", "bottom"], at = ["data-screen"], ce = {
   text: "Submit"
-}, ce = {
+}, ue = {
   text: "Cancel",
   type: "ghost",
   color: "neutral"
-}, ot = {
+}, lt = {
+  renderPopupsInContent: !0,
   keyboard: !0,
   openAutoFocus: !1,
   trapFocus: !1,
@@ -67,12 +68,12 @@ const le = /* @__PURE__ */ oe({
   footerCls: void 0,
   swipeTriggerCls: void 0,
   swipeTrigger: void 0,
-  okProps: () => se,
-  cancelProps: () => ce
-}, a = Ye("dialog"), nt = /* @__PURE__ */ oe({
-  ...ie("Dialog", !1),
+  okProps: () => ce,
+  cancelProps: () => ue
+}, a = Xe("dialog"), st = /* @__PURE__ */ ne({
+  ...ae("Dialog", !1),
   __name: "Dialog",
-  props: /* @__PURE__ */ Te({
+  props: /* @__PURE__ */ Ie({
     wrapperStyle: { type: [Boolean, null, String, Object, Array] },
     style: { type: [Boolean, null, String, Object, Array] },
     contentStyle: { type: [Boolean, null, String, Object, Array] },
@@ -124,20 +125,23 @@ const le = /* @__PURE__ */ oe({
     swipeTriggerCls: { type: [Array, Object, String, Number, null, Boolean] },
     screen: { type: Boolean },
     swipeTrigger: { type: Boolean },
+    renderPopupsInContent: { type: Boolean },
+    renderPopupsInTo: { type: Boolean },
+    ignoreParentTo: { type: Boolean },
     disabled: { type: Boolean },
     defer: { type: Boolean },
     forceMount: { type: Boolean },
     disableOutsidePointerEvents: { type: Boolean }
-  }, ot),
-  emits: ["update:open", "pointerDownOutside", "escapeKeyDown", "focusOutside", "update:fullScreen", "ok", "cancel", "close", "openChange"],
+  }, lt),
+  emits: ["update:open", "pointerDownOutside", "escapeKeyDown", "focusOutside", "update:fullScreen", "ok", "cancel", "close", "openChange", "afterClose", "afterOpen"],
   setup(i, { emit: S }) {
-    const c = S, e = i, n = ne(), D = Fe(), v = Y(), j = Je({ triggerRef: v, props: e }), A = Q(e, "open", c, {
+    const s = S, e = i, n = re(), D = Ne(), B = j(), A = _e({ triggerRef: B, props: e }), T = X(e, "open", s, {
       passive: e.open === void 0,
       onChange(t) {
-        t || c("close"), c("openChange", t);
+        t || s("close"), s("openChange", t);
       }
     }), x = async (t) => {
-      if (!t && Qe(e.beforeClose))
+      if (!t && tt(e.beforeClose))
         try {
           const o = await e.beforeClose();
           if (e.beforeCloseDebugger && console.info("beforeClose response", o), !o)
@@ -146,30 +150,30 @@ const le = /* @__PURE__ */ oe({
           e.beforeCloseDebugger && console.error("beforeClose error", o);
           return;
         }
-      A.value = t;
-    }, h = Q(e, "fullScreen", c, {}), ue = () => {
+      T.value = t;
+    }, h = X(e, "fullScreen", s, {}), pe = () => {
       e.canFullScreen && (h.value = !h.value);
     }, de = (t) => {
-      c("ok", t);
-    }, pe = (t) => {
-      c("cancel", t);
+      s("ok", t);
+    }, fe = (t) => {
+      s("cancel", t);
     }, me = () => {
       e.maskClosable && x(!1);
-    }, fe = J(a, {
+    }, ge = Q(a, {
       variants: {
-        frameless: C("frameless", a),
-        fullscreen: C("fullscreen", a),
-        width: C([...te, "custom"], a),
-        type: C(_e, a),
-        side: C(et, a)
+        frameless: v("frameless", a),
+        fullscreen: v("fullscreen", a),
+        width: v([...oe, "custom"], a),
+        type: v(rt, a),
+        side: v(it, a)
       }
-    }), E = p(a, "content"), ge = J(E, {
+    }), V = d(a, "content"), ye = Q(V, {
       variants: {
-        swiping: C("swiping", E)
+        swiping: v("swiping", V)
       }
-    }), m = k(() => {
-      let t = qe(e.width);
-      return t !== void 0 ? t = `${t}px` : Z(e.width) && !te.includes(e.width) && (t = e.width), {
+    }), f = w(() => {
+      let t = Ze(e.width);
+      return t !== void 0 ? t = `${t}px` : _(e.width) && !oe.includes(e.width) && (t = e.width), {
         widthVariant: t ? "custom" : e.width,
         minWidth: y(e.minWidth, !0),
         width: t,
@@ -181,64 +185,64 @@ const le = /* @__PURE__ */ oe({
         mobileDrawerHeight: y(e.mobileDrawerHeight, !0),
         mobileDrawerMaxHeight: y(e.mobileDrawerMaxHeight, !0)
       };
-    }), ye = () => {
+    }), he = () => {
       var o;
       const t = (o = n.trigger) == null ? void 0 : o.call(n, {});
-      if (!f(t))
-        return s(
-          Ke,
+      if (!m(t))
+        return c(
+          Je,
           {
             asChild: !0,
-            ref: v
+            ref: B
           },
           () => t
         );
-    }, he = () => {
+    }, be = () => {
       var o;
       const t = (o = n.beforeTitle) == null ? void 0 : o.call(n, {});
-      if (!f(t)) return t;
-    }, be = () => {
+      if (!m(t)) return t;
+    }, we = () => {
       const t = () => {
         var g;
-        const d = (g = n.beforeActions) == null ? void 0 : g.call(n, {});
-        if (!f(d)) return d;
+        const p = (g = n.beforeActions) == null ? void 0 : g.call(n, {});
+        if (!m(p)) return p;
       }, o = () => {
-        const d = [];
-        if (e.canFullScreen && d.push(
-          s(X, {
+        const p = [];
+        if (e.canFullScreen && p.push(
+          c(Z, {
             icon: h.value ? "tabler:arrows-minimize" : "tabler:arrows-maximize",
             type: "ghost",
             color: "neutral",
-            onClick: ue
+            onClick: pe
           })
-        ), e.closeable && d.push(
-          s(X, {
+        ), e.closeable && p.push(
+          c(Z, {
             icon: "tabler:x",
             type: "ghost",
             color: "neutral",
             onClick: () => x(!1)
           })
-        ), d.length) return s(_, { gap: "sm" }, () => d);
+        ), p.length) return c(ee, { gap: "sm" }, () => p);
       }, l = t(), b = o();
       if (l || b)
-        return s("div", { class: u(p(a, "actions"), e.actionsCls) }, [
+        return c("div", { class: u(d(a, "actions"), e.actionsCls) }, [
           l,
           b
         ]);
-    }, we = () => {
+    }, Ce = () => {
       var l;
-      const t = (l = n.title) == null ? void 0 : l.call(n, {}), o = !f(t);
+      const t = (l = n.title) == null ? void 0 : l.call(n, {}), o = !m(t);
       if (e.title || o)
-        return s(le, { class: e.titleCls }, () => o ? t : e.title);
-    }, Ce = () => {
+        return c(se, { class: e.titleCls }, () => o ? t : e.title);
+    }, ve = () => {
       var l;
-      const t = (l = n.description) == null ? void 0 : l.call(n, {}), o = !f(t);
+      const t = (l = n.description) == null ? void 0 : l.call(n, {}), o = !m(t);
       if (e.description || o)
-        return s(
-          Ge,
+        return c(
+          Qe,
           {
             class: u(
-              p(a, "description"),
+              d(a, "description"),
               "paragraph",
               e.descriptionCls
             )
@@ -246,39 +250,39 @@ const le = /* @__PURE__ */ oe({
           () => o ? t : e.description
         );
     }, Se = () => {
-      const t = be(), o = he();
+      const t = we(), o = be();
       if (e.frameless) return t;
       const l = () => {
-        const g = we();
+        const g = Ce();
         if (g || t || o)
-          return s(
+          return c(
             "div",
-            { class: u(p(a, "title_wrapper"), e.titleWrapperCls) },
+            { class: u(d(a, "title_wrapper"), e.titleWrapperCls) },
             [o, g, t]
           );
-      }, b = Ce(), d = l();
-      if (d || b)
-        return s(
+      }, b = ve(), p = l();
+      if (p || b)
+        return c(
           "div",
           {
-            class: u(p(a, "header"), e.headerCls)
+            class: u(d(a, "header"), e.headerCls)
           },
-          [d, b]
+          [p, b]
         );
     }, De = () => {
-      var U, $;
-      const t = (U = n.footer) == null ? void 0 : U.call(n, {}), o = !f(t), l = ($ = n.beforeFooterActions) == null ? void 0 : $.call(n, {}), b = !f(l);
+      var K, G;
+      const t = (K = n.footer) == null ? void 0 : K.call(n, {}), o = !m(t), l = (G = n.beforeFooterActions) == null ? void 0 : G.call(n, {}), b = !m(l);
       if (e.footer !== void 0 && !e.footer) return null;
       const g = o ? t : (() => {
-        var K, G;
-        const T = [];
-        (K = e.cancelProps) != null && K.hide || T.push(
-          s(
-            ee,
+        var Y, q;
+        const F = [];
+        (Y = e.cancelProps) != null && Y.hide || F.push(
+          c(
+            te,
             {
-              ...ce,
+              ...ue,
               ...e.cancelProps ?? {},
-              onClick: pe
+              onClick: fe
             },
             {
               default: n.cancel,
@@ -286,11 +290,11 @@ const le = /* @__PURE__ */ oe({
               postIcon: n.cancelPostIcon
             }
           )
-        ), (G = e.okProps) != null && G.hide || T.push(
-          s(
-            ee,
+        ), (q = e.okProps) != null && q.hide || F.push(
+          c(
+            te,
             {
-              ...se,
+              ...ce,
               ...e.okProps ?? {},
               onClick: de
             },
@@ -301,38 +305,38 @@ const le = /* @__PURE__ */ oe({
             }
           )
         );
-        const F = [];
-        if (b && F.push(l), T.length && F.push(s(_, { gap: "sm" }, () => T)), F.length) return F;
+        const M = [];
+        if (b && M.push(l), F.length && M.push(c(ee, { gap: "sm" }, () => F)), M.length) return M;
       })();
       if (g)
-        return s(
+        return c(
           "div",
-          { class: u(p(a, "footer"), e.footerCls) },
+          { class: u(d(a, "footer"), e.footerCls) },
           g
         );
-    }, ve = () => {
+    }, Be = () => {
       var o;
       const t = (o = n.default) == null ? void 0 : o.call(n, {});
-      if (!f(t))
-        return e.noBody ? t : s(
+      if (!m(t))
+        return e.noBody ? t : c(
           "div",
           {
-            class: u(p(a, "body"), e.bodyCls)
+            class: u(d(a, "body"), e.bodyCls)
           },
           t
         );
-    }, Be = k(() => {
-      if (e.animated && Z(e.animated)) return e.animated;
-      if (e.type === "modal") return H(a, "fade");
+    }, Pe = w(() => {
+      if (e.animated && _(e.animated)) return e.animated;
+      if (e.type === "modal") return I(a, "fade");
       switch (e.side) {
         case "start":
         case "end":
-          return H(a, "side-x");
+          return I(a, "side-x");
         case "bottom":
         case "top":
-          return H(a, "side-y");
+          return I(a, "side-y");
       }
-    }), ke = k(() => {
+    }), Oe = w(() => {
       switch (e.side) {
         case "start":
         case "top":
@@ -341,131 +345,140 @@ const le = /* @__PURE__ */ oe({
         case "end":
           return 1;
       }
-    }), B = k(
-      () => !h.value && m.value.widthVariant !== "custom" && !(e.type === "drawer" && ["top", "bottom"].includes(e.side))
-    ), V = Y(), { isSwiping: W, direction: R, distanceY: L } = Xe(V, {
+    }), P = w(
+      () => !h.value && f.value.widthVariant !== "custom" && !(e.type === "drawer" && ["top", "bottom"].includes(e.side))
+    ), W = j(), { isSwiping: L, direction: R, distanceY: U } = ot(W, {
       disableTextSelect: !0,
       threshold: 50,
       onSwipeEnd() {
         e.type === "drawer" && e.closeable && (e.side === "bottom" && R.value === "down" || e.side === "top" && R.value === "up") && x(!1);
       }
-    }), Oe = k(() => {
-      if (!W.value || e.type !== "drawer" || !["top", "bottom"].includes(e.side))
+    }), ke = w(() => {
+      if (!L.value || e.type !== "drawer" || !["top", "bottom"].includes(e.side))
         return;
-      const t = Math.min(Math.abs(L.value) / 100, 1);
-      let o = -L.value * t * 0.6;
+      const t = Math.min(Math.abs(U.value) / 100, 1);
+      let o = -U.value * t * 0.6;
       return e.side === "top" ? o = Math.min(0, o) : o = Math.max(0, o), o;
-    }), Pe = (t) => {
-      (!e.keyboard || !e.open) && (t.preventDefault(), t.stopPropagation()), e.open && c("escapeKeyDown", t);
-    }, Ae = (t) => {
+    }), Ae = w(() => e.animated ? e.type === "drawer" ? 250 : 200 : 0), Te = () => s("afterClose"), xe = () => s("afterOpen"), Fe = (t) => {
+      (!e.keyboard || !e.open) && (t.preventDefault(), t.stopPropagation()), e.open && s("escapeKeyDown", t);
+    }, Me = (t) => {
       e.openAutoFocus || (t.preventDefault(), t.stopPropagation());
-    }, xe = (t) => {
+    }, He = (t) => {
       (!e.closeOnClickOutside || !e.open) && (t.preventDefault(), t.stopPropagation());
-    };
-    return (t, o) => (P(), N(r(Re), {
-      open: r(A),
+    }, $ = j();
+    return (e.renderPopupsInContent || e.renderPopupsInTo) && et({
+      to: w(() => {
+        if (e.renderPopupsInContent) return $.value;
+        if (e.renderPopupsInTo) return A.value.to;
+      })
+    }), (t, o) => (k(), N(r(Ke), {
+      open: r(T),
       "onUpdate:open": x,
       modal: i.trapFocus
     }, {
       default: O(() => [
-        w(ye),
-        w(r(Le), Me(He(r(j))), {
+        C(he),
+        C(r(Ge), je(Ee(r(A))), {
           default: O(() => [
-            w(Ne, {
-              name: Be.value,
+            C(ze, {
+              name: Pe.value,
               css: !!i.animated,
-              duration: i.type === "drawer" ? 250 : 200
+              duration: Ae.value,
+              onAfterEnter: xe,
+              onAfterLeave: Te
             }, {
               default: O(() => [
-                r(j).forceMount || r(A) ? (P(), N(r(Ue), je({
-                  "as-child": !B.value || !i.screen,
-                  key: String(!B.value || !i.screen),
+                r(A).forceMount || r(T) ? (k(), N(r(Ye), Ve({
+                  "as-child": !P.value || !i.screen,
+                  key: String(!P.value || !i.screen),
                   class: {
-                    [r(u)("pc_grid", r(p)(r(a), "wrapper"), i.wrapperCls)]: B.value && i.screen,
-                    [r(H)(r(a), "as-drawer-in-mobile")]: e.type === "modal" && i.asDrawerInMobile
+                    [r(u)("pc_grid", r(d)(r(a), "wrapper"), i.wrapperCls)]: P.value && i.screen,
+                    [r(I)(r(a), "as-drawer-in-mobile")]: e.type === "modal" && i.asDrawerInMobile
                   }
                 }, r(D), {
                   style: {
                     zIndex: i.zIndex,
                     "--ptc-dialog-transform": i.fullScreen || i.type === "modal" ? "20px" : "100%",
-                    "--ptc-dialog-transform-ratio": ke.value,
-                    ...r(z)(B.value && i.screen ? i.wrapperStyle : {})
+                    "--ptc-dialog-transform-ratio": Oe.value,
+                    ...r(z)(P.value && i.screen ? i.wrapperStyle : {})
                   }
                 }), {
                   default: O(() => [
-                    Ie(ze("div", {
+                    We(Le("div", {
+                      ref_key: "content",
+                      ref: $,
                       "data-screen": i.screen ? "" : void 0,
-                      class: M(
+                      class: H(
                         r(u)(
                           {
-                            pc_grid__container: B.value
+                            pc_grid__container: P.value
                           },
-                          r(fe)({
+                          r(ge)({
                             frameless: i.frameless,
                             fullscreen: r(h),
-                            width: m.value.widthVariant,
+                            width: f.value.widthVariant,
                             type: i.type,
                             side: i.side
                           }),
                           e.class
                         )
                       ),
-                      style: q({
-                        "--ptc-dialog-w": m.value.width,
-                        "--ptc-dialog-min-h": m.value.minHeight,
-                        "--ptc-dialog-h": m.value.height,
-                        "--ptc-dialog-max-h": m.value.maxHeight,
-                        "--ptc-dialog-mobile-drawer-min-h": m.value.mobileDrawerMinHeight,
-                        "--ptc-dialog-mobile-drawer-h": m.value.mobileDrawerHeight,
-                        "--ptc-dialog-mobile-drawer-max-h": m.value.mobileDrawerMaxHeight,
+                      style: J({
+                        "--ptc-dialog-w": f.value.width,
+                        "--ptc-dialog-min-h": f.value.minHeight,
+                        "--ptc-dialog-h": f.value.height,
+                        "--ptc-dialog-max-h": f.value.maxHeight,
+                        "--ptc-dialog-mobile-drawer-min-h": f.value.mobileDrawerMinHeight,
+                        "--ptc-dialog-mobile-drawer-h": f.value.mobileDrawerHeight,
+                        "--ptc-dialog-mobile-drawer-max-h": f.value.mobileDrawerMaxHeight,
                         ...r(z)(i.style)
                       })
                     }, [
-                      !r(h) && i.mask ? (P(), N(r(Ze), {
+                      !r(h) && i.mask ? (k(), N(r(nt), {
                         key: 0,
                         onClick: me,
-                        class: M(r(u)(r(p)(r(a), "blanket"), i.blanketCls)),
+                        class: H(r(u)(r(d)(r(a), "blanket"), i.blanketCls)),
                         screen: !1
-                      }, null, 8, ["class"])) : I("", !0),
-                      w(r($e), {
-                        forceMount: r(j).forceMount,
-                        onInteractOutside: xe,
-                        onOpenAutoFocus: Ae,
-                        onEscapeKeyDown: Pe,
-                        onPointerDownOutside: o[0] || (o[0] = (l) => c("pointerDownOutside", l)),
-                        onFocusOutside: o[1] || (o[1] = (l) => c("focusOutside", l)),
-                        class: M(
+                      }, null, 8, ["class"])) : E("", !0),
+                      C(r(qe), {
+                        forceMount: r(A).forceMount,
+                        onInteractOutside: He,
+                        onOpenAutoFocus: Me,
+                        onEscapeKeyDown: Fe,
+                        onPointerDownOutside: o[0] || (o[0] = (l) => s("pointerDownOutside", l)),
+                        onFocusOutside: o[1] || (o[1] = (l) => s("focusOutside", l)),
+                        class: H(
                           r(u)(
-                            r(ge)({
-                              swiping: r(W)
+                            r(ye)({
+                              swiping: r(L)
                             }),
                             i.contentCls
                           )
                         ),
-                        style: q({
-                          "--ptc-dialog-swipe-transform": Oe.value,
+                        style: J({
+                          "--ptc-dialog-swipe-transform": ke.value,
                           ...r(z)(i.contentStyle)
                         })
                       }, {
                         default: O(() => [
-                          w(Se),
-                          w(ve),
-                          w(De),
-                          e.swipeTrigger && i.type === "drawer" && ["top", "bottom"].includes(e.side) && !r(h) ? (P(), Ee("div", {
+                          C(Se),
+                          C(Be),
+                          C(De),
+                          e.swipeTrigger && i.type === "drawer" && ["top", "bottom"].includes(e.side) && !r(h) ? (k(), Re("div", {
                             key: 0,
                             ref_key: "swipeTrigger",
-                            ref: V,
-                            class: M(r(u)(r(p)(r(a), "swipe_trigger"), i.swipeTriggerCls))
-                          }, null, 2)) : I("", !0)
+                            ref: W,
+                            class: H(r(u)(r(d)(r(a), "swipe_trigger"), i.swipeTriggerCls))
+                          }, null, 2)) : E("", !0)
                         ]),
                         _: 1
                       }, 8, ["forceMount", "class", "style"])
-                    ], 14, tt), [
-                      [Ve, r(A)]
+                    ], 14, at), [
+                      [Ue, r(T)]
                     ])
                   ]),
                   _: 1
-                }, 16, ["as-child", "class", "style"])) : I("", !0)
+                }, 16, ["as-child", "class", "style"])) : E("", !0)
               ]),
               _: 1
             }, 8, ["name", "css", "duration"])
@@ -476,15 +489,15 @@ const le = /* @__PURE__ */ oe({
       _: 1
     }, 8, ["open", "modal"]));
   }
-}), bt = re(nt, ae("Dialog")), wt = re(le, ae("DialogTitle"));
+}), Dt = ie(st, le("Dialog")), Bt = ie(se, le("DialogTitle"));
 export {
-  ot as DIALOG_DEFAULT_PROPS,
-  nt as Dialog,
-  et as DialogDrawerSides,
-  bt as DialogPlugin,
-  te as DialogSizes,
-  le as DialogTitle,
-  wt as DialogTitlePlugin,
-  _e as DialogTypes,
-  nt as default
+  lt as DIALOG_DEFAULT_PROPS,
+  st as Dialog,
+  it as DialogDrawerSides,
+  Dt as DialogPlugin,
+  oe as DialogSizes,
+  se as DialogTitle,
+  Bt as DialogTitlePlugin,
+  rt as DialogTypes,
+  st as default
 };