@zenuml/core 3.28.0 → 3.29.0

package/dist/{StylePanel.532c3308.js → StylePanel-d97574ab.js}

@@ -1,5 +1,5 @@
-import { b as P, u as H, r as E, s as _e, w as k, g as lt, d as at, e as Q, F as ze, m as pe, t as Ee, f as Ie, n as ct, p as ft, h as ut, i as dt, j as ne, U as mt, k as he, T as pt, l as ht, S as gt, q as vt, v as wt, x as yt, y as xt, z as bt, P as Ct, o as Pe, A as At, B as Ot, a as ge, c as Tt, C as Rt, D as St, E as Et, G as Pt, H as Lt, I as Ft } from "./core.a6e9173d.js";
-const Ve = ["top", "right", "bottom", "left"], Le = ["start", "end"], Fe = /* @__PURE__ */ Ve.reduce((e, t) => e.concat(t, t + "-" + Le[0], t + "-" + Le[1]), []), Z = Math.min, q = Math.max, ae = Math.round, le = Math.floor, Y = (e) => ({
+import { b as P, u as H, r as R, s as We, w as k, g as lt, d as at, e as Q, F as Ie, m as pe, t as Re, f as Ve, n as ct, p as ut, h as ft, i as dt, j as ne, U as mt, k as ve, T as pt, l as vt, S as gt, q as ht, v as wt, x as yt, y as xt, z as bt, P as Ct, o as Pe, A as Ot, B as At, a as ge, c as Tt, C as St, D as Et, E as Rt, G as Pt, H as Ft, I as Lt } from "./core-570fde53.js";
+const ze = ["top", "right", "bottom", "left"], Fe = ["start", "end"], Le = /* @__PURE__ */ ze.reduce((e, t) => e.concat(t, t + "-" + Fe[0], t + "-" + Fe[1]), []), Z = Math.min, q = Math.max, ae = Math.round, le = Math.floor, X = (e) => ({
   x: e,
   y: e
 }), Bt = {
@@ -17,10 +17,10 @@ function ye(e, t, n) {
 function K(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function V(e) {
+function z(e) {
   return e.split("-")[0];
 }
-function W(e) {
+function M(e) {
   return e.split("-")[1];
 }
 function Ue(e) {
@@ -30,19 +30,19 @@ function be(e) {
   return e === "y" ? "height" : "width";
 }
 function de(e) {
-  return ["top", "bottom"].includes(V(e)) ? "y" : "x";
+  return ["top", "bottom"].includes(z(e)) ? "y" : "x";
 }
 function Ce(e) {
   return Ue(de(e));
 }
-function Ye(e, t, n) {
+function Xe(e, t, n) {
   n === void 0 && (n = !1);
-  const i = W(e), o = Ce(e), r = be(o);
+  const i = M(e), o = Ce(e), r = be(o);
   let s = o === "x" ? i === (n ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return t.reference[r] > t.floating[r] && (s = fe(s)), [s, fe(s)];
+  return t.reference[r] > t.floating[r] && (s = ue(s)), [s, ue(s)];
 }
 function Nt(e) {
-  const t = fe(e);
+  const t = ue(e);
   return [ce(e), t, ce(t)];
 }
 function ce(e) {
@@ -62,14 +62,14 @@ function $t(e, t, n) {
   }
 }
 function kt(e, t, n, i) {
-  const o = W(e);
-  let r = $t(V(e), n === "start", i);
+  const o = M(e);
+  let r = $t(z(e), n === "start", i);
   return o && (r = r.map((s) => s + "-" + o), t && (r = r.concat(r.map(ce)))), r;
 }
-function fe(e) {
+function ue(e) {
   return e.replace(/left|right|bottom|top/g, (t) => Bt[t]);
 }
-function Mt(e) {
+function jt(e) {
   return {
     top: 0,
     right: 0,
@@ -78,15 +78,15 @@ function Mt(e) {
     ...e
   };
 }
-function Xe(e) {
-  return typeof e != "number" ? Mt(e) : {
+function Ye(e) {
+  return typeof e != "number" ? jt(e) : {
     top: e,
     right: e,
     bottom: e,
     left: e
   };
 }
-function ue(e) {
+function fe(e) {
   const {
     x: t,
     y: n,
@@ -109,80 +109,80 @@ function Be(e, t, n) {
     reference: i,
     floating: o
   } = e;
-  const r = de(t), s = Ce(t), l = be(s), f = V(t), c = r === "y", u = i.x + i.width / 2 - o.width / 2, d = i.y + i.height / 2 - o.height / 2, g = i[l] / 2 - o[l] / 2;
-  let m;
-  switch (f) {
+  const r = de(t), s = Ce(t), l = be(s), u = z(t), c = r === "y", f = i.x + i.width / 2 - o.width / 2, m = i.y + i.height / 2 - o.height / 2, w = i[l] / 2 - o[l] / 2;
+  let d;
+  switch (u) {
     case "top":
-      m = {
-        x: u,
+      d = {
+        x: f,
         y: i.y - o.height
       };
       break;
     case "bottom":
-      m = {
-        x: u,
+      d = {
+        x: f,
         y: i.y + i.height
       };
       break;
     case "right":
-      m = {
+      d = {
         x: i.x + i.width,
-        y: d
+        y: m
       };
       break;
     case "left":
-      m = {
+      d = {
         x: i.x - o.width,
-        y: d
+        y: m
       };
       break;
     default:
-      m = {
+      d = {
         x: i.x,
         y: i.y
       };
   }
-  switch (W(t)) {
+  switch (M(t)) {
     case "start":
-      m[s] -= g * (n && c ? -1 : 1);
+      d[s] -= w * (n && c ? -1 : 1);
       break;
     case "end":
-      m[s] += g * (n && c ? -1 : 1);
+      d[s] += w * (n && c ? -1 : 1);
       break;
   }
-  return m;
+  return d;
 }
-const jt = async (e, t, n) => {
+const _t = async (e, t, n) => {
   const {
     placement: i = "bottom",
     strategy: o = "absolute",
     middleware: r = [],
     platform: s
-  } = n, l = r.filter(Boolean), f = await (s.isRTL == null ? void 0 : s.isRTL(t));
+  } = n, l = r.filter(Boolean), u = await (s.isRTL == null ? void 0 : s.isRTL(t));
   let c = await s.getElementRects({
     reference: e,
     floating: t,
     strategy: o
   }), {
-    x: u,
-    y: d
-  } = Be(c, i, f), g = i, m = {}, a = 0;
-  for (let h = 0; h < l.length; h++) {
+    x: f,
+    y: m
+  } = Be(c, i, u), w = i, d = {}, a = 0;
+  for (let v = 0; v < l.length; v++) {
     const {
-      name: v,
-      fn: w
-    } = l[h], {
+      name: g,
+      fn: h
+    } = l[v], {
       x: y,
       y: b,
       data: C,
-      reset: A
-    } = await w({
-      x: u,
-      y: d,
+      reset: O
+    } = await h({
+      x: f,
+      y: m,
       initialPlacement: i,
-      placement: g,
+      placement: w,
       strategy: o,
-      middlewareData: m,
+      middlewareData: d,
       rects: c,
       platform: s,
       elements: {
@@ -190,27 +190,27 @@ const jt = async (e, t, n) => {
         floating: t
       }
     });
-    u = y != null ? y : u, d = b != null ? b : d, m = {
-      ...m,
-      [v]: {
-        ...m[v],
+    f = y ?? f, m = b ?? m, d = {
+      ...d,
+      [g]: {
+        ...d[g],
         ...C
       }
-    }, A && a <= 50 && (a++, typeof A == "object" && (A.placement && (g = A.placement), A.rects && (c = A.rects === !0 ? await s.getElementRects({
+    }, O && a <= 50 && (a++, typeof O == "object" && (O.placement && (w = O.placement), O.rects && (c = O.rects === !0 ? await s.getElementRects({
       reference: e,
       floating: t,
       strategy: o
-    }) : A.rects), {
-      x: u,
-      y: d
-    } = Be(c, g, f)), h = -1);
+    }) : O.rects), {
+      x: f,
+      y: m
+    } = Be(c, w, u)), v = -1);
   }
   return {
-    x: u,
-    y: d,
-    placement: g,
+    x: f,
+    y: m,
+    placement: w,
     strategy: o,
-    middlewareData: m
+    middlewareData: d
   };
 };
 async function oe(e, t) {
@@ -222,19 +222,19 @@ async function oe(e, t) {
     platform: r,
     rects: s,
     elements: l,
-    strategy: f
+    strategy: u
   } = e, {
     boundary: c = "clippingAncestors",
-    rootBoundary: u = "viewport",
-    elementContext: d = "floating",
-    altBoundary: g = !1,
-    padding: m = 0
-  } = K(t, e), a = Xe(m), v = l[g ? d === "floating" ? "reference" : "floating" : d], w = ue(await r.getClippingRect({
-    element: (n = await (r.isElement == null ? void 0 : r.isElement(v))) == null || n ? v : v.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(l.floating)),
+    rootBoundary: f = "viewport",
+    elementContext: m = "floating",
+    altBoundary: w = !1,
+    padding: d = 0
+  } = K(t, e), a = Ye(d), g = l[w ? m === "floating" ? "reference" : "floating" : m], h = fe(await r.getClippingRect({
+    element: (n = await (r.isElement == null ? void 0 : r.isElement(g))) == null || n ? g : g.contextElement || await (r.getDocumentElement == null ? void 0 : r.getDocumentElement(l.floating)),
     boundary: c,
-    rootBoundary: u,
-    strategy: f
-  })), y = d === "floating" ? {
+    rootBoundary: f,
+    strategy: u
+  })), y = m === "floating" ? {
     x: i,
     y: o,
     width: s.floating.width,
@@ -245,17 +245,17 @@ async function oe(e, t) {
   } : {
     x: 1,
     y: 1
-  }, A = ue(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, O = fe(r.convertOffsetParentRelativeRectToViewportRelativeRect ? await r.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
     rect: y,
     offsetParent: b,
-    strategy: f
+    strategy: u
   }) : y);
   return {
-    top: (w.top - A.top + a.top) / C.y,
-    bottom: (A.bottom - w.bottom + a.bottom) / C.y,
-    left: (w.left - A.left + a.left) / C.x,
-    right: (A.right - w.right + a.right) / C.x
+    top: (h.top - O.top + a.top) / C.y,
+    bottom: (O.bottom - h.bottom + a.bottom) / C.y,
+    left: (h.left - O.left + a.left) / C.x,
+    right: (O.right - h.right + a.right) / C.x
   };
 }
 const Ht = (e) => ({
@@ -269,37 +269,37 @@ const Ht = (e) => ({
       rects: r,
       platform: s,
       elements: l,
-      middlewareData: f
+      middlewareData: u
     } = t, {
       element: c,
-      padding: u = 0
+      padding: f = 0
     } = K(e, t) || {};
     if (c == null)
       return {};
-    const d = Xe(u), g = {
+    const m = Ye(f), w = {
       x: n,
       y: i
-    }, m = Ce(o), a = be(m), h = await s.getDimensions(c), v = m === "y", w = v ? "top" : "left", y = v ? "bottom" : "right", b = v ? "clientHeight" : "clientWidth", C = r.reference[a] + r.reference[m] - g[m] - r.floating[a], A = g[m] - r.reference[m], O = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
-    let p = O ? O[b] : 0;
-    (!p || !await (s.isElement == null ? void 0 : s.isElement(O))) && (p = l.floating[b] || r.floating[a]);
-    const T = C / 2 - A / 2, L = p / 2 - h[a] / 2 - 1, S = Z(d[w], L), B = Z(d[y], L), R = S, D = p - h[a] - B, F = p / 2 - h[a] / 2 + T, $ = ye(R, F, D), j = !f.arrow && W(o) != null && F !== $ && r.reference[a] / 2 - (F < R ? S : B) - h[a] / 2 < 0, I = j ? F < R ? F - R : F - D : 0;
+    }, d = Ce(o), a = be(d), v = await s.getDimensions(c), g = d === "y", h = g ? "top" : "left", y = g ? "bottom" : "right", b = g ? "clientHeight" : "clientWidth", C = r.reference[a] + r.reference[d] - w[d] - r.floating[a], O = w[d] - r.reference[d], A = await (s.getOffsetParent == null ? void 0 : s.getOffsetParent(c));
+    let p = A ? A[b] : 0;
+    (!p || !await (s.isElement == null ? void 0 : s.isElement(A))) && (p = l.floating[b] || r.floating[a]);
+    const T = C / 2 - O / 2, F = p / 2 - v[a] / 2 - 1, E = Z(m[h], F), B = Z(m[y], F), S = E, D = p - v[a] - B, L = p / 2 - v[a] / 2 + T, $ = ye(S, L, D), _ = !u.arrow && M(o) != null && L !== $ && r.reference[a] / 2 - (L < S ? E : B) - v[a] / 2 < 0, V = _ ? L < S ? L - S : L - D : 0;
     return {
-      [m]: g[m] + I,
+      [d]: w[d] + V,
       data: {
-        [m]: $,
-        centerOffset: F - $ - I,
-        ...j && {
-          alignmentOffset: I
+        [d]: $,
+        centerOffset: L - $ - V,
+        ..._ && {
+          alignmentOffset: V
         }
       },
-      reset: j
+      reset: _
     };
   }
 });
-function Wt(e, t, n) {
-  return (e ? [...n.filter((o) => W(o) === e), ...n.filter((o) => W(o) !== e)] : n.filter((o) => V(o) === o)).filter((o) => e ? W(o) === e || (t ? ce(o) !== o : !1) : !0);
+function Mt(e, t, n) {
+  return (e ? [...n.filter((o) => M(o) === e), ...n.filter((o) => M(o) !== e)] : n.filter((o) => z(o) === o)).filter((o) => e ? M(o) === e || (t ? ce(o) !== o : !1) : !0);
 }
-const _t = function(e) {
+const Wt = function(e) {
   return e === void 0 && (e = {}), {
     name: "autoPlacement",
     options: e,
@@ -309,57 +309,65 @@ const _t = function(e) {
         rects: r,
         middlewareData: s,
         placement: l,
-        platform: f,
+        platform: u,
         elements: c
       } = t, {
-        crossAxis: u = !1,
-        alignment: d,
-        allowedPlacements: g = Fe,
-        autoAlignment: m = !0,
+        crossAxis: f = !1,
+        alignment: m,
+        allowedPlacements: w = Le,
+        autoAlignment: d = !0,
         ...a
-      } = K(e, t), h = d !== void 0 || g === Fe ? Wt(d || null, m, g) : g, v = await oe(t, a), w = ((n = s.autoPlacement) == null ? void 0 : n.index) || 0, y = h[w];
+      } = K(e, t), v = m !== void 0 || w === Le ? Mt(m || null, d, w) : w, g = await oe(t, a), h = ((n = s.autoPlacement) == null ? void 0 : n.index) || 0, y = v[h];
       if (y == null)
         return {};
-      const b = Ye(y, r, await (f.isRTL == null ? void 0 : f.isRTL(c.floating)));
+      const b = Xe(y, r, await (u.isRTL == null ? void 0 : u.isRTL(c.floating)));
       if (l !== y)
         return {
           reset: {
-            placement: h[0]
+            placement: v[0]
           }
         };
-      const C = [v[V(y)], v[b[0]], v[b[1]]], A = [...((i = s.autoPlacement) == null ? void 0 : i.overflows) || [], {
+      const C = [g[z(y)], g[b[0]], g[b[1]]], O = [...((i = s.autoPlacement) == null ? void 0 : i.overflows) || [], {
         placement: y,
         overflows: C
-      }], O = h[w + 1];
-      if (O)
+      }], A = v[h + 1];
+      if (A)
         return {
           data: {
-            index: w + 1,
-            overflows: A
+            index: h + 1,
+            overflows: O
           },
           reset: {
-            placement: O
+            placement: A
           }
         };
-      const p = A.map((S) => {
-        const B = W(S.placement);
-        return [S.placement, B && u ? S.overflows.slice(0, 2).reduce((R, D) => R + D, 0) : S.overflows[0], S.overflows];
-      }).sort((S, B) => S[1] - B[1]), L = ((o = p.filter((S) => S[2].slice(
+      const p = O.map((E) => {
+        const B = M(E.placement);
+        return [E.placement, B && f ? (
+          // Check along the mainAxis and main crossAxis side.
+          E.overflows.slice(0, 2).reduce((S, D) => S + D, 0)
+        ) : (
+          // Check only the mainAxis.
+          E.overflows[0]
+        ), E.overflows];
+      }).sort((E, B) => E[1] - B[1]), F = ((o = p.filter((E) => E[2].slice(
         0,
-        W(S[0]) ? 2 : 3
+        // Aligned placements should not check their opposite crossAxis
+        // side.
+        M(E[0]) ? 2 : 3
       ).every((B) => B <= 0))[0]) == null ? void 0 : o[0]) || p[0][0];
-      return L !== l ? {
+      return F !== l ? {
         data: {
-          index: w + 1,
-          overflows: A
+          index: h + 1,
+          overflows: O
         },
         reset: {
-          placement: L
+          placement: F
         }
       } : {};
     }
   };
-}, zt = function(e) {
+}, It = function(e) {
   return e === void 0 && (e = {}), {
     name: "flip",
     options: e,
@@ -370,60 +378,60 @@ const _t = function(e) {
         middlewareData: r,
         rects: s,
         initialPlacement: l,
-        platform: f,
+        platform: u,
         elements: c
       } = t, {
-        mainAxis: u = !0,
-        crossAxis: d = !0,
-        fallbackPlacements: g,
-        fallbackStrategy: m = "bestFit",
+        mainAxis: f = !0,
+        crossAxis: m = !0,
+        fallbackPlacements: w,
+        fallbackStrategy: d = "bestFit",
         fallbackAxisSideDirection: a = "none",
-        flipAlignment: h = !0,
-        ...v
+        flipAlignment: v = !0,
+        ...g
       } = K(e, t);
       if ((n = r.arrow) != null && n.alignmentOffset)
         return {};
-      const w = V(o), y = V(l) === l, b = await (f.isRTL == null ? void 0 : f.isRTL(c.floating)), C = g || (y || !h ? [fe(l)] : Nt(l));
-      !g && a !== "none" && C.push(...kt(l, h, a, b));
-      const A = [l, ...C], O = await oe(t, v), p = [];
+      const h = z(o), y = z(l) === l, b = await (u.isRTL == null ? void 0 : u.isRTL(c.floating)), C = w || (y || !v ? [ue(l)] : Nt(l));
+      !w && a !== "none" && C.push(...kt(l, v, a, b));
+      const O = [l, ...C], A = await oe(t, g), p = [];
       let T = ((i = r.flip) == null ? void 0 : i.overflows) || [];
-      if (u && p.push(O[w]), d) {
-        const R = Ye(o, s, b);
-        p.push(O[R[0]], O[R[1]]);
+      if (f && p.push(A[h]), m) {
+        const S = Xe(o, s, b);
+        p.push(A[S[0]], A[S[1]]);
       }
       if (T = [...T, {
         placement: o,
         overflows: p
-      }], !p.every((R) => R <= 0)) {
-        var L, S;
-        const R = (((L = r.flip) == null ? void 0 : L.index) || 0) + 1, D = A[R];
+      }], !p.every((S) => S <= 0)) {
+        var F, E;
+        const S = (((F = r.flip) == null ? void 0 : F.index) || 0) + 1, D = O[S];
         if (D)
           return {
             data: {
-              index: R,
+              index: S,
               overflows: T
             },
             reset: {
               placement: D
             }
           };
-        let F = (S = T.filter(($) => $.overflows[0] <= 0).sort(($, j) => $.overflows[1] - j.overflows[1])[0]) == null ? void 0 : S.placement;
-        if (!F)
-          switch (m) {
+        let L = (E = T.filter(($) => $.overflows[0] <= 0).sort(($, _) => $.overflows[1] - _.overflows[1])[0]) == null ? void 0 : E.placement;
+        if (!L)
+          switch (d) {
             case "bestFit": {
               var B;
-              const $ = (B = T.map((j) => [j.placement, j.overflows.filter((I) => I > 0).reduce((I, st) => I + st, 0)]).sort((j, I) => j[1] - I[1])[0]) == null ? void 0 : B[0];
-              $ && (F = $);
+              const $ = (B = T.map((_) => [_.placement, _.overflows.filter((V) => V > 0).reduce((V, st) => V + st, 0)]).sort((_, V) => _[1] - V[1])[0]) == null ? void 0 : B[0];
+              $ && (L = $);
               break;
             }
             case "initialPlacement":
-              F = l;
+              L = l;
               break;
           }
-        if (o !== F)
+        if (o !== L)
           return {
             reset: {
-              placement: F
+              placement: L
             }
           };
       }
@@ -440,9 +448,9 @@ function De(e, t) {
   };
 }
 function Ne(e) {
-  return Ve.some((t) => e[t] >= 0);
+  return ze.some((t) => e[t] >= 0);
 }
-const It = function(e) {
+const Vt = function(e) {
   return e === void 0 && (e = {}), {
     name: "hide",
     options: e,
@@ -484,32 +492,32 @@ const It = function(e) {
     }
   };
 };
-async function Vt(e, t) {
+async function zt(e, t) {
   const {
     placement: n,
     platform: i,
     elements: o
-  } = e, r = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), s = V(n), l = W(n), f = de(n) === "y", c = ["left", "top"].includes(s) ? -1 : 1, u = r && f ? -1 : 1, d = K(t, e);
+  } = e, r = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), s = z(n), l = M(n), u = de(n) === "y", c = ["left", "top"].includes(s) ? -1 : 1, f = r && u ? -1 : 1, m = K(t, e);
   let {
-    mainAxis: g,
-    crossAxis: m,
+    mainAxis: w,
+    crossAxis: d,
     alignmentAxis: a
-  } = typeof d == "number" ? {
-    mainAxis: d,
+  } = typeof m == "number" ? {
+    mainAxis: m,
     crossAxis: 0,
     alignmentAxis: null
   } : {
     mainAxis: 0,
     crossAxis: 0,
     alignmentAxis: null,
-    ...d
+    ...m
   };
-  return l && typeof a == "number" && (m = l === "end" ? a * -1 : a), f ? {
-    x: m * u,
-    y: g * c
+  return l && typeof a == "number" && (d = l === "end" ? a * -1 : a), u ? {
+    x: d * f,
+    y: w * c
   } : {
-    x: g * c,
-    y: m * u
+    x: w * c,
+    y: d * f
   };
 }
 const Ut = function(e) {
@@ -523,18 +531,18 @@ const Ut = function(e) {
         y: r,
         placement: s,
         middlewareData: l
-      } = t, f = await Vt(t, e);
+      } = t, u = await zt(t, e);
       return s === ((n = l.offset) == null ? void 0 : n.placement) && (i = l.arrow) != null && i.alignmentOffset ? {} : {
-        x: o + f.x,
-        y: r + f.y,
+        x: o + u.x,
+        y: r + u.y,
         data: {
-          ...f,
+          ...u,
           placement: s
         }
       };
     }
   };
-}, Yt = function(e) {
+}, Xt = function(e) {
   return e === void 0 && (e = {}), {
     name: "shift",
     options: e,
@@ -547,41 +555,41 @@ const Ut = function(e) {
         mainAxis: r = !0,
         crossAxis: s = !1,
         limiter: l = {
-          fn: (v) => {
+          fn: (g) => {
             let {
-              x: w,
+              x: h,
               y
-            } = v;
+            } = g;
             return {
-              x: w,
+              x: h,
               y
             };
           }
         },
-        ...f
+        ...u
       } = K(e, t), c = {
         x: n,
         y: i
-      }, u = await oe(t, f), d = de(V(o)), g = Ue(d);
-      let m = c[g], a = c[d];
+      }, f = await oe(t, u), m = de(z(o)), w = Ue(m);
+      let d = c[w], a = c[m];
       if (r) {
-        const v = g === "y" ? "top" : "left", w = g === "y" ? "bottom" : "right", y = m + u[v], b = m - u[w];
-        m = ye(y, m, b);
+        const g = w === "y" ? "top" : "left", h = w === "y" ? "bottom" : "right", y = d + f[g], b = d - f[h];
+        d = ye(y, d, b);
       }
       if (s) {
-        const v = d === "y" ? "top" : "left", w = d === "y" ? "bottom" : "right", y = a + u[v], b = a - u[w];
+        const g = m === "y" ? "top" : "left", h = m === "y" ? "bottom" : "right", y = a + f[g], b = a - f[h];
         a = ye(y, a, b);
       }
-      const h = l.fn({
+      const v = l.fn({
         ...t,
-        [g]: m,
-        [d]: a
+        [w]: d,
+        [m]: a
       });
       return {
-        ...h,
+        ...v,
         data: {
-          x: h.x - n,
-          y: h.y - i
+          x: v.x - n,
+          y: v.y - i
         }
       };
     }
@@ -601,10 +609,10 @@ function U(e) {
 function qe(e) {
   return e instanceof Node || e instanceof N(e).Node;
 }
-function _(e) {
+function W(e) {
   return e instanceof Element || e instanceof N(e).Element;
 }
-function z(e) {
+function I(e) {
   return e instanceof HTMLElement || e instanceof N(e).HTMLElement;
 }
 function $e(e) {
@@ -616,36 +624,36 @@ function se(e) {
     overflowX: n,
     overflowY: i,
     display: o
-  } = M(e);
+  } = j(e);
   return /auto|scroll|overlay|hidden|clip/.test(t + i + n) && !["inline", "contents"].includes(o);
 }
-function Xt(e) {
+function Yt(e) {
   return ["table", "td", "th"].includes(te(e));
 }
-function Ae(e) {
-  const t = Oe(), n = M(e);
+function Oe(e) {
+  const t = Ae(), n = j(e);
   return n.transform !== "none" || n.perspective !== "none" || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || ["transform", "perspective", "filter"].some((i) => (n.willChange || "").includes(i)) || ["paint", "layout", "strict", "content"].some((i) => (n.contain || "").includes(i));
 }
 function qt(e) {
-  let t = X(e);
-  for (; z(t) && !ee(t); ) {
-    if (Ae(t))
+  let t = Y(e);
+  for (; I(t) && !ee(t); ) {
+    if (Oe(t))
       return t;
-    t = X(t);
+    t = Y(t);
   }
   return null;
 }
-function Oe() {
+function Ae() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 function ee(e) {
   return ["html", "body", "#document"].includes(te(e));
 }
-function M(e) {
+function j(e) {
   return N(e).getComputedStyle(e);
 }
 function me(e) {
-  return _(e) ? {
+  return W(e) ? {
     scrollLeft: e.scrollLeft,
     scrollTop: e.scrollTop
   } : {
@@ -653,15 +661,21 @@ function me(e) {
     scrollTop: e.pageYOffset
   };
 }
-function X(e) {
+function Y(e) {
   if (te(e) === "html")
     return e;
-  const t = e.assignedSlot || e.parentNode || $e(e) && e.host || U(e);
+  const t = (
+    // Step into the shadow DOM of the parent of a slotted node.
+    e.assignedSlot || // DOM Element detected.
+    e.parentNode || // ShadowRoot detected.
+    $e(e) && e.host || // Fallback.
+    U(e)
+  );
   return $e(t) ? t.host : t;
 }
 function Ge(e) {
-  const t = X(e);
-  return ee(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : z(t) && se(t) ? t : Ge(t);
+  const t = Y(e);
+  return ee(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : I(t) && se(t) ? t : Ge(t);
 }
 function ie(e, t, n) {
   var i;
@@ -670,9 +684,9 @@ function ie(e, t, n) {
   return r ? t.concat(s, s.visualViewport || [], se(o) ? o : [], s.frameElement && n ? ie(s.frameElement) : []) : t.concat(o, ie(o, [], n));
 }
 function Ke(e) {
-  const t = M(e);
+  const t = j(e);
   let n = parseFloat(t.width) || 0, i = parseFloat(t.height) || 0;
-  const o = z(e), r = o ? e.offsetWidth : n, s = o ? e.offsetHeight : i, l = ae(n) !== r || ae(i) !== s;
+  const o = I(e), r = o ? e.offsetWidth : n, s = o ? e.offsetHeight : i, l = ae(n) !== r || ae(i) !== s;
   return l && (n = r, i = s), {
     width: n,
     height: i,
@@ -680,12 +694,12 @@ function Ke(e) {
   };
 }
 function Te(e) {
-  return _(e) ? e : e.contextElement;
+  return W(e) ? e : e.contextElement;
 }
 function J(e) {
   const t = Te(e);
-  if (!z(t))
-    return Y(1);
+  if (!I(t))
+    return X(1);
   const n = t.getBoundingClientRect(), {
     width: i,
     height: o,
@@ -697,10 +711,10 @@ function J(e) {
     y: l
   };
 }
-const Gt = /* @__PURE__ */ Y(0);
+const Gt = /* @__PURE__ */ X(0);
 function Qe(e) {
   const t = N(e);
-  return !Oe() || !t.visualViewport ? Gt : {
+  return !Ae() || !t.visualViewport ? Gt : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
@@ -711,27 +725,27 @@ function Kt(e, t, n) {
 function G(e, t, n, i) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   const o = e.getBoundingClientRect(), r = Te(e);
-  let s = Y(1);
-  t && (i ? _(i) && (s = J(i)) : s = J(e));
-  const l = Kt(r, n, i) ? Qe(r) : Y(0);
-  let f = (o.left + l.x) / s.x, c = (o.top + l.y) / s.y, u = o.width / s.x, d = o.height / s.y;
+  let s = X(1);
+  t && (i ? W(i) && (s = J(i)) : s = J(e));
+  const l = Kt(r, n, i) ? Qe(r) : X(0);
+  let u = (o.left + l.x) / s.x, c = (o.top + l.y) / s.y, f = o.width / s.x, m = o.height / s.y;
   if (r) {
-    const g = N(r), m = i && _(i) ? N(i) : i;
-    let a = g, h = a.frameElement;
-    for (; h && i && m !== a; ) {
-      const v = J(h), w = h.getBoundingClientRect(), y = M(h), b = w.left + (h.clientLeft + parseFloat(y.paddingLeft)) * v.x, C = w.top + (h.clientTop + parseFloat(y.paddingTop)) * v.y;
-      f *= v.x, c *= v.y, u *= v.x, d *= v.y, f += b, c += C, a = N(h), h = a.frameElement;
+    const w = N(r), d = i && W(i) ? N(i) : i;
+    let a = w, v = a.frameElement;
+    for (; v && i && d !== a; ) {
+      const g = J(v), h = v.getBoundingClientRect(), y = j(v), b = h.left + (v.clientLeft + parseFloat(y.paddingLeft)) * g.x, C = h.top + (v.clientTop + parseFloat(y.paddingTop)) * g.y;
+      u *= g.x, c *= g.y, f *= g.x, m *= g.y, u += b, c += C, a = N(v), v = a.frameElement;
     }
   }
-  return ue({
-    width: u,
-    height: d,
-    x: f,
+  return fe({
+    width: f,
+    height: m,
+    x: u,
     y: c
   });
 }
 const Qt = [":popover-open", ":modal"];
-function Re(e) {
+function Se(e) {
   return Qt.some((t) => {
     try {
       return e.matches(t);
@@ -747,23 +761,23 @@ function Jt(e) {
     offsetParent: i,
     strategy: o
   } = e;
-  const r = o === "fixed", s = U(i), l = t ? Re(t.floating) : !1;
+  const r = o === "fixed", s = U(i), l = t ? Se(t.floating) : !1;
   if (i === s || l && r)
     return n;
-  let f = {
+  let u = {
     scrollLeft: 0,
     scrollTop: 0
-  }, c = Y(1);
-  const u = Y(0), d = z(i);
-  if ((d || !d && !r) && ((te(i) !== "body" || se(s)) && (f = me(i)), z(i))) {
-    const g = G(i);
-    c = J(i), u.x = g.x + i.clientLeft, u.y = g.y + i.clientTop;
+  }, c = X(1);
+  const f = X(0), m = I(i);
+  if ((m || !m && !r) && ((te(i) !== "body" || se(s)) && (u = me(i)), I(i))) {
+    const w = G(i);
+    c = J(i), f.x = w.x + i.clientLeft, f.y = w.y + i.clientTop;
   }
   return {
     width: n.width * c.x,
     height: n.height * c.y,
-    x: n.x * c.x - f.scrollLeft * c.x + u.x,
-    y: n.y * c.y - f.scrollTop * c.y + u.y
+    x: n.x * c.x - u.scrollLeft * c.x + f.x,
+    y: n.y * c.y - u.scrollTop * c.y + f.y
   };
 }
 function Zt(e) {
@@ -776,7 +790,7 @@ function en(e) {
   const t = U(e), n = me(e), i = e.ownerDocument.body, o = q(t.scrollWidth, t.clientWidth, i.scrollWidth, i.clientWidth), r = q(t.scrollHeight, t.clientHeight, i.scrollHeight, i.clientHeight);
   let s = -n.scrollLeft + Je(e);
   const l = -n.scrollTop;
-  return M(i).direction === "rtl" && (s += q(t.clientWidth, i.clientWidth) - o), {
+  return j(i).direction === "rtl" && (s += q(t.clientWidth, i.clientWidth) - o), {
     width: o,
     height: r,
     x: s,
@@ -785,25 +799,25 @@ function en(e) {
 }
 function tn(e, t) {
   const n = N(e), i = U(e), o = n.visualViewport;
-  let r = i.clientWidth, s = i.clientHeight, l = 0, f = 0;
+  let r = i.clientWidth, s = i.clientHeight, l = 0, u = 0;
   if (o) {
     r = o.width, s = o.height;
-    const c = Oe();
-    (!c || c && t === "fixed") && (l = o.offsetLeft, f = o.offsetTop);
+    const c = Ae();
+    (!c || c && t === "fixed") && (l = o.offsetLeft, u = o.offsetTop);
   }
   return {
     width: r,
     height: s,
     x: l,
-    y: f
+    y: u
   };
 }
 function nn(e, t) {
-  const n = G(e, !0, t === "fixed"), i = n.top + e.clientTop, o = n.left + e.clientLeft, r = z(e) ? J(e) : Y(1), s = e.clientWidth * r.x, l = e.clientHeight * r.y, f = o * r.x, c = i * r.y;
+  const n = G(e, !0, t === "fixed"), i = n.top + e.clientTop, o = n.left + e.clientLeft, r = I(e) ? J(e) : X(1), s = e.clientWidth * r.x, l = e.clientHeight * r.y, u = o * r.x, c = i * r.y;
   return {
     width: s,
     height: l,
-    x: f,
+    x: u,
     y: c
   };
 }
@@ -813,7 +827,7 @@ function ke(e, t, n) {
     i = tn(e, n);
   else if (t === "document")
     i = en(U(e));
-  else if (_(t))
+  else if (W(t))
     i = nn(t, n);
   else {
     const o = Qe(e);
@@ -823,22 +837,22 @@ function ke(e, t, n) {
       y: t.y - o.y
     };
   }
-  return ue(i);
+  return fe(i);
 }
 function Ze(e, t) {
-  const n = X(e);
-  return n === t || !_(n) || ee(n) ? !1 : M(n).position === "fixed" || Ze(n, t);
+  const n = Y(e);
+  return n === t || !W(n) || ee(n) ? !1 : j(n).position === "fixed" || Ze(n, t);
 }
 function on(e, t) {
   const n = t.get(e);
   if (n)
     return n;
-  let i = ie(e, [], !1).filter((l) => _(l) && te(l) !== "body"), o = null;
-  const r = M(e).position === "fixed";
-  let s = r ? X(e) : e;
-  for (; _(s) && !ee(s); ) {
-    const l = M(s), f = Ae(s);
-    !f && l.position === "fixed" && (o = null), (r ? !f && !o : !f && l.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || se(s) && !f && Ze(e, s)) ? i = i.filter((u) => u !== s) : o = l, s = X(s);
+  let i = ie(e, [], !1).filter((l) => W(l) && te(l) !== "body"), o = null;
+  const r = j(e).position === "fixed";
+  let s = r ? Y(e) : e;
+  for (; W(s) && !ee(s); ) {
+    const l = j(s), u = Oe(s);
+    !u && l.position === "fixed" && (o = null), (r ? !u && !o : !u && l.position === "static" && !!o && ["absolute", "fixed"].includes(o.position) || se(s) && !u && Ze(e, s)) ? i = i.filter((f) => f !== s) : o = l, s = Y(s);
   }
   return t.set(e, i), i;
 }
@@ -849,15 +863,15 @@ function rn(e) {
     rootBoundary: i,
     strategy: o
   } = e;
-  const s = [...n === "clippingAncestors" ? Re(t) ? [] : on(t, this._c) : [].concat(n), i], l = s[0], f = s.reduce((c, u) => {
-    const d = ke(t, u, o);
-    return c.top = q(d.top, c.top), c.right = Z(d.right, c.right), c.bottom = Z(d.bottom, c.bottom), c.left = q(d.left, c.left), c;
+  const s = [...n === "clippingAncestors" ? Se(t) ? [] : on(t, this._c) : [].concat(n), i], l = s[0], u = s.reduce((c, f) => {
+    const m = ke(t, f, o);
+    return c.top = q(m.top, c.top), c.right = Z(m.right, c.right), c.bottom = Z(m.bottom, c.bottom), c.left = q(m.left, c.left), c;
   }, ke(t, l, o));
   return {
-    width: f.right - f.left,
-    height: f.bottom - f.top,
-    x: f.left,
-    y: f.top
+    width: u.right - u.left,
+    height: u.bottom - u.top,
+    x: u.left,
+    y: u.top
   };
 }
 function sn(e) {
@@ -871,49 +885,49 @@ function sn(e) {
   };
 }
 function ln(e, t, n) {
-  const i = z(t), o = U(t), r = n === "fixed", s = G(e, !0, r, t);
+  const i = I(t), o = U(t), r = n === "fixed", s = G(e, !0, r, t);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const f = Y(0);
+  const u = X(0);
   if (i || !i && !r)
     if ((te(t) !== "body" || se(o)) && (l = me(t)), i) {
-      const d = G(t, !0, r, t);
-      f.x = d.x + t.clientLeft, f.y = d.y + t.clientTop;
+      const m = G(t, !0, r, t);
+      u.x = m.x + t.clientLeft, u.y = m.y + t.clientTop;
     } else
-      o && (f.x = Je(o));
-  const c = s.left + l.scrollLeft - f.x, u = s.top + l.scrollTop - f.y;
+      o && (u.x = Je(o));
+  const c = s.left + l.scrollLeft - u.x, f = s.top + l.scrollTop - u.y;
   return {
     x: c,
-    y: u,
+    y: f,
     width: s.width,
     height: s.height
   };
 }
-function ve(e) {
-  return M(e).position === "static";
+function he(e) {
+  return j(e).position === "static";
 }
-function Me(e, t) {
-  return !z(e) || M(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
+function je(e, t) {
+  return !I(e) || j(e).position === "fixed" ? null : t ? t(e) : e.offsetParent;
 }
 function et(e, t) {
   const n = N(e);
-  if (Re(e))
+  if (Se(e))
     return n;
-  if (!z(e)) {
-    let o = X(e);
+  if (!I(e)) {
+    let o = Y(e);
     for (; o && !ee(o); ) {
-      if (_(o) && !ve(o))
+      if (W(o) && !he(o))
         return o;
-      o = X(o);
+      o = Y(o);
     }
     return n;
   }
-  let i = Me(e, t);
-  for (; i && Xt(i) && ve(i); )
-    i = Me(i, t);
-  return i && ee(i) && ve(i) && !Ae(i) ? n : i || qt(e) || n;
+  let i = je(e, t);
+  for (; i && Yt(i) && he(i); )
+    i = je(i, t);
+  return i && ee(i) && he(i) && !Oe(i) ? n : i || qt(e) || n;
 }
 const an = async function(e) {
   const t = this.getOffsetParent || et, n = this.getDimensions, i = await n(e.floating);
@@ -928,9 +942,9 @@ const an = async function(e) {
   };
 };
 function cn(e) {
-  return M(e).direction === "rtl";
+  return j(e).direction === "rtl";
 }
-const fn = {
+const un = {
   convertOffsetParentRelativeRectToViewportRelativeRect: Jt,
   getDocumentElement: U,
   getClippingRect: rn,
@@ -939,37 +953,37 @@ const fn = {
   getClientRects: Zt,
   getDimensions: sn,
   getScale: J,
-  isElement: _,
+  isElement: W,
   isRTL: cn
 };
-function un(e, t) {
+function fn(e, t) {
   let n = null, i;
   const o = U(e);
   function r() {
     var l;
     clearTimeout(i), (l = n) == null || l.disconnect(), n = null;
   }
-  function s(l, f) {
-    l === void 0 && (l = !1), f === void 0 && (f = 1), r();
+  function s(l, u) {
+    l === void 0 && (l = !1), u === void 0 && (u = 1), r();
     const {
       left: c,
-      top: u,
-      width: d,
-      height: g
+      top: f,
+      width: m,
+      height: w
     } = e.getBoundingClientRect();
-    if (l || t(), !d || !g)
+    if (l || t(), !m || !w)
       return;
-    const m = le(u), a = le(o.clientWidth - (c + d)), h = le(o.clientHeight - (u + g)), v = le(c), y = {
-      rootMargin: -m + "px " + -a + "px " + -h + "px " + -v + "px",
-      threshold: q(0, Z(1, f)) || 1
+    const d = le(f), a = le(o.clientWidth - (c + m)), v = le(o.clientHeight - (f + w)), g = le(c), y = {
+      rootMargin: -d + "px " + -a + "px " + -v + "px " + -g + "px",
+      threshold: q(0, Z(1, u)) || 1
     };
     let b = !0;
-    function C(A) {
-      const O = A[0].intersectionRatio;
-      if (O !== f) {
+    function C(O) {
+      const A = O[0].intersectionRatio;
+      if (A !== u) {
         if (!b)
           return s();
-        O ? s(!1, O) : i = setTimeout(() => {
+        A ? s(!1, A) : i = setTimeout(() => {
           s(!1, 1e-7);
         }, 1e3);
       }
@@ -978,6 +992,7 @@ function un(e, t) {
     try {
       n = new IntersectionObserver(C, {
         ...y,
+        // Handle <iframe>s
         root: o.ownerDocument
       });
     } catch {
@@ -994,44 +1009,44 @@ function dn(e, t, n, i) {
     ancestorResize: r = !0,
     elementResize: s = typeof ResizeObserver == "function",
     layoutShift: l = typeof IntersectionObserver == "function",
-    animationFrame: f = !1
-  } = i, c = Te(e), u = o || r ? [...c ? ie(c) : [], ...ie(t)] : [];
-  u.forEach((w) => {
-    o && w.addEventListener("scroll", n, {
+    animationFrame: u = !1
+  } = i, c = Te(e), f = o || r ? [...c ? ie(c) : [], ...ie(t)] : [];
+  f.forEach((h) => {
+    o && h.addEventListener("scroll", n, {
       passive: !0
-    }), r && w.addEventListener("resize", n);
+    }), r && h.addEventListener("resize", n);
   });
-  const d = c && l ? un(c, n) : null;
-  let g = -1, m = null;
-  s && (m = new ResizeObserver((w) => {
-    let [y] = w;
-    y && y.target === c && m && (m.unobserve(t), cancelAnimationFrame(g), g = requestAnimationFrame(() => {
+  const m = c && l ? fn(c, n) : null;
+  let w = -1, d = null;
+  s && (d = new ResizeObserver((h) => {
+    let [y] = h;
+    y && y.target === c && d && (d.unobserve(t), cancelAnimationFrame(w), w = requestAnimationFrame(() => {
       var b;
-      (b = m) == null || b.observe(t);
+      (b = d) == null || b.observe(t);
     })), n();
-  }), c && !f && m.observe(c), m.observe(t));
-  let a, h = f ? G(e) : null;
-  f && v();
-  function v() {
-    const w = G(e);
-    h && (w.x !== h.x || w.y !== h.y || w.width !== h.width || w.height !== h.height) && n(), h = w, a = requestAnimationFrame(v);
+  }), c && !u && d.observe(c), d.observe(t));
+  let a, v = u ? G(e) : null;
+  u && g();
+  function g() {
+    const h = G(e);
+    v && (h.x !== v.x || h.y !== v.y || h.width !== v.width || h.height !== v.height) && n(), v = h, a = requestAnimationFrame(g);
   }
   return n(), () => {
-    var w;
-    u.forEach((y) => {
+    var h;
+    f.forEach((y) => {
       o && y.removeEventListener("scroll", n), r && y.removeEventListener("resize", n);
-    }), d == null || d(), (w = m) == null || w.disconnect(), m = null, f && cancelAnimationFrame(a);
+    }), m == null || m(), (h = d) == null || h.disconnect(), d = null, u && cancelAnimationFrame(a);
   };
 }
-const mn = Ut, pn = _t, hn = Yt, gn = zt, vn = It, wn = Ht, yn = (e, t, n) => {
+const mn = Ut, pn = Wt, vn = Xt, gn = It, hn = Vt, wn = Ht, yn = (e, t, n) => {
   const i = /* @__PURE__ */ new Map(), o = {
-    platform: fn,
+    platform: un,
     ...n
   }, r = {
     ...o.platform,
     _c: i
   };
-  return jt(e, t, {
+  return _t(e, t, {
     ...o,
     platform: r
   });
@@ -1056,7 +1071,7 @@ function xe(e) {
   }
   return e;
 }
-function An(e) {
+function On(e) {
   return {
     name: "arrow",
     options: e,
@@ -1072,11 +1087,11 @@ function An(e) {
 function nt(e) {
   return typeof window > "u" ? 1 : (e.ownerDocument.defaultView || window).devicePixelRatio || 1;
 }
-function je(e, t) {
+function _e(e, t) {
   const n = nt(e);
   return Math.round(t * n) / n;
 }
-function On(e, t, n) {
+function An(e, t, n) {
   n === void 0 && (n = {});
   const i = n.whileElementsMounted, o = P(() => {
     var p;
@@ -1087,81 +1102,81 @@ function On(e, t, n) {
   }), l = P(() => {
     var p;
     return (p = H(n.strategy)) != null ? p : "absolute";
-  }), f = P(() => {
+  }), u = P(() => {
     var p;
     return (p = H(n.transform)) != null ? p : !0;
-  }), c = P(() => xe(e.value)), u = P(() => xe(t.value)), d = E(0), g = E(0), m = E(l.value), a = E(s.value), h = _e({}), v = E(!1), w = P(() => {
+  }), c = P(() => xe(e.value)), f = P(() => xe(t.value)), m = R(0), w = R(0), d = R(l.value), a = R(s.value), v = We({}), g = R(!1), h = P(() => {
     const p = {
-      position: m.value,
+      position: d.value,
       left: "0",
       top: "0"
     };
-    if (!u.value)
+    if (!f.value)
       return p;
-    const T = je(u.value, d.value), L = je(u.value, g.value);
-    return f.value ? {
+    const T = _e(f.value, m.value), F = _e(f.value, w.value);
+    return u.value ? {
       ...p,
-      transform: "translate(" + T + "px, " + L + "px)",
-      ...nt(u.value) >= 1.5 && {
+      transform: "translate(" + T + "px, " + F + "px)",
+      ...nt(f.value) >= 1.5 && {
         willChange: "transform"
       }
     } : {
-      position: m.value,
+      position: d.value,
       left: T + "px",
-      top: L + "px"
+      top: F + "px"
     };
   });
   let y;
   function b() {
-    c.value == null || u.value == null || yn(c.value, u.value, {
+    c.value == null || f.value == null || yn(c.value, f.value, {
       middleware: r.value,
       placement: s.value,
       strategy: l.value
     }).then((p) => {
-      d.value = p.x, g.value = p.y, m.value = p.strategy, a.value = p.placement, h.value = p.middlewareData, v.value = !0;
+      m.value = p.x, w.value = p.y, d.value = p.strategy, a.value = p.placement, v.value = p.middlewareData, g.value = !0;
     });
   }
   function C() {
     typeof y == "function" && (y(), y = void 0);
   }
-  function A() {
+  function O() {
     if (C(), i === void 0) {
       b();
       return;
     }
-    if (c.value != null && u.value != null) {
-      y = i(c.value, u.value, b);
+    if (c.value != null && f.value != null) {
+      y = i(c.value, f.value, b);
       return;
     }
   }
-  function O() {
-    o.value || (v.value = !1);
+  function A() {
+    o.value || (g.value = !1);
   }
   return k([r, s, l], b, {
     flush: "sync"
-  }), k([c, u], A, {
+  }), k([c, f], O, {
     flush: "sync"
-  }), k(o, O, {
+  }), k(o, A, {
     flush: "sync"
   }), lt() && at(C), {
-    x: Q(d),
-    y: Q(g),
-    strategy: Q(m),
+    x: Q(m),
+    y: Q(w),
+    strategy: Q(d),
     placement: Q(a),
-    middlewareData: Q(h),
-    isPositioned: Q(v),
-    floatingStyles: w,
+    middlewareData: Q(v),
+    isPositioned: Q(g),
+    floatingStyles: h,
     update: b
   };
 }
-var Tn = Object.defineProperty, Rn = (e, t, n) => t in e ? Tn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, Sn = (e, t, n) => (Rn(e, typeof t != "symbol" ? t + "" : t, n), n);
+var Tn = Object.defineProperty, Sn = (e, t, n) => t in e ? Tn(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n, En = (e, t, n) => (Sn(e, typeof t != "symbol" ? t + "" : t, n), n);
 function re(e) {
-  return e == null || e.value == null ? null : e.value instanceof Node ? e.value : "$el" in e.value && e.value.$el ? re(E(e.value.$el)) : "getBoundingClientRect" in e.value ? e.value : null;
+  return e == null || e.value == null ? null : e.value instanceof Node ? e.value : "$el" in e.value && e.value.$el ? re(R(e.value.$el)) : "getBoundingClientRect" in e.value ? e.value : null;
 }
 function ot(e) {
-  return e.reduce((t, n) => n.type === ze ? t.concat(ot(n.children)) : t.concat(n), []);
+  return e.reduce((t, n) => n.type === Ie ? t.concat(ot(n.children)) : t.concat(n), []);
 }
-function En(e) {
+function Rn(e) {
   return e == null ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
 }
 function He(e) {
@@ -1169,7 +1184,7 @@ function He(e) {
 }
 class Pn {
   constructor() {
-    Sn(this, "current", this.detect());
+    En(this, "current", this.detect());
   }
   set(t) {
     this.current !== t && (this.current = t);
@@ -1187,9 +1202,9 @@ class Pn {
     return typeof window > "u" || typeof document > "u" ? "server" : "client";
   }
 }
-const Se = new Pn();
-function Ln(e) {
-  if (Se.isServer)
+const Ee = new Pn();
+function Fn(e) {
+  if (Ee.isServer)
     return null;
   if (e instanceof Node)
     return e.ownerDocument;
@@ -1200,7 +1215,7 @@ function Ln(e) {
   }
   return document;
 }
-function Fn(e, t) {
+function Ln(e, t) {
   !t.vueTransition && (t.transitionName || t.transitionType) && console.warn(`[headlessui-float]: <${e} /> pass "transition-name" or "transition-type" prop, must be set "vue-transition" prop.`);
 }
 function Bn(e, t, n, i, o) {
@@ -1217,7 +1232,7 @@ function Bn(e, t, n, i, o) {
     (typeof o.offset == "number" || typeof o.offset == "object" || typeof o.offset == "function") && r.push(mn(o.offset)), (o.flip === !0 || typeof o.flip == "number" || typeof o.flip == "object") && r.push(gn({
       padding: typeof o.flip == "number" ? o.flip : void 0,
       ...typeof o.flip == "object" ? o.flip : {}
-    })), (o.shift === !0 || typeof o.shift == "number" || typeof o.shift == "object") && r.push(hn({
+    })), (o.shift === !0 || typeof o.shift == "number" || typeof o.shift == "object") && r.push(vn({
       padding: typeof o.shift == "number" ? o.shift : void 0,
       ...typeof o.shift == "object" ? o.shift : {}
     })), (o.autoPlacement === !0 || typeof o.autoPlacement == "object") && r.push(pn(
@@ -1225,11 +1240,11 @@ function Bn(e, t, n, i, o) {
     )), r.push(...typeof o.middleware == "function" ? o.middleware({
       referenceEl: t,
       floatingEl: n
-    }) : o.middleware || []), (o.arrow === !0 || typeof o.arrow == "number") && r.push(An({
+    }) : o.middleware || []), (o.arrow === !0 || typeof o.arrow == "number") && r.push(On({
       element: i,
       padding: o.arrow === !0 ? 0 : o.arrow
     })), (o.hide === !0 || typeof o.hide == "object" || Array.isArray(o.hide)) && (Array.isArray(o.hide) ? o.hide : [o.hide]).forEach((s) => {
-      r.push(vn(
+      r.push(hn(
         typeof s == "object" ? s : void 0
       ));
     }), e.value = r;
@@ -1238,8 +1253,8 @@ function Bn(e, t, n, i, o) {
 function Dn(e, t, n) {
   let i = () => {
   };
-  Ie(() => {
-    if (e && Se.isClient && typeof ResizeObserver < "u" && t.value && t.value instanceof Element) {
+  Ve(() => {
+    if (e && Ee.isClient && typeof ResizeObserver < "u" && t.value && t.value instanceof Element) {
       const o = new ResizeObserver(([r]) => {
         n.value = r.borderBoxSize.reduce((s, { inlineSize: l }) => s + l, 0);
       });
@@ -1247,7 +1262,7 @@ function Dn(e, t, n) {
         o.disconnect(), n.value = null;
       };
     }
-  }), ut(() => {
+  }), ft(() => {
     i();
   });
 }
@@ -1304,7 +1319,7 @@ function it(e, t, ...n) {
   );
   throw Error.captureStackTrace && Error.captureStackTrace(i, it), i;
 }
-const We = [
+const Me = [
   "[contentEditable=true]",
   "[tabindex]",
   "a[href]",
@@ -1315,19 +1330,22 @@ const We = [
   "select:not([disabled])",
   "textarea:not([disabled])"
 ].map(
+  // TODO: Remove this once JSDOM fixes the issue where an element that is
+  // "hidden" can be the document.activeElement, because this is not possible
+  // in real browsers.
   (e) => `${e}:not([tabindex='-1'])`
 ).join(",");
 var rt = /* @__PURE__ */ ((e) => (e[e.Strict = 0] = "Strict", e[e.Loose = 1] = "Loose", e))(rt || {});
 function kn(e, t = 0) {
   var n;
-  return e === ((n = Ln(e)) == null ? void 0 : n.body) ? !1 : it(t, {
+  return e === ((n = Fn(e)) == null ? void 0 : n.body) ? !1 : it(t, {
     0() {
-      return e.matches(We);
+      return e.matches(Me);
     },
     1() {
       let i = e;
       for (; i !== null; ) {
-        if (i.matches(We))
+        if (i.matches(Me))
           return !0;
         i = i.parentElement;
       }
@@ -1336,30 +1354,39 @@ function kn(e, t = 0) {
   });
 }
 function we(e, t, n) {
-  Se.isServer || dt((i) => {
+  Ee.isServer || dt((i) => {
     document.addEventListener(e, t, n), i(() => document.removeEventListener(e, t, n));
   });
 }
-function Mn(e, t, n = P(() => !0)) {
+function jn(e, t, n = P(() => !0)) {
   function i(r, s) {
     if (!n.value || r.defaultPrevented)
       return;
     const l = s(r);
     if (l === null || !l.getRootNode().contains(l))
       return;
-    const f = function c(u) {
-      return typeof u == "function" ? c(u()) : Array.isArray(u) || u instanceof Set ? u : [u];
+    const u = function c(f) {
+      return typeof f == "function" ? c(f()) : Array.isArray(f) || f instanceof Set ? f : [f];
     }(e);
-    for (const c of f) {
+    for (const c of u) {
       if (c === null)
         continue;
-      const u = c instanceof HTMLElement ? c : re(c);
-      if (u != null && u.contains(l) || r.composed && r.composedPath().includes(u))
+      const f = c instanceof HTMLElement ? c : re(c);
+      if (f != null && f.contains(l) || r.composed && r.composedPath().includes(f))
         return;
     }
-    return !kn(l, rt.Loose) && l.tabIndex !== -1 && r.preventDefault(), t(r, l);
+    return (
+      // This check alllows us to know whether or not we clicked on a "focusable" element like a
+      // button or an input. This is a backwards compatibility check so that you can open a <Menu
+      // /> and click on another <Menu /> which should close Menu A and open Menu B. We might
+      // revisit that so that you will require 2 clicks instead.
+      !kn(l, rt.Loose) && // This could be improved, but the `Combobox.Button` adds tabIndex={-1} to make it
+      // unfocusable via the keyboard so that tabbing to the next item from the input doesn't
+      // first go to the button.
+      l.tabIndex !== -1 && r.preventDefault(), t(r, l)
+    );
   }
-  const o = E(null);
+  const o = R(null);
   we("mousedown", (r) => {
     var s, l;
     n.value && (o.value = ((l = (s = r.composedPath) == null ? void 0 : s.call(r)) == null ? void 0 : l[0]) || r.target);
@@ -1368,13 +1395,17 @@ function Mn(e, t, n = P(() => !0)) {
     (r) => {
       o.value && (i(r, () => o.value), o.value = null);
     },
+    // We will use the `capture` phase so that layers in between with `event.stopPropagation()`
+    // don't "cancel" this outside click check. E.g.: A `Menu` inside a `DialogPanel` if the `Menu`
+    // is open, and you click outside of it in the `DialogPanel` the `Menu` should close. However,
+    // the `DialogPanel` has a `onClick(e) { e.stopPropagation() }` which would cancel this.
     !0
   ), we("blur", (r) => i(
     r,
     () => window.document.activeElement instanceof HTMLIFrameElement ? window.document.activeElement : null
   ), !0);
 }
-const jn = Symbol("ArrowContext"), x = {
+const _n = Symbol("ArrowContext"), x = {
   as: {
     type: [String, Function],
     default: "template"
@@ -1469,15 +1500,15 @@ const jn = Symbol("ArrowContext"), x = {
   }
 };
 function Hn(e, t, n, i) {
-  const { floatingRef: o, props: r, mounted: s, show: l, referenceHidden: f, escaped: c, placement: u, floatingStyles: d, referenceElWidth: g, updateFloating: m } = i, a = pe(
+  const { floatingRef: o, props: r, mounted: s, show: l, referenceHidden: u, escaped: c, placement: f, floatingStyles: m, referenceElWidth: w, updateFloating: d } = i, a = pe(
     { ...r, as: r.floatingAs },
     t
-  ), { enterActiveClassRef: h, leaveActiveClassRef: v } = $n(a, u), w = {
+  ), { enterActiveClassRef: v, leaveActiveClassRef: g } = $n(a, f), h = {
     show: s.value ? a.show : !1,
-    enter: h.value,
+    enter: v.value,
     enterFrom: a.enterFrom,
     enterTo: a.enterTo,
-    leave: v.value,
+    leave: g.value,
     leaveFrom: a.leaveFrom,
     leaveTo: a.leaveTo,
     onBeforeEnter() {
@@ -1491,10 +1522,10 @@ function Hn(e, t, n, i) {
     type: a.transitionType,
     appear: !0,
     ...a.transitionName ? {} : {
-      enterActiveClass: h.value,
+      enterActiveClass: v.value,
       enterFromClass: a.enterFrom,
       enterToClass: a.enterTo,
-      leaveActiveClass: v.value,
+      leaveActiveClass: g.value,
       leaveFromClass: a.leaveFrom,
       leaveToClass: a.leaveTo
     },
@@ -1506,25 +1537,25 @@ function Hn(e, t, n, i) {
     }
   }, b = {
     class: [
-      f.value ? a.referenceHiddenClass : void 0,
+      u.value ? a.referenceHiddenClass : void 0,
       c.value ? a.escapedClass : void 0
     ].filter((p) => !!p).join(" "),
     style: {
-      ...d.value,
+      ...m.value,
       zIndex: a.zIndex
     }
   };
-  if (a.adaptiveWidth && typeof g.value == "number") {
+  if (a.adaptiveWidth && typeof w.value == "number") {
     const p = {
       attribute: "width",
       ...typeof a.adaptiveWidth == "object" ? a.adaptiveWidth : {}
     };
-    b.style[p.attribute] = `${g.value}px`;
+    b.style[p.attribute] = `${w.value}px`;
   }
   function C(p) {
-    return a.portal ? s.value ? ne(mt, () => p) : he() : p;
+    return a.portal ? s.value ? ne(mt, () => p) : ve() : p;
   }
-  function A(p) {
+  function O(p) {
     const T = pe(
       b,
       n,
@@ -1532,106 +1563,108 @@ function Hn(e, t, n, i) {
     );
     return a.as === "template" ? p : typeof a.as == "string" ? ne(a.as, T, p) : ne(a.as, T, () => p);
   }
-  function O() {
+  function A() {
     function p() {
       var T;
-      const L = a.as === "template" ? pe(
+      const F = a.as === "template" ? pe(
         b,
         n,
         a.dialog ? {} : { ref: o }
-      ) : null, S = vt(e, L);
-      return ((T = e.props) == null ? void 0 : T.unmount) === !1 ? (m(), S) : a.vueTransition && a.show === !1 ? he() : S;
+      ) : null, E = ht(e, F);
+      return ((T = e.props) == null ? void 0 : T.unmount) === !1 ? (d(), E) : a.vueTransition && a.show === !1 ? ve() : E;
     }
     return s.value ? a.vueTransition ? ne(pt, {
       ...a.dialog ? { ref: o } : {},
       ...y
-    }, p) : ne(a.transitionChild ? ht : gt, {
-      key: `placement-${u.value}`,
+    }, p) : ne(a.transitionChild ? vt : gt, {
+      key: `placement-${f.value}`,
       ...a.dialog ? { ref: o } : {},
       as: "template",
-      ...w
-    }, p) : he();
+      ...h
+    }, p) : ve();
   }
   return C(
-    A(
-      O()
+    O(
+      A()
     )
   );
 }
-function Wn(e, t, n, i, o) {
-  const r = E(!1), s = Ee(i, "placement"), l = Ee(i, "strategy"), f = _e({}), c = E(void 0), u = E(void 0), d = E(null), g = E(void 0), m = E(void 0), a = P(() => re(t)), h = P(() => re(n)), v = P(
-    () => He(a) && He(h)
-  ), { placement: w, middlewareData: y, isPositioned: b, floatingStyles: C, update: A } = On(a, h, {
+function Mn(e, t, n, i, o) {
+  const r = R(!1), s = Re(i, "placement"), l = Re(i, "strategy"), u = We({}), c = R(void 0), f = R(void 0), m = R(null), w = R(void 0), d = R(void 0), a = P(() => re(t)), v = P(() => re(n)), g = P(
+    () => He(a) && He(v)
+  ), { placement: h, middlewareData: y, isPositioned: b, floatingStyles: C, update: O } = An(a, v, {
     placement: s,
     strategy: l,
-    middleware: f,
+    middleware: u,
+    // If enable dialog mode, then set `transform` to false.
     transform: i.dialog ? !1 : i.transform,
+    // Fix transition not smooth bug when dialog mode enabled.
     whileElementsMounted: i.dialog ? () => () => {
     } : void 0
-  }), O = E(null);
-  Ie(() => {
+  }), A = R(null);
+  Ve(() => {
     r.value = !0;
-  }), k(e, (R, D) => {
-    R && !D ? o("show") : !R && D && o("hide");
+  }), k(e, (S, D) => {
+    S && !D ? o("show") : !S && D && o("hide");
   }, { immediate: !0 });
   function p() {
-    v.value && (A(), o("update"));
+    g.value && (O(), o("update"));
   }
-  k([s, l, f], p, { flush: "sync" }), Bn(
-    f,
+  k([s, l, u], p, { flush: "sync" }), Bn(
+    u,
     a,
-    h,
-    d,
+    v,
+    m,
     i
   ), k([y, () => i.hide, b], () => {
-    var R, D;
-    (i.hide === !0 || typeof i.hide == "object" || Array.isArray(i.hide)) && (c.value = ((R = y.value.hide) == null ? void 0 : R.referenceHidden) || !b.value, u.value = (D = y.value.hide) == null ? void 0 : D.escaped);
+    var S, D;
+    (i.hide === !0 || typeof i.hide == "object" || Array.isArray(i.hide)) && (c.value = ((S = y.value.hide) == null ? void 0 : S.referenceHidden) || !b.value, f.value = (D = y.value.hide) == null ? void 0 : D.escaped);
   }), k(y, () => {
-    const R = y.value.arrow;
-    g.value = R == null ? void 0 : R.x, m.value = R == null ? void 0 : R.y;
-  }), Dn(!!i.adaptiveWidth, a, O), k([e, v], async (R, D, F) => {
-    if (await ct(), e.value && v.value && i.autoUpdate) {
+    const S = y.value.arrow;
+    w.value = S == null ? void 0 : S.x, d.value = S == null ? void 0 : S.y;
+  }), Dn(!!i.adaptiveWidth, a, A), k([e, g], async (S, D, L) => {
+    if (await ct(), e.value && g.value && i.autoUpdate) {
       const $ = dn(
         a.value,
-        h.value,
+        v.value,
         p,
         typeof i.autoUpdate == "object" ? i.autoUpdate : void 0
       );
-      F($);
+      L($);
     }
   }, { flush: "post", immediate: !0 });
-  const T = E(!0);
+  const T = R(!0);
   k(a, () => {
-    !(a.value instanceof Element) && v.value && T.value && (T.value = !1, window.requestAnimationFrame(() => {
+    !(a.value instanceof Element) && g.value && T.value && (T.value = !1, window.requestAnimationFrame(() => {
       T.value = !0, p();
     }));
   }, { flush: "sync" });
-  const L = {
+  const F = {
     referenceRef: t,
-    placement: w
-  }, S = {
+    placement: h
+  }, E = {
     floatingRef: n,
     props: i,
     mounted: r,
     show: e,
     referenceHidden: c,
-    escaped: u,
-    placement: w,
+    escaped: f,
+    placement: h,
     floatingStyles: C,
-    referenceElWidth: O,
+    referenceElWidth: A,
     updateFloating: p
   }, B = {
-    ref: d,
-    placement: w,
-    x: g,
-    y: m
+    ref: m,
+    placement: h,
+    x: w,
+    y: d
   };
-  return ft(jn, B), { referenceApi: L, floatingApi: S, arrowApi: B, placement: w, referenceEl: a, floatingEl: h, middlewareData: y, update: p };
+  return ut(_n, B), { referenceApi: F, floatingApi: E, arrowApi: B, placement: h, referenceEl: a, floatingEl: v, middlewareData: y, update: p };
 }
 ({
   ...x.as
 });
-const _n = {
+const Wn = {
   as: x.as,
   show: x.show,
   placement: x.placement,
@@ -1657,15 +1690,14 @@ const _n = {
   portal: x.portal,
   transform: x.transform,
   middleware: x.middleware
-}, zn = {
+}, In = {
   name: "FloatVirtual",
   inheritAttrs: !1,
-  props: _n,
+  props: Wn,
   emits: ["initial", "show", "hide", "update"],
   setup(e, { emit: t, slots: n, attrs: i }) {
-    var u;
-    Fn("FloatVirtual", e);
-    const o = E((u = e.show) != null ? u : !1), r = E({
+    Ln("FloatVirtual", e);
+    const o = R(e.show ?? !1), r = R({
       getBoundingClientRect() {
         return {
           x: 0,
@@ -1678,31 +1710,30 @@ const _n = {
           height: 0
         };
       }
-    }), s = E(null), {
+    }), s = R(null), {
       floatingApi: l,
-      placement: f
-    } = Wn(o, r, s, e, t);
+      placement: u
+    } = Mn(o, r, s, e, t);
     k(() => e.show, () => {
-      var d;
-      o.value = (d = e.show) != null ? d : !1;
+      o.value = e.show ?? !1;
     });
     function c() {
       o.value = !1;
     }
     return t("initial", {
       show: o,
-      placement: f,
+      placement: u,
       reference: r,
       floating: s
     }), () => {
       if (!n.default)
         return;
-      const d = {
-        placement: f.value,
+      const f = {
+        placement: u.value,
         close: c
-      }, [g] = ot(n.default(d)).filter(En);
+      }, [m] = ot(n.default(f)).filter(Rn);
       return Hn(
-        g,
+        m,
         {
           as: e.as,
           show: o.value
@@ -1716,58 +1747,58 @@ const _n = {
 x.as, x.placement, x.strategy, x.offset, x.shift, {
   ...x.flip
 }, x.arrow, x.autoPlacement, x.autoUpdate, x.zIndex, x.vueTransition, x.transitionName, x.transitionType, x.enter, x.enterFrom, x.enterTo, x.leave, x.leaveFrom, x.leaveTo, x.originClass, x.tailwindcssOriginClass, x.transform, x.middleware;
-const In = { class: "flex bg-white shadow-md z-10 rounded-md p-1" }, Vn = ["onClick"], Yn = /* @__PURE__ */ wt({
+const Vn = { class: "flex bg-white shadow-md z-10 rounded-md p-1" }, zn = ["onClick"], Xn = /* @__PURE__ */ wt({
   __name: "StylePanel",
   setup(e) {
     yt({ WATCH_ARRAY: !1 });
-    const t = E({ value: null }), n = xt(), i = P(
+    const t = R({ value: null }), n = xt(), i = P(
       () => n.getters.onContentChange || (() => {
       })
     ), o = P(
       () => bt(n.getters.diagramElement) + Ct
-    ), r = P(() => n.getters.code), s = (d) => {
-      n.dispatch("updateCode", { code: d }), i.value(d);
-    }, l = E([]);
-    let f;
-    const c = ({ show: d, reference: g, floating: m }) => {
-      let a, h, v, w, y, b;
-      n.commit("onMessageClick", (C, A) => {
-        var O;
-        if (a = C.value.start.start, h = Pt(r.value, a), v = Lt(r.value, a), w = ((O = r.value.slice(h).match(/^\s*/)) == null ? void 0 : O[0]) || "", y = v.trim().startsWith("//"), y) {
-          const p = v.trimStart().slice(2).trimStart(), T = p.indexOf("["), L = p.indexOf("]");
-          b = Boolean(T === 0 && L), b ? l.value = p.slice(T + 1, L).split(",").map((S) => S.trim()) : l.value = [];
+    ), r = P(() => n.getters.code), s = (m) => {
+      n.dispatch("updateCode", { code: m }), i.value(m);
+    }, l = R([]);
+    let u;
+    const c = ({ show: m, reference: w, floating: d }) => {
+      let a, v, g, h, y, b;
+      n.commit("onMessageClick", (C, O) => {
+        var A;
+        if (a = C.value.start.start, v = Pt(r.value, a), g = Ft(r.value, a), h = ((A = r.value.slice(v).match(/^\s*/)) == null ? void 0 : A[0]) || "", y = g.trim().startsWith("//"), y) {
+          const p = g.trimStart().slice(2).trimStart(), T = p.indexOf("["), F = p.indexOf("]");
+          b = !!(T === 0 && F), b ? l.value = p.slice(T + 1, F).split(",").map((E) => E.trim()) : l.value = [];
         }
-        g.value = {
-          getBoundingClientRect: () => A.getBoundingClientRect()
-        }, t.value = C, d.value = !0;
-      }), Mn(
-        m,
+        w.value = {
+          getBoundingClientRect: () => O.getBoundingClientRect()
+        }, t.value = C, m.value = !0;
+      }), jn(
+        d,
         () => {
-          d.value = !1, l.value = [];
+          m.value = !1, l.value = [];
         },
-        P(() => d.value)
-      ), f = (C) => {
-        var A;
-        if (d.value = !1, !!t.value.value)
+        P(() => m.value)
+      ), u = (C) => {
+        var O;
+        if (m.value = !1, !!t.value.value)
           if (y) {
-            let O = "";
+            let A = "";
             if (b) {
               let p;
-              l.value.includes(C) ? p = l.value.filter((T) => T !== C) : p = [...l.value, C], O = `${w}// [${p.filter(Boolean).join(", ")}] ${v.slice(v.indexOf("]") + 1).trimStart()}`;
+              l.value.includes(C) ? p = l.value.filter((T) => T !== C) : p = [...l.value, C], A = `${h}// [${p.filter(Boolean).join(", ")}] ${g.slice(g.indexOf("]") + 1).trimStart()}`;
             } else
-              O = `${w}// [${C}] ${v.slice((((A = v.match(/\/\/*/)) == null ? void 0 : A.index) || -2) + 2).trimStart()}`;
-            O.endsWith(`
-`) || (O += `
+              A = `${h}// [${C}] ${g.slice((((O = g.match(/\/\/*/)) == null ? void 0 : O.index) || -2) + 2).trimStart()}`;
+            A.endsWith(`
+`) || (A += `
 `), s(
-              r.value.slice(0, Ft(r.value, a)) + O + r.value.slice(h)
+              r.value.slice(0, Lt(r.value, a)) + A + r.value.slice(v)
             );
           } else
             s(
-              r.value.slice(0, h) + `${w}// [${C}]
-` + r.value.slice(h)
+              r.value.slice(0, v) + `${h}// [${C}]
+` + r.value.slice(v)
             );
       };
-    }, u = [
+    }, f = [
       {
         name: "bold",
         content: "B",
@@ -1789,7 +1820,7 @@ const In = { class: "flex bg-white shadow-md z-10 rounded-md p-1" }, Vn = ["onCl
         class: "line-through"
       }
     ];
-    return (d, g) => (Pe(), At(H(zn), {
+    return (m, w) => (Pe(), Ot(H(In), {
       "vue-transition": "",
       id: "style-panel",
       key: "tool",
@@ -1800,19 +1831,19 @@ const In = { class: "flex bg-white shadow-md z-10 rounded-md p-1" }, Vn = ["onCl
       shift: "",
       zIndex: "30"
     }, {
-      default: Ot(() => [
-        ge("div", In, [
-          (Pe(), Tt(ze, null, Rt(u, (m) => ge("div", {
-            onClick: () => H(f)(m.class),
-            key: m.name
+      default: At(() => [
+        ge("div", Vn, [
+          (Pe(), Tt(Ie, null, St(f, (d) => ge("div", {
+            onClick: () => H(u)(d.class),
+            key: d.name
           }, [
             ge("div", {
-              class: St(["w-6 mx-1 py-1 rounded-md text-black text-center cursor-pointer hover:bg-gray-200", [
-                m.class,
-                { "bg-gray-100": l.value.includes(m.class) }
+              class: Et(["w-6 mx-1 py-1 rounded-md text-black text-center cursor-pointer hover:bg-gray-200", [
+                d.class,
+                { "bg-gray-100": l.value.includes(d.class) }
               ]])
-            }, Et(m.content), 3)
-          ], 8, Vn)), 64))
+            }, Rt(d.content), 3)
+          ], 8, zn)), 64))
         ])
       ], void 0, !0),
       _: 1
@@ -1820,6 +1851,6 @@ const In = { class: "flex bg-white shadow-md z-10 rounded-md p-1" }, Vn = ["onCl
   }
 });
 export {
-  Yn as default
+  Xn as default
 };
-//# sourceMappingURL=StylePanel.532c3308.js.map
+//# sourceMappingURL=StylePanel-d97574ab.js.map