@trailguide/core 0.0.2 → 0.1.0

package/dist/trailguide.js

@@ -1,78 +1,78 @@
-var Wt = Object.defineProperty;
-var Mt = (t, e, n) => e in t ? Wt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var I = (t, e, n) => Mt(t, typeof e != "symbol" ? e + "" : e, n);
-const J = Math.min, X = Math.max, nt = Math.round, k = (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
-}), qt = {
+}), jt = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, _t = {
+}, Yt = {
   start: "end",
   end: "start"
 };
-function ut(t, e, n) {
-  return X(t, J(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 Et(t) {
+function $t(t) {
   return t === "x" ? "y" : "x";
 }
-function pt(t) {
+function wt(t) {
   return t === "y" ? "height" : "width";
 }
-const Ht = /* @__PURE__ */ new Set(["top", "bottom"]);
-function V(t) {
-  return Ht.has(H(t)) ? "y" : "x";
+const Kt = /* @__PURE__ */ new Set(["top", "bottom"]);
+function _(t) {
+  return Kt.has(X(t)) ? "y" : "x";
 }
-function gt(t) {
-  return Et(V(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 = gt(t), s = pt(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 [dt(t), e, dt(e)];
+function Jt(t) {
+  const e = rt(t);
+  return [mt(t), e, mt(e)];
 }
-function dt(t) {
-  return t.replace(/start|end/g, (e) => _t[e]);
+function mt(t) {
+  return t.replace(/start|end/g, (e) => Yt[e]);
 }
-const yt = ["left", "right"], xt = ["right", "left"], Yt = ["top", "bottom"], zt = ["bottom", "top"];
-function Kt(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 ? xt : yt : e ? yt : xt;
+      return n ? e ? Tt : At : e ? At : Tt;
     case "left":
     case "right":
-      return e ? Yt : zt;
+      return e ? Ut : Qt;
     default:
       return [];
   }
 }
-function Ut(t, e, n, i) {
-  const o = tt(t);
-  let s = Kt(H(t), n === "start", i);
-  return o && (s = s.map((r) => r + "-" + o), e && (s = s.concat(s.map(dt)))), 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) => qt[e]);
+function rt(t) {
+  return t.replace(/left|right|bottom|top/g, (e) => jt[e]);
 }
-function Gt(t) {
+function ee(t) {
   return {
     top: 0,
     right: 0,
@@ -81,15 +81,15 @@ function Gt(t) {
     ...t
   };
 }
-function Tt(t) {
-  return typeof t != "number" ? Gt(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,14 +107,14 @@ function st(t) {
     y: n
   };
 }
-function vt(t, e, n) {
+function Ct(t, e, n) {
   let {
     reference: i,
     floating: o
   } = t;
-  const s = V(e), r = gt(e), l = pt(r), c = H(e), a = s === "y", d = i.x + i.width / 2 - o.width / 2, u = i.y + i.height / 2 - o.height / 2, p = i[l] / 2 - o[l] / 2;
+  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 (c) {
+  switch (a) {
     case "top":
       f = {
         x: d,
@@ -145,17 +145,17 @@ function vt(t, e, n) {
         y: i.y
       };
   }
-  switch (tt(e)) {
+  switch (et(e)) {
     case "start":
-      f[r] -= p * (n && a ? -1 : 1);
+      f[r] -= h * (n && c ? -1 : 1);
       break;
     case "end":
-      f[r] += p * (n && a ? -1 : 1);
+      f[r] += h * (n && c ? -1 : 1);
       break;
   }
   return f;
 }
-async function Jt(t, e) {
+async function ie(t, e) {
   var n;
   e === void 0 && (e = {});
   const {
@@ -164,19 +164,19 @@ async function Jt(t, e) {
     platform: s,
     rects: r,
     elements: l,
-    strategy: c
+    strategy: a
   } = t, {
-    boundary: a = "clippingAncestors",
+    boundary: c = "clippingAncestors",
     rootBoundary: d = "viewport",
     elementContext: u = "floating",
-    altBoundary: p = !1,
+    altBoundary: h = !1,
     padding: f = 0
-  } = Z(e, t), h = Tt(f), m = l[p ? u === "floating" ? "reference" : "floating" : u], w = st(await s.getClippingRect({
+  } = 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
-  })), y = u === "floating" ? {
+    strategy: a
+  })), w = u === "floating" ? {
     x: i,
     y: o,
     width: r.floating.width,
@@ -187,55 +187,55 @@ async function Jt(t, e) {
   } : {
     x: 1,
     y: 1
-  }, E = st(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, E = lt(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
-    rect: y,
+    rect: w,
     offsetParent: x,
-    strategy: c
-  }) : y);
+    strategy: a
+  }) : w);
   return {
-    top: (w.top - E.top + h.top) / v.y,
-    bottom: (E.bottom - w.bottom + h.bottom) / v.y,
-    left: (w.left - E.left + h.left) / v.x,
-    right: (E.right - w.right + h.right) / v.x
+    top: (y.top - E.top + p.top) / v.y,
+    bottom: (E.bottom - y.bottom + p.bottom) / v.y,
+    left: (y.left - E.left + p.left) / v.x,
+    right: (E.right - y.right + p.right) / v.x
   };
 }
-const Qt = 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: u
-  } = vt(a, i, c), p = i, f = {}, h = 0;
+  } = Ct(c, i, a), h = i, f = {}, p = 0;
   for (let m = 0; m < l.length; m++) {
     var g;
     const {
-      name: w,
-      fn: y
+      name: y,
+      fn: w
     } = l[m], {
       x,
       y: v,
       data: E,
       reset: A
-    } = await y({
+    } = await w({
       x: d,
       y: u,
       initialPlacement: i,
-      placement: p,
+      placement: h,
       strategy: o,
       middlewareData: f,
-      rects: a,
+      rects: c,
       platform: {
         ...r,
-        detectOverflow: (g = r.detectOverflow) != null ? g : Jt
+        detectOverflow: (g = r.detectOverflow) != null ? g : ie
       },
       elements: {
         reference: t,
@@ -244,27 +244,27 @@ const Qt = async (t, e, n) => {
     });
     d = x ?? d, u = v ?? u, f = {
       ...f,
-      [w]: {
-        ...f[w],
+      [y]: {
+        ...f[y],
         ...E
       }
-    }, A && h <= 50 && (h++, typeof A == "object" && (A.placement && (p = 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: u
-    } = vt(a, p, c)), m = -1);
+    } = Ct(c, h, a)), m = -1);
   }
   return {
     x: d,
     y: u,
-    placement: p,
+    placement: h,
     strategy: o,
     middlewareData: f
   };
-}, Zt = (t) => ({
+}, oe = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
@@ -275,33 +275,33 @@ const Qt = 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 u = Tt(d), p = {
+    const u = Lt(d), h = {
       x: n,
       y: i
-    }, f = gt(o), h = pt(f), g = await r.getDimensions(a), m = f === "y", w = m ? "top" : "left", y = m ? "bottom" : "right", x = m ? "clientHeight" : "clientWidth", v = s.reference[h] + s.reference[f] - p[f] - s.floating[h], E = p[f] - s.reference[f], A = await (r.getOffsetParent == null ? void 0 : r.getOffsetParent(a));
-    let W = A ? A[x] : 0;
-    (!W || !await (r.isElement == null ? void 0 : r.isElement(A))) && (W = l.floating[x] || s.floating[h]);
-    const K = v / 2 - E / 2, M = W / 2 - g[h] / 2 - 1, P = J(u[w], M), U = J(u[y], M), q = P, G = W - g[h] - U, S = W / 2 - g[h] / 2 + K, _ = ut(q, S, G), D = !c.arrow && tt(o) != null && S !== _ && s.reference[h] / 2 - (S < q ? P : U) - g[h] / 2 < 0, T = D ? S < q ? S - q : S - G : 0;
+    }, 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 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 {
-      [f]: p[f] + T,
+      [f]: h[f] + I,
       data: {
-        [f]: _,
-        centerOffset: S - _ - T,
-        ...D && {
-          alignmentOffset: T
+        [f]: W,
+        centerOffset: S - W - I,
+        ...F && {
+          alignmentOffset: I
         }
       },
-      reset: D
+      reset: F
     };
   }
-}), te = function(t) {
+}), se = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -312,87 +312,87 @@ const Qt = async (t, e, n) => {
         middlewareData: s,
         rects: r,
         initialPlacement: l,
-        platform: c,
-        elements: a
+        platform: a,
+        elements: c
       } = e, {
         mainAxis: d = !0,
         crossAxis: u = !0,
-        fallbackPlacements: p,
+        fallbackPlacements: h,
         fallbackStrategy: f = "bestFit",
-        fallbackAxisSideDirection: h = "none",
+        fallbackAxisSideDirection: p = "none",
         flipAlignment: g = !0,
         ...m
-      } = Z(t, e);
+      } = tt(t, e);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const w = H(o), y = V(l), x = H(l) === l, v = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), E = p || (x || !g ? [ot(l)] : jt(l)), A = h !== "none";
-      !p && A && E.push(...Ut(l, g, h, v));
-      const W = [l, ...E], K = await c.detectOverflow(e, m), M = [];
+      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 && M.push(K[w]), u) {
-        const S = Xt(o, r, v);
-        M.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: M
-      }], !M.every((S) => S <= 0)) {
-        var U, q;
-        const S = (((U = s.flip) == null ? void 0 : U.index) || 0) + 1, _ = W[S];
-        if (_ && (!(u === "alignment" ? y !== V(_) : !1) || // We leave the current main axis only if every placement on that axis
+        overflows: N
+      }], !N.every((S) => S <= 0)) {
+        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) => V(O.placement) === y ? O.overflows[0] > 0 : !0)))
+        P.every((k) => _(k.placement) === w ? k.overflows[0] > 0 : !0)))
           return {
             data: {
               index: S,
               overflows: P
             },
             reset: {
-              placement: _
+              placement: W
             }
           };
-        let D = (q = P.filter((T) => T.overflows[0] <= 0).sort((T, O) => T.overflows[1] - O.overflows[1])[0]) == null ? void 0 : q.placement;
-        if (!D)
+        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 G;
-              const T = (G = P.filter((O) => {
+              var U;
+              const I = (U = P.filter((k) => {
                 if (A) {
-                  const B = V(O.placement);
-                  return B === y || // Create a bias to the `y` side axis due to horizontal
+                  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, Nt) => B + Nt, 0)]).sort((O, B) => O[1] - B[1])[0]) == null ? void 0 : G[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 {};
     }
   };
-}, ee = /* @__PURE__ */ new Set(["left", "top"]);
-async function ie(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 = V(n) === "y", a = ee.has(r) ? -1 : 1, d = s && c ? -1 : 1, u = 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: p,
+    mainAxis: h,
     crossAxis: f,
-    alignmentAxis: h
+    alignmentAxis: p
   } = typeof u == "number" ? {
     mainAxis: u,
     crossAxis: 0,
@@ -402,15 +402,15 @@ async function ie(t, e) {
     crossAxis: u.crossAxis || 0,
     alignmentAxis: u.alignmentAxis
   };
-  return l && typeof h == "number" && (f = l === "end" ? h * -1 : h), c ? {
+  return l && typeof p == "number" && (f = l === "end" ? p * -1 : p), a ? {
     x: f * d,
-    y: p * a
+    y: h * c
   } : {
-    x: p * a,
+    x: h * c,
     y: f * d
   };
 }
-const ne = function(t) {
+const ce = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
@@ -421,18 +421,18 @@ const ne = function(t) {
         y: s,
         placement: r,
         middlewareData: l
-      } = e, c = await ie(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
         }
       };
     }
   };
-}, oe = function(t) {
+}, ae = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -445,36 +445,36 @@ const ne = function(t) {
       } = e, {
         mainAxis: r = !0,
         crossAxis: l = !1,
-        limiter: c = {
-          fn: (w) => {
+        limiter: a = {
+          fn: (y) => {
             let {
-              x: y,
+              x: w,
               y: x
-            } = w;
+            } = y;
             return {
-              x: y,
+              x: w,
               y: x
             };
           }
         },
-        ...a
-      } = Z(t, e), d = {
+        ...c
+      } = tt(t, e), d = {
         x: n,
         y: i
-      }, u = await s.detectOverflow(e, a), p = V(H(o)), f = Et(p);
-      let h = d[f], g = d[p];
+      }, u = await s.detectOverflow(e, c), h = _(X(o)), f = $t(h);
+      let p = d[f], g = d[h];
       if (r) {
-        const w = f === "y" ? "top" : "left", y = f === "y" ? "bottom" : "right", x = h + u[w], v = h - u[y];
-        h = ut(x, h, 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 w = p === "y" ? "top" : "left", y = p === "y" ? "bottom" : "right", x = g + u[w], v = g - u[y];
-        g = ut(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,
-        [f]: h,
-        [p]: g
+        [f]: p,
+        [h]: g
       });
       return {
         ...m,
@@ -483,56 +483,56 @@ const ne = function(t) {
           y: m.y - i,
           enabled: {
             [f]: r,
-            [p]: l
+            [h]: l
           }
         }
       };
     }
   };
 };
-function rt() {
+function ct() {
   return typeof window < "u";
 }
-function z(t) {
-  return Ot(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 = (Ot(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 Ot(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 R(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 $(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 bt(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 se = /* @__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
-  } = L(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + i + n) && !se.has(o);
+  } = $(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + i + n) && !ue.has(o);
 }
-const re = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function le(t) {
-  return re.has(z(t));
+const fe = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function de(t) {
+  return fe.has(K(t));
 }
-const ce = [":popover-open", ":modal"];
-function lt(t) {
-  return ce.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 ae = ["transform", "translate", "scale", "rotate", "perspective"], fe = ["transform", "translate", "scale", "rotate", "perspective", "filter"], ue = ["paint", "layout", "strict", "content"];
-function mt(t) {
-  const e = wt(), n = R(t) ? L(t) : t;
-  return ae.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) || fe.some((i) => (n.willChange || "").includes(i)) || ue.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 de(t) {
-  let e = N(t);
-  for (; $(e) && !Y(e); ) {
-    if (mt(e))
+function ye(t) {
+  let e = q(t);
+  for (; R(e) && !Y(e); ) {
+    if (bt(e))
       return e;
-    if (lt(e))
+    if (at(e))
       return null;
-    e = N(e);
+    e = q(e);
   }
   return null;
 }
-function wt() {
+function vt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const he = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+const we = /* @__PURE__ */ new Set(["html", "body", "#document"]);
 function Y(t) {
-  return he.has(z(t));
+  return we.has(K(t));
 }
-function L(t) {
-  return C(t).getComputedStyle(t);
+function $(t) {
+  return T(t).getComputedStyle(t);
 }
-function ct(t) {
-  return R(t) ? {
+function ut(t) {
+  return O(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -575,185 +575,185 @@ function ct(t) {
     scrollTop: t.scrollY
   };
 }
-function N(t) {
-  if (z(t) === "html")
+function q(t) {
+  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.
-    bt(t) && t.host || // Fallback.
-    F(t)
+    Et(t) && t.host || // Fallback.
+    D(t)
   );
-  return bt(e) ? e.host : e;
+  return Et(e) ? e.host : e;
 }
-function Rt(t) {
-  const e = N(t);
-  return Y(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : $(e) && et(e) ? e : Rt(e);
+function Pt(t) {
+  const e = q(t);
+  return Y(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : R(e) && it(e) ? e : Pt(e);
 }
-function Lt(t, e, n) {
+function Ft(t, e, n) {
   var i;
   e === void 0 && (e = []);
-  const o = Rt(t), s = o === ((i = t.ownerDocument) == null ? void 0 : i.body), r = C(o);
-  return s ? (ht(r), e.concat(r, r.visualViewport || [], et(o) ? o : [], [])) : e.concat(o, Lt(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 ht(t) {
+function yt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
-function kt(t) {
-  const e = L(t);
+function Dt(t) {
+  const e = $(t);
   let n = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
-  const o = $(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 $t(t) {
-  return R(t) ? t : t.contextElement;
+function Bt(t) {
+  return O(t) ? t : t.contextElement;
 }
 function j(t) {
-  const e = $t(t);
-  if (!$(e))
-    return k(1);
+  const e = Bt(t);
+  if (!R(e))
+    return L(1);
   const n = e.getBoundingClientRect(), {
     width: i,
     height: o,
     $: s
-  } = kt(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 pe = /* @__PURE__ */ k(0);
-function Pt(t) {
-  const e = C(t);
-  return !wt() || !e.visualViewport ? pe : {
+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 ge(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 = $t(t);
-  let r = k(1);
-  e && (i ? R(i) && (r = j(i)) : r = j(t));
-  const l = ge(s, n, i) ? Pt(s) : k(0);
-  let c = (o.left + l.x) / r.x, a = (o.top + l.y) / r.y, d = o.width / r.x, u = 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 p = C(s), f = i && R(i) ? C(i) : i;
-    let h = p, g = ht(h);
-    for (; g && i && f !== h; ) {
-      const m = j(g), w = g.getBoundingClientRect(), y = L(g), x = w.left + (g.clientLeft + parseFloat(y.paddingLeft)) * m.x, v = w.top + (g.clientTop + parseFloat(y.paddingTop)) * m.y;
-      c *= m.x, a *= m.y, d *= m.x, u *= m.y, c += x, a += v, h = C(g), g = ht(h);
+    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: u,
-    x: c,
-    y: a
+    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 me(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 = k(1);
-  const d = k(0), u = $(i);
-  if ((u || !u && !s) && ((z(i) !== "body" || et(r)) && (c = ct(i)), $(i))) {
-    const f = Q(i);
-    a = j(i), d.x = f.x + i.clientLeft, d.y = f.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 p = r && !u && !s ? Dt(r, c) : k(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 + p.x,
-    y: n.y * a.y - c.scrollTop * a.y + d.y + p.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 ye(t) {
-  const e = F(t), n = ct(t), i = t.ownerDocument.body, o = X(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), s = X(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 L(i).direction === "rtl" && (r += X(e.clientWidth, i.clientWidth) - o), {
+  return $(i).direction === "rtl" && (r += z(e.clientWidth, i.clientWidth) - o), {
     width: o,
     height: s,
     x: r,
     y: l
   };
 }
-const St = 25;
-function xe(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, u = d.body, p = getComputedStyle(u), f = d.compatMode === "CSS1Compat" && parseFloat(p.marginLeft) + parseFloat(p.marginRight) || 0, h = Math.abs(i.clientWidth - u.clientWidth - f);
-    h <= St && (s -= h);
-  } else a <= St && (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 be(t, e) {
-  const n = Q(t, !0, e === "fixed"), i = n.top + t.clientTop, o = n.left + t.clientLeft, s = $(t) ? j(t) : k(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 At(t, e, n) {
+function kt(t, e, n) {
   let i;
   if (e === "viewport")
-    i = xe(t, n);
+    i = Te(t, n);
   else if (e === "document")
-    i = ye(F(t));
-  else if (R(e))
-    i = be(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 At(t, e, n) {
       height: e.height
     };
   }
-  return st(i);
+  return lt(i);
 }
-function It(t, e) {
-  const n = N(t);
-  return n === e || !R(n) || Y(n) ? !1 : L(n).position === "fixed" || It(n, e);
+function Mt(t, e) {
+  const n = q(t);
+  return n === e || !O(n) || Y(n) ? !1 : $(n).position === "fixed" || Mt(n, e);
 }
-function Se(t, e) {
+function Ie(t, e) {
   const n = e.get(t);
   if (n)
     return n;
-  let i = Lt(t, []).filter((l) => R(l) && z(l) !== "body"), o = null;
-  const s = L(t).position === "fixed";
-  let r = s ? N(t) : t;
-  for (; R(r) && !Y(r); ) {
-    const l = L(r), c = mt(r);
-    !c && l.position === "fixed" && (o = null), (s ? !c && !o : !c && l.position === "static" && !!o && ve.has(o.position) || et(r) && !c && It(t, r)) ? i = i.filter((d) => d !== r) : o = l, r = N(r);
+  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 (; 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 Ae(t) {
+function ke(t) {
   let {
     element: e,
     boundary: n,
     rootBoundary: i,
     strategy: o
   } = t;
-  const r = [...n === "clippingAncestors" ? lt(e) ? [] : Se(e, this._c) : [].concat(n), i], l = r[0], c = r.reduce((a, d) => {
-    const u = At(e, d, o);
-    return a.top = X(u.top, a.top), a.right = J(u.right, a.right), a.bottom = J(u.bottom, a.bottom), a.left = X(u.left, a.left), a;
-  }, At(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 Ce(t) {
+function Oe(t) {
   const {
     width: e,
     height: n
-  } = kt(t);
+  } = Dt(t);
   return {
     width: e,
     height: n
   };
 }
-function Ee(t, e, n) {
-  const 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 = k(0);
-  function a() {
-    c.x = at(o);
+  const a = L(0);
+  function c() {
+    a.x = ft(o);
   }
   if (i || !i && !s)
-    if ((z(e) !== "body" || et(o)) && (l = ct(e)), i) {
-      const f = Q(e, !0, s, e);
-      c.x = f.x + e.clientLeft, c.y = f.y + e.clientTop;
-    } else o && a();
-  s && !i && o && a();
-  const d = o && !i && !s ? Dt(o, l) : k(0), u = r.left + l.scrollLeft - c.x - d.x, p = 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: u,
-    y: p,
+    y: h,
     width: r.width,
     height: r.height
   };
 }
-function ft(t) {
-  return L(t).position === "static";
+function dt(t) {
+  return $(t).position === "static";
 }
-function Ct(t, e) {
-  if (!$(t) || L(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 Ft(t, e) {
-  const n = C(t);
-  if (lt(t))
+function Nt(t, e) {
+  const n = T(t);
+  if (at(t))
     return n;
-  if (!$(t)) {
-    let o = N(t);
+  if (!R(t)) {
+    let o = q(t);
     for (; o && !Y(o); ) {
-      if (R(o) && !ft(o))
+      if (O(o) && !dt(o))
         return o;
-      o = N(o);
+      o = q(o);
     }
     return n;
   }
-  let i = Ct(t, e);
-  for (; i && le(i) && ft(i); )
-    i = Ct(i, e);
-  return i && Y(i) && ft(i) && !mt(i) ? n : i || de(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 Te = async function(t) {
-  const e = this.getOffsetParent || Ft, 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: Ee(t.reference, await e(t.floating), t.strategy),
+    reference: $e(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -873,107 +873,142 @@ const Te = async function(t) {
     }
   };
 };
-function Oe(t) {
-  return L(t).direction === "rtl";
-}
-const Re = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: me,
-  getDocumentElement: F,
-  getClippingRect: Ae,
-  getOffsetParent: Ft,
-  getElementRects: Te,
-  getClientRects: we,
-  getDimensions: Ce,
+function Re(t) {
+  return $(t).direction === "rtl";
+}
+const Pe = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ve,
+  getDocumentElement: D,
+  getClippingRect: ke,
+  getOffsetParent: Nt,
+  getElementRects: Le,
+  getClientRects: Se,
+  getDimensions: Oe,
   getScale: j,
-  isElement: R,
-  isRTL: Oe
-}, Le = ne, ke = oe, $e = te, Pe = Zt, De = (t, e, n) => {
+  isElement: O,
+  isRTL: Re
+}, Fe = ce, De = ae, Be = se, _e = oe, qe = (t, e, n) => {
   const i = /* @__PURE__ */ new Map(), o = {
-    platform: Re,
+    platform: Pe,
     ...n
   }, s = {
     ...o.platform,
     _c: i
   };
-  return Qt(t, e, {
+  return ne(t, e, {
     ...o,
     platform: s
   });
 };
-function Bt(t) {
+function Vt(t) {
   try {
     return document.querySelector(t);
   } catch {
     return console.warn(`[Trailguide] Invalid selector: ${t}`), null;
   }
 }
-function Vt(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 Ie(t) {
+function Me(t) {
   t.scrollIntoView({
     behavior: "smooth",
     block: "center",
     inline: "center"
   });
 }
-function it(t, e, n) {
+function Ne(t) {
+  const e = document.createElement("div");
+  return e.textContent = t, e.innerHTML;
+}
+function nt(t, e, n) {
   const i = document.createElement(t);
   return e && (i.className = e), n && n.appendChild(i), i;
 }
-class Fe {
+function Ve() {
+  return `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
+}
+let ht = null;
+function We() {
+  return ht || (ht = Ve()), ht;
+}
+async function He(t, e) {
+  if (!t.endpoint) return;
+  const n = {
+    ...e,
+    user_id: t.userId,
+    session_id: We(),
+    timestamp: (/* @__PURE__ */ new Date()).toISOString()
+  };
+  try {
+    const i = await fetch(t.endpoint, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(n)
+    });
+    t.debug && (i.ok ? console.log("[Trailguide Analytics]", n) : console.error(`[Trailguide Analytics] Server error: ${i.status}`));
+  } catch (i) {
+    t.debug && console.error("[Trailguide Analytics] Failed:", i);
+  }
+}
+class Xe {
   constructor(e = {}) {
-    I(this, "trail", null);
-    I(this, "currentStepIndex", 0);
-    I(this, "isActive", !1);
-    I(this, "options", {});
+    C(this, "trail", null);
+    C(this, "currentStepIndex", 0);
+    C(this, "isActive", !1);
+    C(this, "options", {});
     // DOM elements
-    I(this, "overlay", null);
-    I(this, "tooltip", null);
-    I(this, "arrowEl", null);
+    C(this, "overlay", null);
+    C(this, "tooltip", null);
+    C(this, "arrowEl", null);
     // Cleanup functions
-    I(this, "cleanupFns", []);
+    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.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.currentStepIndex < this.trail.steps.length - 1 ? (this.currentStepIndex++, this.showStep()) : this.complete());
+    !this.trail || !this.isActive || (this.emitAnalytics("step_completed"), this.currentStepIndex < this.trail.steps.length - 1 ? (this.currentStepIndex++, this.showStep()) : this.complete());
   }
   prev() {
     !this.trail || !this.isActive || this.currentStepIndex > 0 && (this.currentStepIndex--, this.showStep());
   }
   skip() {
     var e, n;
-    this.isActive = !1, this.cleanup(), (n = (e = this.options).onSkip) == null || n.call(e);
+    this.emitAnalytics("trail_skipped"), this.isActive = !1, this.cleanup(), (n = (e = this.options).onSkip) == null || n.call(e);
   }
   goToStep(e) {
     !this.trail || !this.isActive || e >= 0 && e < this.trail.steps.length && (this.currentStepIndex = e, this.showStep());
   }
   complete() {
     var e, n;
-    this.isActive = !1, this.cleanup(), (n = (e = this.options).onComplete) == null || n.call(e);
+    this.emitAnalytics("trail_completed"), this.isActive = !1, this.cleanup(), (n = (e = this.options).onComplete) == null || n.call(e);
   }
   createOverlay() {
-    var n, i, o;
-    this.overlay = it("div", "trailguide-overlay"), document.body.appendChild(this.overlay);
-    const e = it("div", "trailguide-spotlight", this.overlay);
+    var i, o, s;
+    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>
-          <mask id="trailguide-mask">
+          <mask id="${n}">
             <rect x="0" y="0" width="100%" height="100%" fill="white" />
             <rect class="trailguide-cutout" rx="4" fill="black" />
           </mask>
         </defs>
-        <rect x="0" y="0" width="100%" height="100%" fill="rgba(0,0,0,0.5)" mask="url(#trailguide-mask)" />
+        <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>
@@ -989,22 +1024,43 @@ class Fe {
         </div>
         <div class="trailguide-tooltip-arrow"></div>
       </div>
-    `, document.body.appendChild(this.tooltip), this.arrowEl = this.tooltip.querySelector(".trailguide-tooltip-arrow"), (n = this.tooltip.querySelector(".trailguide-tooltip-close")) == null || n.addEventListener("click", () => this.skip()), (i = this.tooltip.querySelector(".trailguide-btn-prev")) == null || i.addEventListener("click", () => this.prev()), (o = this.tooltip.querySelector(".trailguide-btn-next")) == null || o.addEventListener("click", () => this.next());
+    `, 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;
-    const e = this.trail.steps[this.currentStepIndex];
-    if (!e) return;
-    const n = Bt(e.target);
-    if (!n || !Vt(n)) {
-      console.warn(`[Trailguide] Target not found or not visible: ${e.target}`);
+    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 = 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;
     }
-    Ie(n), setTimeout(() => {
-      var i, o;
-      this.updateSpotlight(n), this.updateTooltip(e, n), (o = (i = this.options).onStepChange) == null || o.call(i, e, 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 u, h;
+    if (!this.tooltip || !this.trail) return;
+    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"), 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;">${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 = 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;
     const n = e.getBoundingClientRect(), i = 8, o = this.overlay.querySelector(".trailguide-cutout");
@@ -1016,26 +1072,26 @@ class Fe {
       const l = e.getBoundingClientRect();
       o && (o.setAttribute("x", String(l.left - i)), o.setAttribute("y", String(l.top - i)), o.setAttribute("width", String(l.width + i * 2)), o.setAttribute("height", String(l.height + i * 2))), s && (s.style.top = `${l.top - i}px`, s.style.left = `${l.left - i}px`, s.style.width = `${l.width + i * 2}px`, s.style.height = `${l.height + i * 2}px`);
     };
-    window.addEventListener("scroll", r, !0), window.addEventListener("resize", r), this.cleanupFns.push(() => {
+    window.addEventListener("scroll", r, !0), window.addEventListener("resize", r), this.stepCleanupFns.push(() => {
       window.removeEventListener("scroll", r, !0), window.removeEventListener("resize", r);
     });
   }
   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: u, middlewareData: p } = 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: [
-        Le(12),
-        $e(),
-        ke({ 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 = `${u}px`, p.arrow && this.arrowEl) {
-      const { x: f, y: h } = p.arrow;
-      this.arrowEl.style.left = f != null ? `${f}px` : "", this.arrowEl.style.top = h != null ? `${h}px` : "";
+    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` : "";
     }
   }
   bindKeyboard() {
@@ -1058,26 +1114,77 @@ class Fe {
   }
   cleanup() {
     var e, n;
-    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.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;
+    He(this.options.analytics, {
+      event_type: e,
+      trail_id: i,
+      step_id: n == null ? void 0 : n.id,
+      step_index: this.currentStepIndex
+    });
   }
 }
 let b = null;
-function Ne(t, e) {
-  return b && b.stop(), b = new Fe(e), b.start(t), b;
+function Ye(t, e) {
+  return b && b.stop(), b = new Xe(e), b.start(t), b;
 }
-function We() {
-  b == null || b.stop();
+function Ke() {
+  b == null || b.stop(), b = null;
 }
-function Me() {
+function Ge() {
   b == null || b.next();
 }
-function qe() {
+function Je() {
   b == null || b.prev();
 }
-function _e() {
-  b == null || b.skip();
-}
-function He(t) {
+function Ue() {
+  b == null || b.skip(), b = null;
+}
+const Qe = {
+  // Backgrounds
+  bgBase: "#0f172a",
+  bgCard: "#1e293b",
+  bgGlass: "rgba(255,255,255,0.06)",
+  bgInput: "rgba(255,255,255,0.03)",
+  // Text
+  textPrimary: "#f8fafc",
+  textSecondary: "#e2e8f0",
+  textTertiary: "#cbd5e1",
+  textMuted: "#94a3b8",
+  textFaint: "#64748b",
+  // Borders
+  borderSubtle: "rgba(255,255,255,0.06)",
+  borderPanel: "rgba(255,255,255,0.08)",
+  borderControl: "rgba(255,255,255,0.1)",
+  // Brand / accent
+  accent: "#1a91a2",
+  accentBg: "rgba(26,145,162,0.15)",
+  accentBorder: "rgba(26,145,162,0.3)",
+  // Error / recording
+  error: "#ef4444",
+  errorBg: "rgba(239,68,68,0.1)",
+  errorBorder: "rgba(239,68,68,0.3)",
+  errorLight: "rgba(248,113,113,0.1)",
+  errorText: "#fca5a5",
+  // Success
+  success: "#10b981",
+  successBg: "rgba(16,185,129,0.1)",
+  successBorder: "rgba(16,185,129,0.3)",
+  successText: "#6ee7b7",
+  // Warning
+  warningBg: "rgba(234,179,8,0.1)",
+  // Disabled
+  disabled: "#9ca3af",
+  disabledBg: "#4b5563",
+  // Shadows
+  shadowLight: "0 4px 12px rgba(0,0,0,0.15)",
+  shadowMedium: "0 4px 20px rgba(0,0,0,0.4)",
+  shadowOverlay: "rgba(0,0,0,0.3)"
+};
+function Ze(t) {
   const e = [], n = [];
   return t.id || e.push({
     stepId: "",
@@ -1104,8 +1211,8 @@ function He(t) {
       });
       return;
     }
-    const s = Bt(i.target);
-    s ? Vt(s) || n.push({
+    const s = Vt(i.target);
+    s ? Wt(s) || n.push({
       stepId: i.id,
       stepIndex: o,
       type: "hidden_target",
@@ -1117,7 +1224,7 @@ function He(t) {
       type: "missing_target",
       message: `Step ${o + 1} ("${i.title}"): Target element not found`,
       selector: i.target
-    }), i.target && Be(i.target) && n.push({
+    }), i.target && ze(i.target) && n.push({
       stepId: i.id,
       stepIndex: o,
       type: "unstable_selector",
@@ -1130,10 +1237,10 @@ function He(t) {
     warnings: n
   });
 }
-function Be(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 Xe(t) {
+function ti(t) {
   if (t.valid && t.warnings.length === 0) {
     console.log("%c✓ Trail validation passed", "color: green; font-weight: bold");
     return;
@@ -1144,16 +1251,78 @@ function Xe(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 {
-  Fe as Trailguide,
-  Bt as findElement,
-  Vt as isElementVisible,
-  Xe as logValidationResults,
-  Me as next,
-  qe as prev,
-  Ie as scrollToElement,
-  _e as skip,
-  Ne as start,
-  We as stop,
-  He 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
 };