@trailguide/core 0.0.2 → 0.0.3

package/dist/trailguide.js

@@ -1,20 +1,20 @@
-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 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) => ({
   x: t,
   y: t
-}), qt = {
+}), Wt = {
   left: "right",
   right: "left",
   bottom: "top",
   top: "bottom"
-}, _t = {
+}, Ht = {
   start: "end",
   end: "start"
 };
-function ut(t, e, n) {
-  return X(t, J(e, n));
+function dt(t, e, n) {
+  return z(t, U(e, n));
 }
 function Z(t, e) {
   return typeof t == "function" ? t(e) : t;
@@ -25,54 +25,54 @@ function H(t) {
 function tt(t) {
   return t.split("-")[1];
 }
-function Et(t) {
+function Tt(t) {
   return t === "x" ? "y" : "x";
 }
-function pt(t) {
+function gt(t) {
   return t === "y" ? "height" : "width";
 }
-const Ht = /* @__PURE__ */ new Set(["top", "bottom"]);
-function V(t) {
-  return Ht.has(H(t)) ? "y" : "x";
+const zt = /* @__PURE__ */ new Set(["top", "bottom"]);
+function _(t) {
+  return zt.has(H(t)) ? "y" : "x";
 }
-function gt(t) {
-  return Et(V(t));
+function mt(t) {
+  return Tt(_(t));
 }
 function Xt(t, e, n) {
   n === void 0 && (n = !1);
-  const i = tt(t), o = gt(t), s = pt(o);
+  const i = tt(t), o = mt(t), s = gt(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)];
 }
 function jt(t) {
   const e = ot(t);
-  return [dt(t), e, dt(e)];
+  return [ht(t), e, ht(e)];
 }
-function dt(t) {
-  return t.replace(/start|end/g, (e) => _t[e]);
+function ht(t) {
+  return t.replace(/start|end/g, (e) => Ht[e]);
 }
-const yt = ["left", "right"], xt = ["right", "left"], Yt = ["top", "bottom"], zt = ["bottom", "top"];
-function Kt(t, e, n) {
+const xt = ["left", "right"], bt = ["right", "left"], Yt = ["top", "bottom"], Kt = ["bottom", "top"];
+function Gt(t, e, n) {
   switch (t) {
     case "top":
     case "bottom":
-      return n ? e ? xt : yt : e ? yt : xt;
+      return n ? e ? bt : xt : e ? xt : bt;
     case "left":
     case "right":
-      return e ? Yt : zt;
+      return e ? Yt : Kt;
     default:
       return [];
   }
 }
-function Ut(t, e, n, i) {
+function Jt(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;
+  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 ot(t) {
-  return t.replace(/left|right|bottom|top/g, (e) => qt[e]);
+  return t.replace(/left|right|bottom|top/g, (e) => Wt[e]);
 }
-function Gt(t) {
+function Ut(t) {
   return {
     top: 0,
     right: 0,
@@ -81,8 +81,8 @@ function Gt(t) {
     ...t
   };
 }
-function Tt(t) {
-  return typeof t != "number" ? Gt(t) : {
+function Ot(t) {
+  return typeof t != "number" ? Ut(t) : {
     top: t,
     right: t,
     bottom: t,
@@ -112,50 +112,50 @@ function vt(t, e, n) {
     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;
-  let f;
+  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) {
     case "top":
-      f = {
+      u = {
         x: d,
         y: i.y - o.height
       };
       break;
     case "bottom":
-      f = {
+      u = {
         x: d,
         y: i.y + i.height
       };
       break;
     case "right":
-      f = {
+      u = {
         x: i.x + i.width,
-        y: u
+        y: f
       };
       break;
     case "left":
-      f = {
+      u = {
         x: i.x - o.width,
-        y: u
+        y: f
       };
       break;
     default:
-      f = {
+      u = {
         x: i.x,
         y: i.y
       };
   }
   switch (tt(e)) {
     case "start":
-      f[r] -= p * (n && a ? -1 : 1);
+      u[r] -= h * (n && a ? -1 : 1);
       break;
     case "end":
-      f[r] += p * (n && a ? -1 : 1);
+      u[r] += h * (n && a ? -1 : 1);
       break;
   }
-  return f;
+  return u;
 }
-async function Jt(t, e) {
+async function Qt(t, e) {
   var n;
   e === void 0 && (e = {});
   const {
@@ -168,15 +168,15 @@ async function Jt(t, e) {
   } = t, {
     boundary: a = "clippingAncestors",
     rootBoundary: d = "viewport",
-    elementContext: u = "floating",
-    altBoundary: p = !1,
-    padding: f = 0
-  } = Z(e, t), h = Tt(f), m = l[p ? u === "floating" ? "reference" : "floating" : u], w = st(await s.getClippingRect({
+    elementContext: f = "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({
     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,
     rootBoundary: d,
     strategy: c
-  })), y = u === "floating" ? {
+  })), w = f === "floating" ? {
     x: i,
     y: o,
     width: r.floating.width,
@@ -189,18 +189,18 @@ async function Jt(t, e) {
     y: 1
   }, E = st(s.convertOffsetParentRelativeRectToViewportRelativeRect ? await s.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: l,
-    rect: y,
+    rect: w,
     offsetParent: x,
     strategy: c
-  }) : y);
+  }) : 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 Zt = async (t, e, n) => {
   const {
     placement: i = "bottom",
     strategy: o = "absolute",
@@ -213,58 +213,58 @@ const Qt = async (t, e, n) => {
     strategy: o
   }), {
     x: d,
-    y: u
-  } = vt(a, i, c), p = i, f = {}, h = 0;
+    y: f
+  } = vt(a, i, c), h = i, u = {}, 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,
+      y: f,
       initialPlacement: i,
-      placement: p,
+      placement: h,
       strategy: o,
-      middlewareData: f,
+      middlewareData: u,
       rects: a,
       platform: {
         ...r,
-        detectOverflow: (g = r.detectOverflow) != null ? g : Jt
+        detectOverflow: (g = r.detectOverflow) != null ? g : Qt
       },
       elements: {
         reference: t,
         floating: e
       }
     });
-    d = x ?? d, u = v ?? u, f = {
-      ...f,
-      [w]: {
-        ...f[w],
+    d = x ?? d, f = v ?? f, u = {
+      ...u,
+      [y]: {
+        ...u[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 && (a = A.rects === !0 ? await r.getElementRects({
       reference: t,
       floating: e,
       strategy: o
     }) : A.rects), {
       x: d,
-      y: u
-    } = vt(a, p, c)), m = -1);
+      y: f
+    } = vt(a, h, c)), m = -1);
   }
   return {
     x: d,
-    y: u,
-    placement: p,
+    y: f,
+    placement: h,
     strategy: o,
-    middlewareData: f
+    middlewareData: u
   };
-}, Zt = (t) => ({
+}, te = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
@@ -282,18 +282,18 @@ const Qt = async (t, e, n) => {
     } = Z(t, e) || {};
     if (a == null)
       return {};
-    const u = Tt(d), p = {
+    const f = Ot(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;
+    }, 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));
+    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;
     return {
-      [f]: p[f] + T,
+      [u]: h[u] + T,
       data: {
-        [f]: _,
-        centerOffset: S - _ - T,
+        [u]: W,
+        centerOffset: S - W - T,
         ...D && {
           alignmentOffset: T
         }
@@ -301,7 +301,7 @@ const Qt = async (t, e, n) => {
       reset: D
     };
   }
-}), te = function(t) {
+}), ee = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -316,55 +316,55 @@ const Qt = async (t, e, n) => {
         elements: a
       } = e, {
         mainAxis: d = !0,
-        crossAxis: u = !0,
-        fallbackPlacements: p,
-        fallbackStrategy: f = "bestFit",
-        fallbackAxisSideDirection: h = "none",
+        crossAxis: f = !0,
+        fallbackPlacements: h,
+        fallbackStrategy: u = "bestFit",
+        fallbackAxisSideDirection: p = "none",
         flipAlignment: g = !0,
         ...m
       } = Z(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 = 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 = [];
       let P = ((i = s.flip) == null ? void 0 : i.overflows) || [];
-      if (d && M.push(K[w]), u) {
+      if (d && N.push(K[y]), f) {
         const S = Xt(o, r, v);
-        M.push(K[S[0]], K[S[1]]);
+        N.push(K[S[0]], K[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 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
         // overflows the main axis.
-        P.every((O) => V(O.placement) === y ? O.overflows[0] > 0 : !0)))
+        P.every((O) => _(O.placement) === w ? O.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;
+        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 (f) {
+          switch (u) {
             case "bestFit": {
-              var G;
-              const T = (G = P.filter((O) => {
+              var J;
+              const T = (J = P.filter((O) => {
                 if (A) {
-                  const B = V(O.placement);
-                  return B === y || // Create a bias to the `y` side axis due to horizontal
+                  const B = _(O.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];
+              }).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);
               break;
             }
@@ -382,35 +382,35 @@ const Qt = async (t, e, n) => {
       return {};
     }
   };
-}, ee = /* @__PURE__ */ new Set(["left", "top"]);
-async function ie(t, e) {
+}, ie = /* @__PURE__ */ new Set(["left", "top"]);
+async function ne(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 = H(n), l = tt(n), c = _(n) === "y", a = ie.has(r) ? -1 : 1, d = s && c ? -1 : 1, f = Z(e, t);
   let {
-    mainAxis: p,
-    crossAxis: f,
-    alignmentAxis: h
-  } = typeof u == "number" ? {
-    mainAxis: u,
+    mainAxis: h,
+    crossAxis: u,
+    alignmentAxis: p
+  } = typeof f == "number" ? {
+    mainAxis: f,
     crossAxis: 0,
     alignmentAxis: null
   } : {
-    mainAxis: u.mainAxis || 0,
-    crossAxis: u.crossAxis || 0,
-    alignmentAxis: u.alignmentAxis
+    mainAxis: f.mainAxis || 0,
+    crossAxis: f.crossAxis || 0,
+    alignmentAxis: f.alignmentAxis
   };
-  return l && typeof h == "number" && (f = l === "end" ? h * -1 : h), c ? {
-    x: f * d,
-    y: p * a
+  return l && typeof p == "number" && (u = l === "end" ? p * -1 : p), c ? {
+    x: u * d,
+    y: h * a
   } : {
-    x: p * a,
-    y: f * d
+    x: h * a,
+    y: u * d
   };
 }
-const ne = function(t) {
+const oe = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
@@ -421,7 +421,7 @@ const ne = function(t) {
         y: s,
         placement: r,
         middlewareData: l
-      } = e, c = await ie(e, t);
+      } = e, c = await ne(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,
@@ -432,7 +432,7 @@ const ne = function(t) {
       };
     }
   };
-}, oe = function(t) {
+}, se = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -446,13 +446,13 @@ const ne = function(t) {
         mainAxis: r = !0,
         crossAxis: l = !1,
         limiter: c = {
-          fn: (w) => {
+          fn: (y) => {
             let {
-              x: y,
+              x: w,
               y: x
-            } = w;
+            } = y;
             return {
-              x: y,
+              x: w,
               y: x
             };
           }
@@ -461,20 +461,20 @@ const ne = function(t) {
       } = Z(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];
+      }, f = await s.detectOverflow(e, a), h = _(H(o)), u = Tt(h);
+      let p = d[u], 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 = u === "y" ? "top" : "left", w = u === "y" ? "bottom" : "right", x = p + f[y], v = p - f[w];
+        p = dt(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 + f[y], v = g - f[w];
+        g = dt(x, g, v);
       }
       const m = c.fn({
         ...e,
-        [f]: h,
-        [p]: g
+        [u]: p,
+        [h]: g
       });
       return {
         ...m,
@@ -482,8 +482,8 @@ const ne = function(t) {
           x: m.x - n,
           y: m.y - i,
           enabled: {
-            [f]: r,
-            [p]: l
+            [u]: r,
+            [h]: l
           }
         }
       };
@@ -493,8 +493,8 @@ const ne = function(t) {
 function rt() {
   return typeof window < "u";
 }
-function z(t) {
-  return Ot(t) ? (t.nodeName || "").toLowerCase() : "#document";
+function Y(t) {
+  return kt(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
 function C(t) {
   var e;
@@ -502,37 +502,37 @@ function C(t) {
 }
 function F(t) {
   var e;
-  return (e = (Ot(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
+  return (e = (kt(t) ? t.ownerDocument : t.document) || window.document) == null ? void 0 : e.documentElement;
 }
-function Ot(t) {
+function kt(t) {
   return rt() ? t instanceof Node || t instanceof C(t).Node : !1;
 }
-function R(t) {
+function L(t) {
   return rt() ? t instanceof Element || t instanceof C(t).Element : !1;
 }
-function $(t) {
+function I(t) {
   return rt() ? t instanceof HTMLElement || t instanceof C(t).HTMLElement : !1;
 }
-function bt(t) {
+function St(t) {
   return !rt() || typeof ShadowRoot > "u" ? !1 : t instanceof ShadowRoot || t instanceof C(t).ShadowRoot;
 }
-const se = /* @__PURE__ */ new Set(["inline", "contents"]);
+const re = /* @__PURE__ */ new Set(["inline", "contents"]);
 function et(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) && !re.has(o);
 }
-const re = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function le(t) {
-  return re.has(z(t));
+const le = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function ce(t) {
+  return le.has(Y(t));
 }
-const ce = [":popover-open", ":modal"];
+const ae = [":popover-open", ":modal"];
 function lt(t) {
-  return ce.some((e) => {
+  return ae.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 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));
 }
-function de(t) {
-  let e = N(t);
-  for (; $(e) && !Y(e); ) {
-    if (mt(e))
+function he(t) {
+  let e = q(t);
+  for (; I(e) && !j(e); ) {
+    if (yt(e))
       return e;
     if (lt(e))
       return null;
-    e = N(e);
+    e = q(e);
   }
   return null;
 }
 function wt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const he = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function Y(t) {
-  return he.has(z(t));
+const pe = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function j(t) {
+  return pe.has(Y(t));
 }
-function L(t) {
+function $(t) {
   return C(t).getComputedStyle(t);
 }
 function ct(t) {
-  return R(t) ? {
+  return L(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -575,88 +575,88 @@ function ct(t) {
     scrollTop: t.scrollY
   };
 }
-function N(t) {
-  if (z(t) === "html")
+function q(t) {
+  if (Y(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.
+    St(t) && t.host || // Fallback.
     F(t)
   );
-  return bt(e) ? e.host : e;
+  return St(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 Lt(t) {
+  const e = q(t);
+  return j(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : I(e) && et(e) ? e : Lt(e);
 }
-function Lt(t, e, n) {
+function $t(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 = 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, []));
 }
-function ht(t) {
+function pt(t) {
   return t.parent && Object.getPrototypeOf(t.parent) ? t.frameElement : null;
 }
-function kt(t) {
-  const e = L(t);
+function Rt(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 = I(t), s = o ? t.offsetWidth : n, r = o ? t.offsetHeight : i, l = nt(n) !== s || nt(i) !== r;
   return l && (n = s, i = r), {
     width: n,
     height: i,
     $: l
   };
 }
-function $t(t) {
-  return R(t) ? t : t.contextElement;
+function It(t) {
+  return L(t) ? t : t.contextElement;
 }
-function j(t) {
-  const e = $t(t);
-  if (!$(e))
-    return k(1);
+function X(t) {
+  const e = It(t);
+  if (!I(e))
+    return R(1);
   const n = e.getBoundingClientRect(), {
     width: i,
     height: o,
     $: s
-  } = kt(e);
+  } = Rt(e);
   let r = (s ? nt(n.width) : n.width) / i, l = (s ? nt(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);
+const ge = /* @__PURE__ */ R(0);
 function Pt(t) {
   const e = C(t);
-  return !wt() || !e.visualViewport ? pe : {
+  return !wt() || !e.visualViewport ? ge : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function ge(t, e, n) {
+function me(t, e, n) {
   return e === void 0 && (e = !1), !n || e && n !== C(t) ? !1 : e;
 }
 function Q(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 = 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;
   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 = 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);
     }
   }
   return st({
     width: d,
-    height: u,
+    height: f,
     x: c,
     y: a
   });
@@ -672,7 +672,7 @@ function Dt(t, e) {
     y: o
   };
 }
-function me(t) {
+function ye(t) {
   let {
     elements: e,
     rect: n,
@@ -685,36 +685,36 @@ function me(t) {
   let c = {
     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;
+  }, 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;
   }
-  const p = r && !u && !s ? Dt(r, c) : k(0);
+  const h = r && !f && !s ? Dt(r, c) : R(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
+    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
   };
 }
 function we(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);
+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);
   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 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;
   if (o) {
@@ -724,9 +724,9 @@ function xe(t, e) {
   }
   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 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);
   return {
     width: s,
     height: r,
@@ -735,8 +735,8 @@ function xe(t, e) {
   };
 }
 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;
+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;
   return {
     width: r,
     height: l,
@@ -744,14 +744,14 @@ function be(t, e) {
     y: a
   };
 }
-function At(t, e, n) {
+function Ct(t, e, n) {
   let i;
   if (e === "viewport")
-    i = xe(t, n);
+    i = be(t, n);
   else if (e === "document")
-    i = ye(F(t));
-  else if (R(e))
-    i = be(e, n);
+    i = xe(F(t));
+  else if (L(e))
+    i = Se(e, n);
   else {
     const o = Pt(t);
     i = {
@@ -763,34 +763,34 @@ function At(t, e, n) {
   }
   return st(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 Ft(t, e) {
+  const n = q(t);
+  return n === e || !L(n) || j(n) ? !1 : $(n).position === "fixed" || Ft(n, e);
 }
-function Se(t, e) {
+function Ae(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 = $t(t, []).filter((l) => L(l) && Y(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);
   }
   return e.set(t, i), i;
 }
-function Ae(t) {
+function Ce(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" ? 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));
   return {
     width: c.right - c.left,
     height: c.bottom - c.top,
@@ -798,73 +798,73 @@ function Ae(t) {
     y: c.top
   };
 }
-function Ce(t) {
+function Ee(t) {
   const {
     width: e,
     height: n
-  } = kt(t);
+  } = Rt(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 Te(t, e, n) {
+  const i = I(e), o = F(e), s = n === "fixed", r = Q(t, !0, s, e);
   let l = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const c = k(0);
+  const c = R(0);
   function a() {
     c.x = at(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;
+    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) : k(0), u = r.left + l.scrollLeft - c.x - d.x, p = r.top + l.scrollTop - c.y - d.y;
+  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;
   return {
-    x: u,
-    y: p,
+    x: f,
+    y: h,
     width: r.width,
     height: r.height
   };
 }
 function ft(t) {
-  return L(t).position === "static";
+  return $(t).position === "static";
 }
-function Ct(t, e) {
-  if (!$(t) || L(t).position === "fixed")
+function Et(t, e) {
+  if (!I(t) || $(t).position === "fixed")
     return null;
   if (e)
     return e(t);
   let n = t.offsetParent;
   return F(t) === n && (n = n.ownerDocument.body), n;
 }
-function Ft(t, e) {
+function Bt(t, e) {
   const n = C(t);
   if (lt(t))
     return n;
-  if (!$(t)) {
-    let o = N(t);
-    for (; o && !Y(o); ) {
-      if (R(o) && !ft(o))
+  if (!I(t)) {
+    let o = q(t);
+    for (; o && !j(o); ) {
+      if (L(o) && !ft(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 = 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;
 }
-const Te = async function(t) {
-  const e = this.getOffsetParent || Ft, n = this.getDimensions, i = await n(t.floating);
+const Oe = async function(t) {
+  const e = this.getOffsetParent || Bt, n = this.getDimensions, i = await n(t.floating);
   return {
-    reference: Ee(t.reference, await e(t.floating), t.strategy),
+    reference: Te(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -873,105 +873,137 @@ const Te = async function(t) {
     }
   };
 };
-function Oe(t) {
-  return L(t).direction === "rtl";
+function ke(t) {
+  return $(t).direction === "rtl";
 }
-const Re = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: me,
+const Le = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ye,
   getDocumentElement: F,
-  getClippingRect: Ae,
-  getOffsetParent: Ft,
-  getElementRects: Te,
+  getClippingRect: Ce,
+  getOffsetParent: Bt,
+  getElementRects: Oe,
   getClientRects: we,
-  getDimensions: Ce,
-  getScale: j,
-  isElement: R,
-  isRTL: Oe
-}, Le = ne, ke = oe, $e = te, Pe = Zt, De = (t, e, n) => {
+  getDimensions: Ee,
+  getScale: X,
+  isElement: L,
+  isRTL: ke
+}, $e = oe, Re = se, Ie = ee, Pe = te, De = (t, e, n) => {
   const i = /* @__PURE__ */ new Map(), o = {
-    platform: Re,
+    platform: Le,
     ...n
   }, s = {
     ...o.platform,
     _c: i
   };
-  return Qt(t, e, {
+  return Zt(t, e, {
     ...o,
     platform: s
   });
 };
-function Bt(t) {
+function _t(t) {
   try {
     return document.querySelector(t);
   } catch {
     return console.warn(`[Trailguide] Invalid selector: ${t}`), null;
   }
 }
-function Vt(t) {
+function qt(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 Fe(t) {
   t.scrollIntoView({
     behavior: "smooth",
     block: "center",
     inline: "center"
   });
 }
+function Be(t) {
+  const e = document.createElement("div");
+  return e.textContent = t, e.innerHTML;
+}
 function it(t, e, n) {
   const i = document.createElement(t);
   return e && (i.className = e), n && n.appendChild(i), i;
 }
-class Fe {
+function _e() {
+  return `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;
+}
+let ut = null;
+function qe() {
+  return ut || (ut = _e()), ut;
+}
+async function Me(t, e) {
+  if (!t.endpoint) return;
+  const n = {
+    ...e,
+    user_id: t.userId,
+    session_id: qe(),
+    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 Ne {
   constructor(e = {}) {
-    I(this, "trail", null);
-    I(this, "currentStepIndex", 0);
-    I(this, "isActive", !1);
-    I(this, "options", {});
+    k(this, "trail", null);
+    k(this, "currentStepIndex", 0);
+    k(this, "isActive", !1);
+    k(this, "options", {});
     // DOM elements
-    I(this, "overlay", null);
-    I(this, "tooltip", null);
-    I(this, "arrowEl", null);
+    k(this, "overlay", null);
+    k(this, "tooltip", null);
+    k(this, "arrowEl", null);
     // Cleanup functions
-    I(this, "cleanupFns", []);
+    k(this, "cleanupFns", []);
+    k(this, "stepCleanupFns", []);
+    k(this, "instanceId", `trailguide-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`);
     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();
   }
   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;
+    var i, o, s;
     this.overlay = it("div", "trailguide-overlay"), document.body.appendChild(this.overlay);
-    const e = it("div", "trailguide-spotlight", this.overlay);
+    const e = it("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 = `
       <div class="trailguide-tooltip-content">
@@ -989,22 +1021,37 @@ 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() {
     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.stepCleanupFns.forEach((s) => s()), 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);
       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);
+    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);
     }, 100);
   }
+  showErrorState(e) {
+    var f, 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");
+    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;
+    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="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%)";
+  }
   updateSpotlight(e) {
     if (!this.overlay) return;
     const n = e.getBoundingClientRect(), i = 8, o = this.overlay.querySelector(".trailguide-cutout");
@@ -1016,7 +1063,7 @@ 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);
     });
   }
@@ -1024,18 +1071,18 @@ class Fe {
     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 { x: d, y: f, placement: h, middlewareData: u } = await De(n, this.tooltip, {
       placement: e.placement,
       middleware: [
-        Le(12),
-        $e(),
-        ke({ padding: 8 }),
+        $e(12),
+        Ie(),
+        Re({ padding: 8 }),
         Pe({ 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.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;
+      this.arrowEl.style.left = p != null ? `${p}px` : "", this.arrowEl.style.top = g != null ? `${g}px` : "";
     }
   }
   bindKeyboard() {
@@ -1058,26 +1105,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.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, {
+      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 He(t, e) {
+  return b && b.stop(), b = new Ne(e), b.start(t), b;
 }
-function We() {
-  b == null || b.stop();
+function ze() {
+  b == null || b.stop(), b = null;
 }
-function Me() {
+function Xe() {
   b == null || b.next();
 }
-function qe() {
+function je() {
   b == null || b.prev();
 }
-function _e() {
-  b == null || b.skip();
-}
-function He(t) {
+function Ye() {
+  b == null || b.skip(), b = null;
+}
+const Ke = {
+  // 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 Ge(t) {
   const e = [], n = [];
   return t.id || e.push({
     stepId: "",
@@ -1104,8 +1202,8 @@ function He(t) {
       });
       return;
     }
-    const s = Bt(i.target);
-    s ? Vt(s) || n.push({
+    const s = _t(i.target);
+    s ? qt(s) || n.push({
       stepId: i.id,
       stepIndex: o,
       type: "hidden_target",
@@ -1117,7 +1215,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 && Ve(i.target) && n.push({
       stepId: i.id,
       stepIndex: o,
       type: "unstable_selector",
@@ -1130,10 +1228,10 @@ function He(t) {
     warnings: n
   });
 }
-function Be(t) {
+function Ve(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 Je(t) {
   if (t.valid && t.warnings.length === 0) {
     console.log("%c✓ Trail validation passed", "color: green; font-weight: bold");
     return;
@@ -1145,15 +1243,16 @@ function Xe(t) {
   }), console.groupEnd());
 }
 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
+  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
 };