@trailguide/core 0.0.3 → 0.1.1

package/dist/trailguide.js

@@ -1,78 +1,78 @@
-var Nt = Object.defineProperty;
-var Vt = (t, e, n) => e in t ? Nt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var k = (t, e, n) => Vt(t, typeof e != "symbol" ? e + "" : e, n);
-const U = Math.min, z = Math.max, nt = Math.round, R = (t) => ({
+var Xt = Object.defineProperty;
+var zt = (t, e, n) => e in t ? Xt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
+var C = (t, e, n) => zt(t, typeof e != "symbol" ? e + "" : e, n);
+const Q = Math.min, z = Math.max, st = Math.round, L = (t) => ({
   x: t,
   y: t
-}), Wt = {
+}), jt = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, Ht = {
+}, Yt = {
   start: "end",
   end: "start"
 };
-function dt(t, e, n) {
-  return z(t, U(e, n));
+function gt(t, e, n) {
+  return z(t, Q(e, n));
 }
-function Z(t, e) {
+function tt(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
-function H(t) {
+function X(t) {
   return t.split("-")[0];
 }
-function tt(t) {
+function et(t) {
   return t.split("-")[1];
 }
-function Tt(t) {
+function $t(t) {
   return t === "x" ? "y" : "x";
 }
-function gt(t) {
+function wt(t) {
   return t === "y" ? "height" : "width";
 }
-const zt = /* @__PURE__ */ new Set(["top", "bottom"]);
+const Kt = /* @__PURE__ */ new Set(["top", "bottom"]);
 function _(t) {
-  return zt.has(H(t)) ? "y" : "x";
+  return Kt.has(X(t)) ? "y" : "x";
 }
-function mt(t) {
-  return Tt(_(t));
+function xt(t) {
+  return $t(_(t));
 }
-function Xt(t, e, n) {
+function Gt(t, e, n) {
   n === void 0 && (n = !1);
-  const i = tt(t), o = mt(t), s = gt(o);
+  const i = et(t), o = xt(t), s = wt(o);
   let r = o === "x" ? i === (n ? "end" : "start") ? "right" : "left" : i === "start" ? "bottom" : "top";
-  return e.reference[s] > e.floating[s] && (r = ot(r)), [r, ot(r)];
+  return e.reference[s] > e.floating[s] && (r = rt(r)), [r, rt(r)];
 }
-function jt(t) {
-  const e = ot(t);
-  return [ht(t), e, ht(e)];
+function Jt(t) {
+  const e = rt(t);
+  return [mt(t), e, mt(e)];
 }
-function ht(t) {
-  return t.replace(/start|end/g, (e) => Ht[e]);
+function mt(t) {
+  return t.replace(/start|end/g, (e) => Yt[e]);
 }
-const xt = ["left", "right"], bt = ["right", "left"], Yt = ["top", "bottom"], Kt = ["bottom", "top"];
-function Gt(t, e, n) {
+const At = ["left", "right"], Tt = ["right", "left"], Ut = ["top", "bottom"], Qt = ["bottom", "top"];
+function Zt(t, e, n) {
   switch (t) {
     case "top":
     case "bottom":
-      return n ? e ? bt : xt : e ? xt : bt;
+      return n ? e ? Tt : At : e ? At : Tt;
     case "left":
     case "right":
-      return e ? Yt : Kt;
+      return e ? Ut : Qt;
     default:
       return [];
   }
 }
-function Jt(t, e, n, i) {
-  const o = tt(t);
-  let s = Gt(H(t), n === "start", i);
-  return o && (s = s.map((r) => r + "-" + o), e && (s = s.concat(s.map(ht)))), s;
+function te(t, e, n, i) {
+  const o = et(t);
+  let s = Zt(X(t), n === "start", i);
+  return o && (s = s.map((r) => r + "-" + o), e && (s = s.concat(s.map(mt)))), s;
 }
-function ot(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => Wt[e]);
+function rt(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => jt[e]);
 }
-function Ut(t) {
+function ee(t) {
   return {
     top: 0,
     right: 0,
@@ -81,15 +81,15 @@ function Ut(t) {
     ...t
   };
 }
-function Ot(t) {
-  return typeof t != "number" ? Ut(t) : {
+function Lt(t) {
+  return typeof t != "number" ? ee(t) : {
     top: t,
     right: t,
     bottom: t,
     left: t
   };
 }
-function st(t) {
+function lt(t) {
   const {
     x: e,
     y: n,
@@ -107,55 +107,55 @@ function st(t) {
     y: n
   };
 }
-function vt(t, e, n) {
+function Ct(t, e, n) {
   let {
     reference: i,
     floating: o
   } = t;
-  const s = _(e), r = mt(e), l = gt(r), c = H(e), a = s === "y", d = i.x + i.width / 2 - o.width / 2, f = i.y + i.height / 2 - o.height / 2, h = i[l] / 2 - o[l] / 2;
-  let u;
-  switch (c) {
+  const s = _(e), r = xt(e), l = wt(r), a = X(e), c = s === "y", d = i.x + i.width / 2 - o.width / 2, u = i.y + i.height / 2 - o.height / 2, h = i[l] / 2 - o[l] / 2;
+  let f;
+  switch (a) {
     case "top":
-      u = {
+      f = {
         x: d,
         y: i.y - o.height
       };
       break;
     case "bottom":
-      u = {
+      f = {
         x: d,
         y: i.y + i.height
       };
       break;
     case "right":
-      u = {
+      f = {
         x: i.x + i.width,
-        y: f
+        y: u
       };
       break;
     case "left":
-      u = {
+      f = {
         x: i.x - o.width,
-        y: f
+        y: u
       };
       break;
     default:
-      u = {
+      f = {
         x: i.x,
         y: i.y
       };
   }
-  switch (tt(e)) {
+  switch (et(e)) {
     case "start":
-      u[r] -= h * (n && a ? -1 : 1);
+      f[r] -= h * (n && c ? -1 : 1);
       break;
     case "end":
-      u[r] += h * (n && a ? -1 : 1);
+      f[r] += h * (n && c ? -1 : 1);
       break;
   }
-  return u;
+  return f;
 }
-async function Qt(t, e) {
+async function ie(t, e) {
   var n;
   e === void 0 && (e = {});
   const {
@@ -164,19 +164,19 @@ async function Qt(t, e) {
     platform: s,
     rects: r,
     elements: l,
-    strategy: c
+    strategy: a
   } = t, {
-    boundary: a = "clippingAncestors",
+    boundary: c = "clippingAncestors",
     rootBoundary: d = "viewport",
-    elementContext: f = "floating",
+    elementContext: u = "floating",
     altBoundary: h = !1,
-    padding: u = 0
-  } = Z(e, t), p = Ot(u), m = l[h ? f === "floating" ? "reference" : "floating" : f], y = st(await s.getClippingRect({
+    padding: f = 0
+  } = tt(e, t), p = Lt(f), m = l[h ? u === "floating" ? "reference" : "floating" : u], y = lt(await s.getClippingRect({
     element: (n = await (s.isElement == null ? void 0 : s.isElement(m))) == null || n ? m : m.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(l.floating)),
-    boundary: a,
+    boundary: c,
     rootBoundary: d,
-    strategy: c
-  })), w = f === "floating" ? {
+    strategy: a
+  })), w = u === "floating" ? {
     x: i,
     y: o,
     width: r.floating.width,
@@ -187,11 +187,11 @@ async function Qt(t, e) {
   } : {
     x: 1,
     y: 1
-  }, E = st(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, E = lt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
     rect: w,
     offsetParent: x,
-    strategy: c
+    strategy: a
   }) : w);
   return {
     top: (y.top - E.top + p.top) / v.y,
@@ -200,21 +200,21 @@ async function Qt(t, e) {
     right: (E.right - y.right + p.right) / v.x
   };
 }
-const Zt = async (t, e, n) => {
+const ne = async (t, e, n) => {
   const {
     placement: i = "bottom",
     strategy: o = "absolute",
     middleware: s = [],
     platform: r
-  } = n, l = s.filter(Boolean), c = await (r.isRTL == null ? void 0 : r.isRTL(e));
-  let a = await r.getElementRects({
+  } = n, l = s.filter(Boolean), a = await (r.isRTL == null ? void 0 : r.isRTL(e));
+  let c = await r.getElementRects({
     reference: t,
     floating: e,
     strategy: o
   }), {
     x: d,
-    y: f
-  } = vt(a, i, c), h = i, u = {}, p = 0;
+    y: u
+  } = Ct(c, i, a), h = i, f = {}, p = 0;
   for (let m = 0; m < l.length; m++) {
     var g;
     const {
@@ -227,44 +227,44 @@ const Zt = async (t, e, n) => {
       reset: A
     } = await w({
       x: d,
-      y: f,
+      y: u,
       initialPlacement: i,
       placement: h,
       strategy: o,
-      middlewareData: u,
-      rects: a,
+      middlewareData: f,
+      rects: c,
       platform: {
         ...r,
-        detectOverflow: (g = r.detectOverflow) != null ? g : Qt
+        detectOverflow: (g = r.detectOverflow) != null ? g : ie
       },
       elements: {
         reference: t,
         floating: e
       }
     });
-    d = x ?? d, f = v ?? f, u = {
-      ...u,
+    d = x ?? d, u = v ?? u, f = {
+      ...f,
       [y]: {
-        ...u[y],
+        ...f[y],
         ...E
       }
-    }, A && p <= 50 && (p++, typeof A == "object" && (A.placement && (h = A.placement), A.rects && (a = A.rects === !0 ? await r.getElementRects({
+    }, A && p <= 50 && (p++, typeof A == "object" && (A.placement && (h = A.placement), A.rects && (c = A.rects === !0 ? await r.getElementRects({
       reference: t,
       floating: e,
       strategy: o
     }) : A.rects), {
       x: d,
-      y: f
-    } = vt(a, h, c)), m = -1);
+      y: u
+    } = Ct(c, h, a)), m = -1);
   }
   return {
     x: d,
-    y: f,
+    y: u,
     placement: h,
     strategy: o,
-    middlewareData: u
+    middlewareData: f
   };
-}, te = (t) => ({
+}, oe = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
@@ -275,33 +275,33 @@ const Zt = async (t, e, n) => {
       rects: s,
       platform: r,
       elements: l,
-      middlewareData: c
+      middlewareData: a
     } = e, {
-      element: a,
+      element: c,
       padding: d = 0
-    } = Z(t, e) || {};
-    if (a == null)
+    } = tt(t, e) || {};
+    if (c == null)
       return {};
-    const f = Ot(d), h = {
+    const u = Lt(d), h = {
       x: n,
       y: i
-    }, u = mt(o), p = gt(u), g = await r.getDimensions(a), m = u === "y", y = m ? "top" : "left", w = m ? "bottom" : "right", x = m ? "clientHeight" : "clientWidth", v = s.reference[p] + s.reference[u] - h[u] - s.floating[p], E = h[u] - s.reference[u], A = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
+    }, f = xt(o), p = wt(f), g = await r.getDimensions(c), m = f === "y", y = m ? "top" : "left", w = m ? "bottom" : "right", x = m ? "clientHeight" : "clientWidth", v = s.reference[p] + s.reference[f] - h[f] - s.floating[p], E = h[f] - s.reference[f], A = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(c));
     let M = A ? A[x] : 0;
     (!M || !await (r.isElement == null ? void 0 : r.isElement(A))) && (M = l.floating[x] || s.floating[p]);
-    const K = v / 2 - E / 2, N = M / 2 - g[p] / 2 - 1, P = U(f[y], N), G = U(f[w], N), V = P, J = M - g[p] - G, S = M / 2 - g[p] / 2 + K, W = dt(V, S, J), D = !c.arrow && tt(o) != null && S !== W && s.reference[p] / 2 - (S < V ? P : G) - g[p] / 2 < 0, T = D ? S < V ? S - V : S - J : 0;
+    const G = v / 2 - E / 2, N = M / 2 - g[p] / 2 - 1, P = Q(u[y], N), J = Q(u[w], N), V = P, U = M - g[p] - J, S = M / 2 - g[p] / 2 + G, W = gt(V, S, U), F = !a.arrow && et(o) != null && S !== W && s.reference[p] / 2 - (S < V ? P : J) - g[p] / 2 < 0, I = F ? S < V ? S - V : S - U : 0;
     return {
-      [u]: h[u] + T,
+      [f]: h[f] + I,
       data: {
-        [u]: W,
-        centerOffset: S - W - T,
-        ...D && {
-          alignmentOffset: T
+        [f]: W,
+        centerOffset: S - W - I,
+        ...F && {
+          alignmentOffset: I
         }
       },
-      reset: D
+      reset: F
     };
   }
-}), ee = function(t) {
+}), se = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -312,36 +312,36 @@ const Zt = async (t, e, n) => {
         middlewareData: s,
         rects: r,
         initialPlacement: l,
-        platform: c,
-        elements: a
+        platform: a,
+        elements: c
       } = e, {
         mainAxis: d = !0,
-        crossAxis: f = !0,
+        crossAxis: u = !0,
         fallbackPlacements: h,
-        fallbackStrategy: u = "bestFit",
+        fallbackStrategy: f = "bestFit",
         fallbackAxisSideDirection: p = "none",
         flipAlignment: g = !0,
         ...m
-      } = Z(t, e);
+      } = tt(t, e);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const y = H(o), w = _(l), x = H(l) === l, v = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), E = h || (x || !g ? [ot(l)] : jt(l)), A = p !== "none";
-      !h && A && E.push(...Jt(l, g, p, v));
-      const M = [l, ...E], K = await c.detectOverflow(e, m), N = [];
+      const y = X(o), w = _(l), x = X(l) === l, v = await (a.isRTL == null ? void 0 : a.isRTL(c.floating)), E = h || (x || !g ? [rt(l)] : Jt(l)), A = p !== "none";
+      !h && A && E.push(...te(l, g, p, v));
+      const M = [l, ...E], G = await a.detectOverflow(e, m), N = [];
       let P = ((i = s.flip) == null ? void 0 : i.overflows) || [];
-      if (d && N.push(K[y]), f) {
-        const S = Xt(o, r, v);
-        N.push(K[S[0]], K[S[1]]);
+      if (d && N.push(G[y]), u) {
+        const S = Gt(o, r, v);
+        N.push(G[S[0]], G[S[1]]);
       }
       if (P = [...P, {
         placement: o,
         overflows: N
       }], !N.every((S) => S <= 0)) {
-        var G, V;
-        const S = (((G = s.flip) == null ? void 0 : G.index) || 0) + 1, W = M[S];
-        if (W && (!(f === "alignment" ? w !== _(W) : !1) || // We leave the current main axis only if every placement on that axis
+        var J, V;
+        const S = (((J = s.flip) == null ? void 0 : J.index) || 0) + 1, W = M[S];
+        if (W && (!(u === "alignment" ? w !== _(W) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        P.every((O) => _(O.placement) === w ? O.overflows[0] > 0 : !0)))
+        P.every((k) => _(k.placement) === w ? k.overflows[0] > 0 : !0)))
           return {
             data: {
               index: S,
@@ -351,66 +351,66 @@ const Zt = async (t, e, n) => {
               placement: W
             }
           };
-        let D = (V = P.filter((T) => T.overflows[0] <= 0).sort((T, O) => T.overflows[1] - O.overflows[1])[0]) == null ? void 0 : V.placement;
-        if (!D)
-          switch (u) {
+        let F = (V = P.filter((I) => I.overflows[0] <= 0).sort((I, k) => I.overflows[1] - k.overflows[1])[0]) == null ? void 0 : V.placement;
+        if (!F)
+          switch (f) {
             case "bestFit": {
-              var J;
-              const T = (J = P.filter((O) => {
+              var U;
+              const I = (U = P.filter((k) => {
                 if (A) {
-                  const B = _(O.placement);
+                  const B = _(k.placement);
                   return B === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   B === "y";
                 }
                 return !0;
-              }).map((O) => [O.placement, O.overflows.filter((B) => B > 0).reduce((B, Mt) => B + Mt, 0)]).sort((O, B) => O[1] - B[1])[0]) == null ? void 0 : J[0];
-              T && (D = T);
+              }).map((k) => [k.placement, k.overflows.filter((B) => B > 0).reduce((B, Ht) => B + Ht, 0)]).sort((k, B) => k[1] - B[1])[0]) == null ? void 0 : U[0];
+              I && (F = I);
               break;
             }
             case "initialPlacement":
-              D = l;
+              F = l;
               break;
           }
-        if (o !== D)
+        if (o !== F)
           return {
             reset: {
-              placement: D
+              placement: F
             }
           };
       }
       return {};
     }
   };
-}, ie = /* @__PURE__ */ new Set(["left", "top"]);
-async function ne(t, e) {
+}, re = /* @__PURE__ */ new Set(["left", "top"]);
+async function le(t, e) {
   const {
     placement: n,
     platform: i,
     elements: o
-  } = t, s = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), r = H(n), l = tt(n), c = _(n) === "y", a = ie.has(r) ? -1 : 1, d = s && c ? -1 : 1, f = Z(e, t);
+  } = t, s = await (i.isRTL == null ? void 0 : i.isRTL(o.floating)), r = X(n), l = et(n), a = _(n) === "y", c = re.has(r) ? -1 : 1, d = s && a ? -1 : 1, u = tt(e, t);
   let {
     mainAxis: h,
-    crossAxis: u,
+    crossAxis: f,
     alignmentAxis: p
-  } = typeof f == "number" ? {
-    mainAxis: f,
+  } = typeof u == "number" ? {
+    mainAxis: u,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: f.mainAxis || 0,
-    crossAxis: f.crossAxis || 0,
-    alignmentAxis: f.alignmentAxis
+    mainAxis: u.mainAxis || 0,
+    crossAxis: u.crossAxis || 0,
+    alignmentAxis: u.alignmentAxis
   };
-  return l && typeof p == "number" && (u = l === "end" ? p * -1 : p), c ? {
-    x: u * d,
-    y: h * a
+  return l && typeof p == "number" && (f = l === "end" ? p * -1 : p), a ? {
+    x: f * d,
+    y: h * c
   } : {
-    x: h * a,
-    y: u * d
+    x: h * c,
+    y: f * d
   };
 }
-const oe = function(t) {
+const ce = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
@@ -421,18 +421,18 @@ const oe = function(t) {
         y: s,
         placement: r,
         middlewareData: l
-      } = e, c = await ne(e, t);
+      } = e, a = await le(e, t);
       return r === ((n = l.offset) == null ? void 0 : n.placement) && (i = l.arrow) != null && i.alignmentOffset ? {} : {
-        x: o + c.x,
-        y: s + c.y,
+        x: o + a.x,
+        y: s + a.y,
         data: {
-          ...c,
+          ...a,
           placement: r
         }
       };
     }
   };
-}, se = function(t) {
+}, ae = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -445,7 +445,7 @@ const oe = function(t) {
       } = e, {
         mainAxis: r = !0,
         crossAxis: l = !1,
-        limiter: c = {
+        limiter: a = {
           fn: (y) => {
             let {
               x: w,
@@ -457,23 +457,23 @@ const oe = function(t) {
             };
           }
         },
-        ...a
-      } = Z(t, e), d = {
+        ...c
+      } = tt(t, e), d = {
         x: n,
         y: i
-      }, f = await s.detectOverflow(e, a), h = _(H(o)), u = Tt(h);
-      let p = d[u], g = d[h];
+      }, u = await s.detectOverflow(e, c), h = _(X(o)), f = $t(h);
+      let p = d[f], g = d[h];
       if (r) {
-        const y = u === "y" ? "top" : "left", w = u === "y" ? "bottom" : "right", x = p + f[y], v = p - f[w];
-        p = dt(x, p, v);
+        const y = f === "y" ? "top" : "left", w = f === "y" ? "bottom" : "right", x = p + u[y], v = p - u[w];
+        p = gt(x, p, v);
       }
       if (l) {
-        const y = h === "y" ? "top" : "left", w = h === "y" ? "bottom" : "right", x = g + f[y], v = g - f[w];
-        g = dt(x, g, v);
+        const y = h === "y" ? "top" : "left", w = h === "y" ? "bottom" : "right", x = g + u[y], v = g - u[w];
+        g = gt(x, g, v);
       }
-      const m = c.fn({
+      const m = a.fn({
         ...e,
-        [u]: p,
+        [f]: p,
         [h]: g
       });
       return {
@@ -482,7 +482,7 @@ const oe = function(t) {
           x: m.x - n,
           y: m.y - i,
           enabled: {
-            [u]: r,
+            [f]: r,
             [h]: l
           }
         }
@@ -490,49 +490,49 @@ const oe = function(t) {
     }
   };
 };
-function rt() {
+function ct() {
   return typeof window < "u";
 }
-function Y(t) {
-  return kt(t) ? (t.nodeName || "").toLowerCase() : "#document";
+function K(t) {
+  return Rt(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
-function C(t) {
+function T(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function F(t) {
+function D(t) {
   var e;
-  return (e = (kt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (Rt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function kt(t) {
-  return rt() ? t instanceof Node || t instanceof C(t).Node : !1;
+function Rt(t) {
+  return ct() ? t instanceof Node || t instanceof T(t).Node : !1;
 }
-function L(t) {
-  return rt() ? t instanceof Element || t instanceof C(t).Element : !1;
+function O(t) {
+  return ct() ? t instanceof Element || t instanceof T(t).Element : !1;
 }
-function I(t) {
-  return rt() ? t instanceof HTMLElement || t instanceof C(t).HTMLElement : !1;
+function R(t) {
+  return ct() ? t instanceof HTMLElement || t instanceof T(t).HTMLElement : !1;
 }
-function St(t) {
-  return !rt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof C(t).ShadowRoot;
+function Et(t) {
+  return !ct() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof T(t).ShadowRoot;
 }
-const re = /* @__PURE__ */ new Set(["inline", "contents"]);
-function et(t) {
+const ue = /* @__PURE__ */ new Set(["inline", "contents"]);
+function it(t) {
   const {
     overflow: e,
     overflowX: n,
     overflowY: i,
     display: o
   } = $(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + i + n) && !re.has(o);
+  return /auto|scroll|overlay|hidden|clip/.test(e + i + n) && !ue.has(o);
 }
-const le = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function ce(t) {
-  return le.has(Y(t));
+const fe = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function de(t) {
+  return fe.has(K(t));
 }
-const ae = [":popover-open", ":modal"];
-function lt(t) {
-  return ae.some((e) => {
+const he = [":popover-open", ":modal"];
+function at(t) {
+  return he.some((e) => {
     try {
       return t.matches(e);
     } catch {
@@ -540,34 +540,34 @@ function lt(t) {
     }
   });
 }
-const fe = ["transform", "translate", "scale", "rotate", "perspective"], ue = ["transform", "translate", "scale", "rotate", "perspective", "filter"], de = ["paint", "layout", "strict", "content"];
-function yt(t) {
-  const e = wt(), n = L(t) ? $(t) : t;
-  return fe.some((i) => n[i] ? n[i] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || ue.some((i) => (n.willChange || "").includes(i)) || de.some((i) => (n.contain || "").includes(i));
+const pe = ["transform", "translate", "scale", "rotate", "perspective"], ge = ["transform", "translate", "scale", "rotate", "perspective", "filter"], me = ["paint", "layout", "strict", "content"];
+function bt(t) {
+  const e = vt(), n = O(t) ? $(t) : t;
+  return pe.some((i) => n[i] ? n[i] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !e && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !e && (n.filter ? n.filter !== "none" : !1) || ge.some((i) => (n.willChange || "").includes(i)) || me.some((i) => (n.contain || "").includes(i));
 }
-function he(t) {
+function ye(t) {
   let e = q(t);
-  for (; I(e) && !j(e); ) {
-    if (yt(e))
+  for (; R(e) && !Y(e); ) {
+    if (bt(e))
       return e;
-    if (lt(e))
+    if (at(e))
       return null;
     e = q(e);
   }
   return null;
 }
-function wt() {
+function vt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const pe = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function j(t) {
-  return pe.has(Y(t));
+const we = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function Y(t) {
+  return we.has(K(t));
 }
 function $(t) {
-  return C(t).getComputedStyle(t);
+  return T(t).getComputedStyle(t);
 }
-function ct(t) {
-  return L(t) ? {
+function ut(t) {
+  return O(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -576,135 +576,135 @@ function ct(t) {
   };
 }
 function q(t) {
-  if (Y(t) === "html")
+  if (K(t) === "html")
     return t;
   const e = (
     // Step into the shadow DOM of the parent of a slotted node.
     t.assignedSlot || // DOM Element detected.
     t.parentNode || // ShadowRoot detected.
-    St(t) && t.host || // Fallback.
-    F(t)
+    Et(t) && t.host || // Fallback.
+    D(t)
   );
-  return St(e) ? e.host : e;
+  return Et(e) ? e.host : e;
 }
-function Lt(t) {
+function Pt(t) {
   const e = q(t);
-  return j(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : I(e) && et(e) ? e : Lt(e);
+  return Y(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : R(e) && it(e) ? e : Pt(e);
 }
-function $t(t, e, n) {
+function Ft(t, e, n) {
   var i;
   e === void 0 && (e = []);
-  const o = Lt(t), s = o === ((i = t.ownerDocument) == null ? void 0 : i.body), r = C(o);
-  return s ? (pt(r), e.concat(r, r.visualViewport || [], et(o) ? o : [], [])) : e.concat(o, $t(o, []));
+  const o = Pt(t), s = o === ((i = t.ownerDocument) == null ? void 0 : i.body), r = T(o);
+  return s ? (yt(r), e.concat(r, r.visualViewport || [], it(o) ? o : [], [])) : e.concat(o, Ft(o, []));
 }
-function pt(t) {
+function yt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
-function Rt(t) {
+function Dt(t) {
   const e = $(t);
   let n = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
-  const o = I(t), s = o ? t.offsetWidth : n, r = o ? t.offsetHeight : i, l = nt(n) !== s || nt(i) !== r;
+  const o = R(t), s = o ? t.offsetWidth : n, r = o ? t.offsetHeight : i, l = st(n) !== s || st(i) !== r;
   return l && (n = s, i = r), {
     width: n,
     height: i,
     $: l
   };
 }
-function It(t) {
-  return L(t) ? t : t.contextElement;
+function Bt(t) {
+  return O(t) ? t : t.contextElement;
 }
-function X(t) {
-  const e = It(t);
-  if (!I(e))
-    return R(1);
+function j(t) {
+  const e = Bt(t);
+  if (!R(e))
+    return L(1);
   const n = e.getBoundingClientRect(), {
     width: i,
     height: o,
     $: s
-  } = Rt(e);
-  let r = (s ? nt(n.width) : n.width) / i, l = (s ? nt(n.height) : n.height) / o;
+  } = Dt(e);
+  let r = (s ? st(n.width) : n.width) / i, l = (s ? st(n.height) : n.height) / o;
   return (!r || !Number.isFinite(r)) && (r = 1), (!l || !Number.isFinite(l)) && (l = 1), {
     x: r,
     y: l
   };
 }
-const ge = /* @__PURE__ */ R(0);
-function Pt(t) {
-  const e = C(t);
-  return !wt() || !e.visualViewport ? ge : {
+const xe = /* @__PURE__ */ L(0);
+function _t(t) {
+  const e = T(t);
+  return !vt() || !e.visualViewport ? xe : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function me(t, e, n) {
-  return e === void 0 && (e = !1), !n || e && n !== C(t) ? !1 : e;
+function be(t, e, n) {
+  return e === void 0 && (e = !1), !n || e && n !== T(t) ? !1 : e;
 }
-function Q(t, e, n, i) {
+function Z(t, e, n, i) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
-  const o = t.getBoundingClientRect(), s = It(t);
-  let r = R(1);
-  e && (i ? L(i) && (r = X(i)) : r = X(t));
-  const l = me(s, n, i) ? Pt(s) : R(0);
-  let c = (o.left + l.x) / r.x, a = (o.top + l.y) / r.y, d = o.width / r.x, f = o.height / r.y;
+  const o = t.getBoundingClientRect(), s = Bt(t);
+  let r = L(1);
+  e && (i ? O(i) && (r = j(i)) : r = j(t));
+  const l = be(s, n, i) ? _t(s) : L(0);
+  let a = (o.left + l.x) / r.x, c = (o.top + l.y) / r.y, d = o.width / r.x, u = o.height / r.y;
   if (s) {
-    const h = C(s), u = i && L(i) ? C(i) : i;
-    let p = h, g = pt(p);
-    for (; g && i && u !== p; ) {
-      const m = X(g), y = g.getBoundingClientRect(), w = $(g), x = y.left + (g.clientLeft + parseFloat(w.paddingLeft)) * m.x, v = y.top + (g.clientTop + parseFloat(w.paddingTop)) * m.y;
-      c *= m.x, a *= m.y, d *= m.x, f *= m.y, c += x, a += v, p = C(g), g = pt(p);
+    const h = T(s), f = i && O(i) ? T(i) : i;
+    let p = h, g = yt(p);
+    for (; g && i && f !== p; ) {
+      const m = j(g), y = g.getBoundingClientRect(), w = $(g), x = y.left + (g.clientLeft + parseFloat(w.paddingLeft)) * m.x, v = y.top + (g.clientTop + parseFloat(w.paddingTop)) * m.y;
+      a *= m.x, c *= m.y, d *= m.x, u *= m.y, a += x, c += v, p = T(g), g = yt(p);
     }
   }
-  return st({
+  return lt({
     width: d,
-    height: f,
-    x: c,
-    y: a
+    height: u,
+    x: a,
+    y: c
   });
 }
-function at(t, e) {
-  const n = ct(t).scrollLeft;
-  return e ? e.left + n : Q(F(t)).left + n;
+function ft(t, e) {
+  const n = ut(t).scrollLeft;
+  return e ? e.left + n : Z(D(t)).left + n;
 }
-function Dt(t, e) {
-  const n = t.getBoundingClientRect(), i = n.left + e.scrollLeft - at(t, n), o = n.top + e.scrollTop;
+function qt(t, e) {
+  const n = t.getBoundingClientRect(), i = n.left + e.scrollLeft - ft(t, n), o = n.top + e.scrollTop;
   return {
     x: i,
     y: o
   };
 }
-function ye(t) {
+function ve(t) {
   let {
     elements: e,
     rect: n,
     offsetParent: i,
     strategy: o
   } = t;
-  const s = o === "fixed", r = F(i), l = e ? lt(e.floating) : !1;
+  const s = o === "fixed", r = D(i), l = e ? at(e.floating) : !1;
   if (i === r || l && s)
     return n;
-  let c = {
+  let a = {
     scrollLeft: 0,
     scrollTop: 0
-  }, a = R(1);
-  const d = R(0), f = I(i);
-  if ((f || !f && !s) && ((Y(i) !== "body" || et(r)) && (c = ct(i)), I(i))) {
-    const u = Q(i);
-    a = X(i), d.x = u.x + i.clientLeft, d.y = u.y + i.clientTop;
+  }, c = L(1);
+  const d = L(0), u = R(i);
+  if ((u || !u && !s) && ((K(i) !== "body" || it(r)) && (a = ut(i)), R(i))) {
+    const f = Z(i);
+    c = j(i), d.x = f.x + i.clientLeft, d.y = f.y + i.clientTop;
   }
-  const h = r && !f && !s ? Dt(r, c) : R(0);
+  const h = r && !u && !s ? qt(r, a) : L(0);
   return {
-    width: n.width * a.x,
-    height: n.height * a.y,
-    x: n.x * a.x - c.scrollLeft * a.x + d.x + h.x,
-    y: n.y * a.y - c.scrollTop * a.y + d.y + h.y
+    width: n.width * c.x,
+    height: n.height * c.y,
+    x: n.x * c.x - a.scrollLeft * c.x + d.x + h.x,
+    y: n.y * c.y - a.scrollTop * c.y + d.y + h.y
   };
 }
-function we(t) {
+function Se(t) {
   return Array.from(t.getClientRects());
 }
-function xe(t) {
-  const e = F(t), n = ct(t), i = t.ownerDocument.body, o = z(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), s = z(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
-  let r = -n.scrollLeft + at(t);
+function Ae(t) {
+  const e = D(t), n = ut(t), i = t.ownerDocument.body, o = z(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), s = z(e.scrollHeight, e.clientHeight, i.scrollHeight, i.clientHeight);
+  let r = -n.scrollLeft + ft(t);
   const l = -n.scrollTop;
   return $(i).direction === "rtl" && (r += z(e.clientWidth, i.clientWidth) - o), {
     width: o,
@@ -713,47 +713,47 @@ function xe(t) {
     y: l
   };
 }
-const At = 25;
-function be(t, e) {
-  const n = C(t), i = F(t), o = n.visualViewport;
-  let s = i.clientWidth, r = i.clientHeight, l = 0, c = 0;
+const It = 25;
+function Te(t, e) {
+  const n = T(t), i = D(t), o = n.visualViewport;
+  let s = i.clientWidth, r = i.clientHeight, l = 0, a = 0;
   if (o) {
     s = o.width, r = o.height;
-    const d = wt();
-    (!d || d && e === "fixed") && (l = o.offsetLeft, c = o.offsetTop);
+    const d = vt();
+    (!d || d && e === "fixed") && (l = o.offsetLeft, a = o.offsetTop);
   }
-  const a = at(i);
-  if (a <= 0) {
-    const d = i.ownerDocument, f = d.body, h = getComputedStyle(f), u = d.compatMode === "CSS1Compat" && parseFloat(h.marginLeft) + parseFloat(h.marginRight) || 0, p = Math.abs(i.clientWidth - f.clientWidth - u);
-    p <= At && (s -= p);
-  } else a <= At && (s += a);
+  const c = ft(i);
+  if (c <= 0) {
+    const d = i.ownerDocument, u = d.body, h = getComputedStyle(u), f = d.compatMode === "CSS1Compat" && parseFloat(h.marginLeft) + parseFloat(h.marginRight) || 0, p = Math.abs(i.clientWidth - u.clientWidth - f);
+    p <= It && (s -= p);
+  } else c <= It && (s += c);
   return {
     width: s,
     height: r,
     x: l,
-    y: c
+    y: a
   };
 }
-const ve = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function Se(t, e) {
-  const n = Q(t, !0, e === "fixed"), i = n.top + t.clientTop, o = n.left + t.clientLeft, s = I(t) ? X(t) : R(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, c = o * s.x, a = i * s.y;
+const Ce = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function Ee(t, e) {
+  const n = Z(t, !0, e === "fixed"), i = n.top + t.clientTop, o = n.left + t.clientLeft, s = R(t) ? j(t) : L(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, a = o * s.x, c = i * s.y;
   return {
     width: r,
     height: l,
-    x: c,
-    y: a
+    x: a,
+    y: c
   };
 }
-function Ct(t, e, n) {
+function kt(t, e, n) {
   let i;
   if (e === "viewport")
-    i = be(t, n);
+    i = Te(t, n);
   else if (e === "document")
-    i = xe(F(t));
-  else if (L(e))
-    i = Se(e, n);
+    i = Ae(D(t));
+  else if (O(e))
+    i = Ee(e, n);
   else {
-    const o = Pt(t);
+    const o = _t(t);
     i = {
       x: e.x - o.x,
       y: e.y - o.y,
@@ -761,110 +761,110 @@ function Ct(t, e, n) {
       height: e.height
     };
   }
-  return st(i);
+  return lt(i);
 }
-function Ft(t, e) {
+function Mt(t, e) {
   const n = q(t);
-  return n === e || !L(n) || j(n) ? !1 : $(n).position === "fixed" || Ft(n, e);
+  return n === e || !O(n) || Y(n) ? !1 : $(n).position === "fixed" || Mt(n, e);
 }
-function Ae(t, e) {
+function Ie(t, e) {
   const n = e.get(t);
   if (n)
     return n;
-  let i = $t(t, []).filter((l) => L(l) && Y(l) !== "body"), o = null;
+  let i = Ft(t, []).filter((l) => O(l) && K(l) !== "body"), o = null;
   const s = $(t).position === "fixed";
   let r = s ? q(t) : t;
-  for (; L(r) && !j(r); ) {
-    const l = $(r), c = yt(r);
-    !c && l.position === "fixed" && (o = null), (s ? !c && !o : !c && l.position === "static" && !!o && ve.has(o.position) || et(r) && !c && Ft(t, r)) ? i = i.filter((d) => d !== r) : o = l, r = q(r);
+  for (; O(r) && !Y(r); ) {
+    const l = $(r), a = bt(r);
+    !a && l.position === "fixed" && (o = null), (s ? !a && !o : !a && l.position === "static" && !!o && Ce.has(o.position) || it(r) && !a && Mt(t, r)) ? i = i.filter((d) => d !== r) : o = l, r = q(r);
   }
   return e.set(t, i), i;
 }
-function Ce(t) {
+function ke(t) {
   let {
     element: e,
     boundary: n,
     rootBoundary: i,
     strategy: o
   } = t;
-  const r = [...n === "clippingAncestors" ? lt(e) ? [] : Ae(e, this._c) : [].concat(n), i], l = r[0], c = r.reduce((a, d) => {
-    const f = Ct(e, d, o);
-    return a.top = z(f.top, a.top), a.right = U(f.right, a.right), a.bottom = U(f.bottom, a.bottom), a.left = z(f.left, a.left), a;
-  }, Ct(e, l, o));
+  const r = [...n === "clippingAncestors" ? at(e) ? [] : Ie(e, this._c) : [].concat(n), i], l = r[0], a = r.reduce((c, d) => {
+    const u = kt(e, d, o);
+    return c.top = z(u.top, c.top), c.right = Q(u.right, c.right), c.bottom = Q(u.bottom, c.bottom), c.left = z(u.left, c.left), c;
+  }, kt(e, l, o));
   return {
-    width: c.right - c.left,
-    height: c.bottom - c.top,
-    x: c.left,
-    y: c.top
+    width: a.right - a.left,
+    height: a.bottom - a.top,
+    x: a.left,
+    y: a.top
   };
 }
-function Ee(t) {
+function Oe(t) {
   const {
     width: e,
     height: n
-  } = Rt(t);
+  } = Dt(t);
   return {
     width: e,
     height: n
   };
 }
-function Te(t, e, n) {
-  const i = I(e), o = F(e), s = n === "fixed", r = Q(t, !0, s, e);
+function $e(t, e, n) {
+  const i = R(e), o = D(e), s = n === "fixed", r = Z(t, !0, s, e);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const c = R(0);
-  function a() {
-    c.x = at(o);
+  const a = L(0);
+  function c() {
+    a.x = ft(o);
   }
   if (i || !i && !s)
-    if ((Y(e) !== "body" || et(o)) && (l = ct(e)), i) {
-      const u = Q(e, !0, s, e);
-      c.x = u.x + e.clientLeft, c.y = u.y + e.clientTop;
-    } else o && a();
-  s && !i && o && a();
-  const d = o && !i && !s ? Dt(o, l) : R(0), f = r.left + l.scrollLeft - c.x - d.x, h = r.top + l.scrollTop - c.y - d.y;
+    if ((K(e) !== "body" || it(o)) && (l = ut(e)), i) {
+      const f = Z(e, !0, s, e);
+      a.x = f.x + e.clientLeft, a.y = f.y + e.clientTop;
+    } else o && c();
+  s && !i && o && c();
+  const d = o && !i && !s ? qt(o, l) : L(0), u = r.left + l.scrollLeft - a.x - d.x, h = r.top + l.scrollTop - a.y - d.y;
   return {
-    x: f,
+    x: u,
     y: h,
     width: r.width,
     height: r.height
   };
 }
-function ft(t) {
+function dt(t) {
   return $(t).position === "static";
 }
-function Et(t, e) {
-  if (!I(t) || $(t).position === "fixed")
+function Ot(t, e) {
+  if (!R(t) || $(t).position === "fixed")
     return null;
   if (e)
     return e(t);
   let n = t.offsetParent;
-  return F(t) === n && (n = n.ownerDocument.body), n;
+  return D(t) === n && (n = n.ownerDocument.body), n;
 }
-function Bt(t, e) {
-  const n = C(t);
-  if (lt(t))
+function Nt(t, e) {
+  const n = T(t);
+  if (at(t))
     return n;
-  if (!I(t)) {
+  if (!R(t)) {
     let o = q(t);
-    for (; o && !j(o); ) {
-      if (L(o) && !ft(o))
+    for (; o && !Y(o); ) {
+      if (O(o) && !dt(o))
         return o;
       o = q(o);
     }
     return n;
   }
-  let i = Et(t, e);
-  for (; i && ce(i) && ft(i); )
-    i = Et(i, e);
-  return i && j(i) && ft(i) && !yt(i) ? n : i || he(t) || n;
+  let i = Ot(t, e);
+  for (; i && de(i) && dt(i); )
+    i = Ot(i, e);
+  return i && Y(i) && dt(i) && !bt(i) ? n : i || ye(t) || n;
 }
-const Oe = async function(t) {
-  const e = this.getOffsetParent || Bt, n = this.getDimensions, i = await n(t.floating);
+const Le = async function(t) {
+  const e = this.getOffsetParent || Nt, n = this.getDimensions, i = await n(t.floating);
   return {
-    reference: Te(t.reference, await e(t.floating), t.strategy),
+    reference: $e(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -873,72 +873,72 @@ const Oe = async function(t) {
     }
   };
 };
-function ke(t) {
+function Re(t) {
   return $(t).direction === "rtl";
 }
-const Le = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: ye,
-  getDocumentElement: F,
-  getClippingRect: Ce,
-  getOffsetParent: Bt,
-  getElementRects: Oe,
-  getClientRects: we,
-  getDimensions: Ee,
-  getScale: X,
-  isElement: L,
-  isRTL: ke
-}, $e = oe, Re = se, Ie = ee, Pe = te, De = (t, e, n) => {
+const Pe = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ve,
+  getDocumentElement: D,
+  getClippingRect: ke,
+  getOffsetParent: Nt,
+  getElementRects: Le,
+  getClientRects: Se,
+  getDimensions: Oe,
+  getScale: j,
+  isElement: O,
+  isRTL: Re
+}, Fe = ce, De = ae, Be = se, _e = oe, qe = (t, e, n) => {
   const i = /* @__PURE__ */ new Map(), o = {
-    platform: Le,
+    platform: Pe,
     ...n
   }, s = {
     ...o.platform,
     _c: i
   };
-  return Zt(t, e, {
+  return ne(t, e, {
     ...o,
     platform: s
   });
 };
-function _t(t) {
+function Vt(t) {
   try {
     return document.querySelector(t);
   } catch {
     return console.warn(`[Trailguide] Invalid selector: ${t}`), null;
   }
 }
-function qt(t) {
+function Wt(t) {
   const e = t.getBoundingClientRect(), n = window.getComputedStyle(t);
   return e.width > 0 && e.height > 0 && n.visibility !== "hidden" && n.display !== "none" && n.opacity !== "0";
 }
-function Fe(t) {
+function Me(t) {
   t.scrollIntoView({
-    behavior: "smooth",
+    behavior: "instant",
     block: "center",
-    inline: "center"
+    inline: "nearest"
   });
 }
-function Be(t) {
+function Ne(t) {
   const e = document.createElement("div");
   return e.textContent = t, e.innerHTML;
 }
-function it(t, e, n) {
+function nt(t, e, n) {
   const i = document.createElement(t);
   return e && (i.className = e), n && n.appendChild(i), i;
 }
-function _e() {
+function Ve() {
   return `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
 }
-let ut = null;
-function qe() {
-  return ut || (ut = _e()), ut;
+let ht = null;
+function We() {
+  return ht || (ht = Ve()), ht;
 }
-async function Me(t, e) {
+async function He(t, e) {
   if (!t.endpoint) return;
   const n = {
     ...e,
     user_id: t.userId,
-    session_id: qe(),
+    session_id: We(),
     timestamp: (/* @__PURE__ */ new Date()).toISOString()
   };
   try {
@@ -952,27 +952,30 @@ async function Me(t, e) {
     t.debug && console.error("[Trailguide Analytics] Failed:", i);
   }
 }
-class Ne {
+class Xe {
   constructor(e = {}) {
-    k(this, "trail", null);
-    k(this, "currentStepIndex", 0);
-    k(this, "isActive", !1);
-    k(this, "options", {});
+    C(this, "trail", null);
+    C(this, "currentStepIndex", 0);
+    C(this, "isActive", !1);
+    C(this, "options", {});
     // DOM elements
-    k(this, "overlay", null);
-    k(this, "tooltip", null);
-    k(this, "arrowEl", null);
+    C(this, "overlay", null);
+    C(this, "tooltip", null);
+    C(this, "arrowEl", null);
     // Cleanup functions
-    k(this, "cleanupFns", []);
-    k(this, "stepCleanupFns", []);
-    k(this, "instanceId", `trailguide-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`);
+    C(this, "cleanupFns", []);
+    C(this, "stepCleanupFns", []);
+    C(this, "instanceId", `trailguide-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`);
+    // Bug fix: cancel pending step transition timers to prevent stale callbacks
+    C(this, "stepTimerId", null);
     this.options = e;
   }
   start(e) {
     this.trail = e, this.currentStepIndex = 0, this.isActive = !0, this.createOverlay(), this.showStep(), this.bindKeyboard(), this.emitAnalytics("trail_started");
   }
   stop() {
-    this.isActive = !1, this.cleanup();
+    var e, n;
+    this.isActive ? (this.emitAnalytics("trail_abandoned"), this.isActive = !1, this.cleanup(), (n = (e = this.options).onAbandoned) == null || n.call(e)) : this.cleanup();
   }
   next() {
     !this.trail || !this.isActive || (this.emitAnalytics("step_completed"), this.currentStepIndex < this.trail.steps.length - 1 ? (this.currentStepIndex++, this.showStep()) : this.complete());
@@ -993,8 +996,8 @@ class Ne {
   }
   createOverlay() {
     var i, o, s;
-    this.overlay = it("div", "trailguide-overlay"), document.body.appendChild(this.overlay);
-    const e = it("div", "trailguide-spotlight", this.overlay), n = `${this.instanceId}-mask`;
+    this.overlay = nt("div", "trailguide-overlay"), document.body.appendChild(this.overlay);
+    const e = nt("div", "trailguide-spotlight", this.overlay), n = `${this.instanceId}-mask`;
     e.innerHTML = `
       <svg width="100%" height="100%">
         <defs>
@@ -1005,7 +1008,7 @@ class Ne {
         </defs>
         <rect x="0" y="0" width="100%" height="100%" mask="url(#${n})" />
       </svg>
-    `, it("div", "trailguide-highlight", this.overlay), this.tooltip = it("div", "trailguide-tooltip"), this.tooltip.innerHTML = `
+    `, nt("div", "trailguide-highlight", this.overlay), this.tooltip = nt("div", "trailguide-tooltip"), this.tooltip.innerHTML = `
       <div class="trailguide-tooltip-content">
         <div class="trailguide-tooltip-header">
           <h3 class="trailguide-tooltip-title"></h3>
@@ -1024,33 +1027,39 @@ class Ne {
     `, document.body.appendChild(this.tooltip), this.arrowEl = this.tooltip.querySelector(".trailguide-tooltip-arrow"), (i = this.tooltip.querySelector(".trailguide-tooltip-close")) == null || i.addEventListener("click", () => this.skip()), (o = this.tooltip.querySelector(".trailguide-btn-prev")) == null || o.addEventListener("click", () => this.prev()), (s = this.tooltip.querySelector(".trailguide-btn-next")) == null || s.addEventListener("click", () => this.next());
   }
   showStep() {
+    var l, a;
     if (!this.trail || !this.overlay || !this.tooltip) return;
-    this.stepCleanupFns.forEach((s) => s()), this.stepCleanupFns = [], this.tooltip.style.transform = "";
+    this.stepTimerId !== null && (clearTimeout(this.stepTimerId), this.stepTimerId = null), this.stepCleanupFns.forEach((c) => c()), this.stepCleanupFns = [], this.tooltip.style.transform = "";
     const e = this.overlay.querySelector(".trailguide-spotlight"), n = this.overlay.querySelector(".trailguide-highlight");
     e && (e.style.display = ""), n && (n.style.display = "");
     const i = this.trail.steps[this.currentStepIndex];
     if (!i) return;
     this.emitAnalytics("step_viewed");
-    const o = _t(i.target);
-    if (!o || !qt(o)) {
-      console.warn(`[Trailguide] Target not found or not visible: ${i.target}`), this.showErrorState(i);
+    const o = Vt(i.target), s = !o, r = o ? !Wt(o) : !1;
+    if (s || r) {
+      if (i.optional) {
+        this.currentStepIndex < this.trail.steps.length - 1 ? (this.currentStepIndex++, this.showStep()) : this.complete();
+        return;
+      }
+      const c = s ? "element_not_found" : "element_not_visible";
+      (a = (l = this.options).onError) == null || a.call(l, i, c), console.warn(`[Trailguide] Target not found or not visible: ${i.target}`), this.showErrorState(i);
       return;
     }
-    Fe(o), setTimeout(() => {
-      var s, r;
-      this.updateSpotlight(o), this.updateTooltip(i, o), (r = (s = this.options).onStepChange) == null || r.call(s, i, this.currentStepIndex);
+    Me(o), this.stepTimerId = setTimeout(() => {
+      var c, d;
+      this.stepTimerId = null, this.isActive && (this.updateSpotlight(o), this.updateTooltip(i, o), (d = (c = this.options).onStepChange) == null || d.call(c, i, this.currentStepIndex));
     }, 100);
   }
   showErrorState(e) {
-    var f, h;
+    var u, h;
     if (!this.tooltip || !this.trail) return;
-    const n = (f = this.overlay) == null ? void 0 : f.querySelector(".trailguide-spotlight"), i = (h = this.overlay) == null ? void 0 : h.querySelector(".trailguide-highlight");
+    const n = (u = this.overlay) == null ? void 0 : u.querySelector(".trailguide-spotlight"), i = (h = this.overlay) == null ? void 0 : h.querySelector(".trailguide-highlight");
     n && (n.style.display = "none"), i && (i.style.display = "none");
-    const o = this.tooltip.querySelector(".trailguide-tooltip-title"), s = this.tooltip.querySelector(".trailguide-tooltip-body"), r = this.tooltip.querySelector(".trailguide-tooltip-progress"), l = this.tooltip.querySelector(".trailguide-btn-prev"), c = this.tooltip.querySelector(".trailguide-btn-next"), a = this.currentStepIndex === 0, d = this.currentStepIndex === this.trail.steps.length - 1;
+    const o = this.tooltip.querySelector(".trailguide-tooltip-title"), s = this.tooltip.querySelector(".trailguide-tooltip-body"), r = this.tooltip.querySelector(".trailguide-tooltip-progress"), l = this.tooltip.querySelector(".trailguide-btn-prev"), a = this.tooltip.querySelector(".trailguide-btn-next"), c = this.currentStepIndex === 0, d = this.currentStepIndex === this.trail.steps.length - 1;
     o && (o.textContent = "Element Not Found"), s && (s.innerHTML = `
-        <p style="color: #ef4444; margin: 0 0 8px 0;">Could not find: <code style="background: #fee2e2; padding: 2px 6px; border-radius: 4px; font-size: 12px;">${Be(e.target)}</code></p>
+        <p style="color: #ef4444; margin: 0 0 8px 0;">Could not find: <code style="background: #fee2e2; padding: 2px 6px; border-radius: 4px; font-size: 12px;">${Ne(e.target)}</code></p>
         <p style="margin: 0; font-size: 13px; color: #6b7280;">The target element doesn't exist on this page. Press <kbd style="background: #f3f4f6; padding: 2px 6px; border-radius: 4px; font-size: 11px;">Esc</kbd> to close or skip to the next step.</p>
-      `), r && (r.textContent = `${this.currentStepIndex + 1} of ${this.trail.steps.length}`), l && (l.style.display = a ? "none" : "block"), c && (c.textContent = d ? "Close" : "Skip Step"), this.tooltip.style.left = "50%", this.tooltip.style.top = "50%", this.tooltip.style.transform = "translate(-50%, -50%)";
+      `), r && (r.textContent = `${this.currentStepIndex + 1} of ${this.trail.steps.length}`), l && (l.style.display = c ? "none" : "block"), a && (a.textContent = d ? "Close" : "Skip Step"), this.tooltip.style.left = "50%", this.tooltip.style.top = "50%", this.tooltip.style.transform = "translate(-50%, -50%)";
   }
   updateSpotlight(e) {
     if (!this.overlay) return;
@@ -1069,19 +1078,19 @@ class Ne {
   }
   async updateTooltip(e, n) {
     if (!this.tooltip || !this.trail || !this.arrowEl) return;
-    const i = this.currentStepIndex === 0, o = this.currentStepIndex === this.trail.steps.length - 1, s = this.tooltip.querySelector(".trailguide-tooltip-title"), r = this.tooltip.querySelector(".trailguide-tooltip-body"), l = this.tooltip.querySelector(".trailguide-tooltip-progress"), c = this.tooltip.querySelector(".trailguide-btn-prev"), a = this.tooltip.querySelector(".trailguide-btn-next");
-    s && (s.textContent = e.title), r && (r.textContent = e.content), l && (l.textContent = `${this.currentStepIndex + 1} of ${this.trail.steps.length}`), c && (c.style.display = i ? "none" : "block"), a && (a.textContent = o ? "Finish" : "Next");
-    const { x: d, y: f, placement: h, middlewareData: u } = await De(n, this.tooltip, {
+    const i = this.currentStepIndex === 0, o = this.currentStepIndex === this.trail.steps.length - 1, s = this.tooltip.querySelector(".trailguide-tooltip-title"), r = this.tooltip.querySelector(".trailguide-tooltip-body"), l = this.tooltip.querySelector(".trailguide-tooltip-progress"), a = this.tooltip.querySelector(".trailguide-btn-prev"), c = this.tooltip.querySelector(".trailguide-btn-next");
+    s && (s.textContent = e.title), r && (r.textContent = e.content), l && (l.textContent = `${this.currentStepIndex + 1} of ${this.trail.steps.length}`), a && (a.style.display = i ? "none" : "block"), c && (c.textContent = o ? "Finish" : "Next");
+    const { x: d, y: u, placement: h, middlewareData: f } = await qe(n, this.tooltip, {
       placement: e.placement,
       middleware: [
-        $e(12),
-        Ie(),
-        Re({ padding: 8 }),
-        Pe({ element: this.arrowEl })
+        Fe(12),
+        Be(),
+        De({ padding: 8 }),
+        _e({ element: this.arrowEl })
       ]
     });
-    if (this.tooltip.style.left = `${d}px`, this.tooltip.style.top = `${f}px`, this.tooltip.dataset.placement = h, u.arrow && this.arrowEl) {
-      const { x: p, y: g } = u.arrow;
+    if (!(!this.tooltip || !this.isActive) && (this.tooltip.style.left = `${d}px`, this.tooltip.style.top = `${u}px`, this.tooltip.dataset.placement = h, f.arrow && this.arrowEl)) {
+      const { x: p, y: g } = f.arrow;
       this.arrowEl.style.left = p != null ? `${p}px` : "", this.arrowEl.style.top = g != null ? `${g}px` : "";
     }
   }
@@ -1105,12 +1114,12 @@ class Ne {
   }
   cleanup() {
     var e, n;
-    this.stepCleanupFns.forEach((i) => i()), this.stepCleanupFns = [], this.cleanupFns.forEach((i) => i()), this.cleanupFns = [], (e = this.overlay) == null || e.remove(), (n = this.tooltip) == null || n.remove(), this.overlay = null, this.tooltip = null, this.arrowEl = null;
+    this.stepTimerId !== null && (clearTimeout(this.stepTimerId), this.stepTimerId = null), this.stepCleanupFns.forEach((i) => i()), this.stepCleanupFns = [], this.cleanupFns.forEach((i) => i()), this.cleanupFns = [], (e = this.overlay) == null || e.remove(), (n = this.tooltip) == null || n.remove(), this.overlay = null, this.tooltip = null, this.arrowEl = null;
   }
   emitAnalytics(e) {
     if (!this.options.analytics || !this.trail) return;
     const n = this.trail.steps[this.currentStepIndex], i = this.options.analytics.trailId || this.trail.id;
-    Me(this.options.analytics, {
+    He(this.options.analytics, {
       event_type: e,
       trail_id: i,
       step_id: n == null ? void 0 : n.id,
@@ -1119,22 +1128,22 @@ class Ne {
   }
 }
 let b = null;
-function He(t, e) {
-  return b && b.stop(), b = new Ne(e), b.start(t), b;
+function Ye(t, e) {
+  return b && b.stop(), b = new Xe(e), b.start(t), b;
 }
-function ze() {
+function Ke() {
   b == null || b.stop(), b = null;
 }
-function Xe() {
+function Ge() {
   b == null || b.next();
 }
-function je() {
+function Je() {
   b == null || b.prev();
 }
-function Ye() {
+function Ue() {
   b == null || b.skip(), b = null;
 }
-const Ke = {
+const Qe = {
   // Backgrounds
   bgBase: "#0f172a",
   bgCard: "#1e293b",
@@ -1175,7 +1184,7 @@ const Ke = {
   shadowMedium: "0 4px 20px rgba(0,0,0,0.4)",
   shadowOverlay: "rgba(0,0,0,0.3)"
 };
-function Ge(t) {
+function Ze(t) {
   const e = [], n = [];
   return t.id || e.push({
     stepId: "",
@@ -1202,8 +1211,8 @@ function Ge(t) {
       });
       return;
     }
-    const s = _t(i.target);
-    s ? qt(s) || n.push({
+    const s = Vt(i.target);
+    s ? Wt(s) || n.push({
       stepId: i.id,
       stepIndex: o,
       type: "hidden_target",
@@ -1215,7 +1224,7 @@ function Ge(t) {
       type: "missing_target",
       message: `Step ${o + 1} ("${i.title}"): Target element not found`,
       selector: i.target
-    }), i.target && Ve(i.target) && n.push({
+    }), i.target && ze(i.target) && n.push({
       stepId: i.id,
       stepIndex: o,
       type: "unstable_selector",
@@ -1228,10 +1237,10 @@ function Ge(t) {
     warnings: n
   });
 }
-function Ve(t) {
+function ze(t) {
   return t.startsWith("#") || t.includes("[data-") ? !1 : !!(t.includes(":nth-child") || t.includes(":nth-of-type") || /^\.[a-z]+-[a-z0-9]+$/i.test(t));
 }
-function Je(t) {
+function ti(t) {
   if (t.valid && t.warnings.length === 0) {
     console.log("%c✓ Trail validation passed", "color: green; font-weight: bold");
     return;
@@ -1242,17 +1251,78 @@ function Je(t) {
     console.warn(`Step ${e.stepIndex + 1}: ${e.message}`), e.selector && console.warn(`  Selector: ${e.selector}`);
   }), console.groupEnd());
 }
+const St = "trailguide:";
+function pt(t) {
+  return `${St}completed:${t}`;
+}
+function ot(t) {
+  return `${St}progress:${t}`;
+}
+function H() {
+  try {
+    return typeof window < "u" ? window.localStorage : null;
+  } catch {
+    return null;
+  }
+}
+const ei = {
+  /** Returns true if the user has completed or skipped this tour */
+  hasCompleted(t) {
+    var e;
+    return ((e = H()) == null ? void 0 : e.getItem(pt(t))) === "true";
+  },
+  /** Marks the tour as completed so it won't auto-show again */
+  markCompleted(t) {
+    var e;
+    (e = H()) == null || e.setItem(pt(t), "true");
+  },
+  /** Returns the last step index the user reached, or null if no progress saved */
+  getProgress(t) {
+    var i;
+    const e = (i = H()) == null ? void 0 : i.getItem(ot(t));
+    if (e == null) return null;
+    const n = parseInt(e, 10);
+    return isNaN(n) ? null : n;
+  },
+  /** Saves the user's current step so they can resume later */
+  saveProgress(t, e) {
+    var n;
+    (n = H()) == null || n.setItem(ot(t), String(e));
+  },
+  /** Clears saved progress (but keeps the completion flag) */
+  clearProgress(t) {
+    var e;
+    (e = H()) == null || e.removeItem(ot(t));
+  },
+  /** Clears both completion and progress state for this tour */
+  reset(t) {
+    const e = H();
+    e == null || e.removeItem(pt(t)), e == null || e.removeItem(ot(t));
+  },
+  /** Clears all Trailguide state from localStorage */
+  resetAll() {
+    const t = H();
+    if (!t) return;
+    const e = [];
+    for (let n = 0; n < t.length; n++) {
+      const i = t.key(n);
+      i != null && i.startsWith(St) && e.push(i);
+    }
+    e.forEach((n) => t.removeItem(n));
+  }
+};
 export {
-  Ne as Trailguide,
-  _t as findElement,
-  qt as isElementVisible,
-  Je as logValidationResults,
-  Xe as next,
-  je as prev,
-  Fe as scrollToElement,
-  Ye as skip,
-  He as start,
-  ze as stop,
-  Ke as theme,
-  Ge as validateTrail
+  Xe as Trailguide,
+  Vt as findElement,
+  Wt as isElementVisible,
+  ti as logValidationResults,
+  Ge as next,
+  Je as prev,
+  Me as scrollToElement,
+  Ue as skip,
+  Ye as start,
+  Ke as stop,
+  Qe as theme,
+  ei as tourStorage,
+  Ze as validateTrail
 };