@trailguide/core 0.0.1 → 0.0.3

package/dist/trailguide.js

@@ -1,7 +1,7 @@
-var Vt = Object.defineProperty;
-var Mt = (t, e, n) => e in t ? Vt(t, e, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[e] = n;
-var F = (t, e, n) => Mt(t, typeof e != "symbol" ? e + "" : e, n);
-const Q = Math.min, _ = Math.max, it = 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
 }), Wt = {
@@ -13,66 +13,66 @@ const Q = Math.min, _ = Math.max, it = Math.round, k = (t) => ({
   start: "end",
   end: "start"
 };
-function ut(t, e, n) {
-  return _(t, Q(e, n));
+function dt(t, e, n) {
+  return z(t, U(e, n));
 }
 function Z(t, e) {
   return typeof t == "function" ? t(e) : t;
 }
-function X(t) {
+function H(t) {
   return t.split("-")[0];
 }
 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 It = /* @__PURE__ */ new Set(["top", "bottom"]);
-function V(t) {
-  return It.has(X(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 qt(t, e, n) {
+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 Xt(t) {
+function jt(t) {
   const e = ot(t);
-  return [dt(t), e, dt(e)];
+  return [ht(t), e, ht(e)];
 }
-function dt(t) {
+function ht(t) {
   return t.replace(/start|end/g, (e) => Ht[e]);
 }
-const yt = ["left", "right"], xt = ["right", "left"], _t = ["top", "bottom"], jt = ["bottom", "top"];
-function Yt(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 ? _t : jt;
+      return e ? Yt : Kt;
     default:
       return [];
   }
 }
-function zt(t, e, n, i) {
+function Jt(t, e, n, i) {
   const o = tt(t);
-  let s = Yt(X(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) => Wt[e]);
 }
-function Kt(t) {
+function Ut(t) {
   return {
     top: 0,
     right: 0,
@@ -82,7 +82,7 @@ function Kt(t) {
   };
 }
 function Ot(t) {
-  return typeof t != "number" ? Kt(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 = X(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 Gt(t, e) {
+async function Qt(t, e) {
   var n;
   e === void 0 && (e = {});
   const {
@@ -168,15 +168,15 @@ async function Gt(t, e) {
   } = t, {
     boundary: a = "clippingAncestors",
     rootBoundary: d = "viewport",
-    elementContext: u = "floating",
-    altBoundary: p = !1,
-    padding: f = 0
-  } = Z(e, t), h = Ot(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 Gt(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 Jt = async (t, e, n) => {
+const Zt = async (t, e, n) => {
   const {
     placement: i = "bottom",
     strategy: o = "absolute",
@@ -213,58 +213,58 @@ const Jt = 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 : Gt
+        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
   };
-}, Qt = (t) => ({
+}, te = (t) => ({
   name: "arrow",
   options: t,
   async fn(e) {
@@ -282,26 +282,26 @@ const Jt = async (t, e, n) => {
     } = Z(t, e) || {};
     if (a == null)
       return {};
-    const u = Ot(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, H = W / 2 - g[h] / 2 - 1, D = Q(u[w], H), G = Q(u[y], H), I = D, J = W - g[h] - G, S = W / 2 - g[h] / 2 + K, q = ut(I, S, J), $ = !c.arrow && tt(o) != null && S !== q && s.reference[h] / 2 - (S < I ? D : G) - g[h] / 2 < 0, O = $ ? S < I ? S - I : S - J : 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] + O,
+      [u]: h[u] + T,
       data: {
-        [f]: q,
-        centerOffset: S - q - O,
-        ...$ && {
-          alignmentOffset: O
+        [u]: W,
+        centerOffset: S - W - T,
+        ...D && {
+          alignmentOffset: T
         }
       },
-      reset: $
+      reset: D
     };
   }
-}), Ut = function(t) {
+}), ee = function(t) {
   return t === void 0 && (t = {}), {
     name: "flip",
     options: t,
@@ -316,101 +316,101 @@ const Jt = 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 = X(o), y = V(l), x = X(l) === l, v = await (c.isRTL == null ? void 0 : c.isRTL(a.floating)), E = p || (x || !g ? [ot(l)] : Xt(l)), A = h !== "none";
-      !p && A && E.push(...zt(l, g, h, v));
-      const W = [l, ...E], K = await c.detectOverflow(e, m), H = [];
-      let D = ((i = s.flip) == null ? void 0 : i.overflows) || [];
-      if (d && H.push(K[w]), u) {
-        const S = qt(o, r, v);
-        H.push(K[S[0]], K[S[1]]);
+      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 && N.push(K[y]), f) {
+        const S = Xt(o, r, v);
+        N.push(K[S[0]], K[S[1]]);
       }
-      if (D = [...D, {
+      if (P = [...P, {
         placement: o,
-        overflows: H
-      }], !H.every((S) => S <= 0)) {
-        var G, I;
-        const S = (((G = s.flip) == null ? void 0 : G.index) || 0) + 1, q = W[S];
-        if (q && (!(u === "alignment" ? y !== V(q) : !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.
-        D.every((L) => V(L.placement) === y ? L.overflows[0] > 0 : !0)))
+        P.every((O) => _(O.placement) === w ? O.overflows[0] > 0 : !0)))
           return {
             data: {
               index: S,
-              overflows: D
+              overflows: P
             },
             reset: {
-              placement: q
+              placement: W
             }
           };
-        let $ = (I = D.filter((O) => O.overflows[0] <= 0).sort((O, L) => O.overflows[1] - L.overflows[1])[0]) == null ? void 0 : I.placement;
-        if (!$)
-          switch (f) {
+        let D = (V = P.filter((T) => T.overflows[0] <= 0).sort((T, O) => T.overflows[1] - O.overflows[1])[0]) == null ? void 0 : V.placement;
+        if (!D)
+          switch (u) {
             case "bestFit": {
               var J;
-              const O = (J = D.filter((L) => {
+              const T = (J = P.filter((O) => {
                 if (A) {
-                  const N = V(L.placement);
-                  return N === 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.
-                  N === "y";
+                  B === "y";
                 }
                 return !0;
-              }).map((L) => [L.placement, L.overflows.filter((N) => N > 0).reduce((N, Nt) => N + Nt, 0)]).sort((L, N) => L[1] - N[1])[0]) == null ? void 0 : J[0];
-              O && ($ = O);
+              }).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;
             }
             case "initialPlacement":
-              $ = l;
+              D = l;
               break;
           }
-        if (o !== $)
+        if (o !== D)
           return {
             reset: {
-              placement: $
+              placement: D
             }
           };
       }
       return {};
     }
   };
-}, Zt = /* @__PURE__ */ new Set(["left", "top"]);
-async function te(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 = X(n), l = tt(n), c = V(n) === "y", a = Zt.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 ee = function(t) {
+const oe = function(t) {
   return t === void 0 && (t = 0), {
     name: "offset",
     options: t,
@@ -421,7 +421,7 @@ const ee = function(t) {
         y: s,
         placement: r,
         middlewareData: l
-      } = e, c = await te(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 ee = function(t) {
       };
     }
   };
-}, ne = function(t) {
+}, se = function(t) {
   return t === void 0 && (t = {}), {
     name: "shift",
     options: t,
@@ -446,13 +446,13 @@ const ee = 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 ee = function(t) {
       } = Z(t, e), d = {
         x: n,
         y: i
-      }, u = await s.detectOverflow(e, a), p = V(X(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 ee = function(t) {
           x: m.x - n,
           y: m.y - i,
           enabled: {
-            [f]: r,
-            [p]: l
+            [u]: r,
+            [h]: l
           }
         }
       };
@@ -493,46 +493,46 @@ const ee = function(t) {
 function rt() {
   return typeof window < "u";
 }
-function z(t) {
-  return Lt(t) ? (t.nodeName || "").toLowerCase() : "#document";
+function Y(t) {
+  return kt(t) ? (t.nodeName || "").toLowerCase() : "#document";
 }
 function C(t) {
   var e;
   return (t == null || (e = t.ownerDocument) == null ? void 0 : e.defaultView) || window;
 }
-function B(t) {
+function F(t) {
   var e;
-  return (e = (Lt(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 Lt(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 P(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 ie = /* @__PURE__ */ new Set(["inline", "contents"]);
+const re = /* @__PURE__ */ new Set(["inline", "contents"]);
 function et(t) {
   const {
     overflow: e,
     overflowX: n,
     overflowY: i,
     display: o
-  } = T(t);
-  return /auto|scroll|overlay|hidden|clip/.test(e + i + n) && !ie.has(o);
+  } = $(t);
+  return /auto|scroll|overlay|hidden|clip/.test(e + i + n) && !re.has(o);
 }
-const oe = /* @__PURE__ */ new Set(["table", "td", "th"]);
-function se(t) {
-  return oe.has(z(t));
+const le = /* @__PURE__ */ new Set(["table", "td", "th"]);
+function ce(t) {
+  return le.has(Y(t));
 }
-const re = [":popover-open", ":modal"];
+const ae = [":popover-open", ":modal"];
 function lt(t) {
-  return re.some((e) => {
+  return ae.some((e) => {
     try {
       return t.matches(e);
     } catch {
@@ -540,34 +540,34 @@ function lt(t) {
     }
   });
 }
-const le = ["transform", "translate", "scale", "rotate", "perspective"], ce = ["transform", "translate", "scale", "rotate", "perspective", "filter"], ae = ["paint", "layout", "strict", "content"];
-function mt(t) {
-  const e = wt(), n = R(t) ? T(t) : t;
-  return le.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) || ce.some((i) => (n.willChange || "").includes(i)) || ae.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 fe(t) {
-  let e = M(t);
-  for (; P(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 = M(e);
+    e = q(e);
   }
   return null;
 }
 function wt() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
-const ue = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function Y(t) {
-  return ue.has(z(t));
+const pe = /* @__PURE__ */ new Set(["html", "body", "#document"]);
+function j(t) {
+  return pe.has(Y(t));
 }
-function T(t) {
+function $(t) {
   return C(t).getComputedStyle(t);
 }
 function ct(t) {
-  return R(t) ? {
+  return L(t) ? {
     scrollLeft: t.scrollLeft,
     scrollTop: t.scrollTop
   } : {
@@ -575,147 +575,147 @@ function ct(t) {
     scrollTop: t.scrollY
   };
 }
-function M(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.
-    B(t)
+    St(t) && t.host || // Fallback.
+    F(t)
   );
-  return bt(e) ? e.host : e;
+  return St(e) ? e.host : e;
 }
-function Rt(t) {
-  const e = M(t);
-  return Y(e) ? t.ownerDocument ? t.ownerDocument.body : t.body : P(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 Tt(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, Tt(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 = T(t);
+function Rt(t) {
+  const e = $(t);
   let n = parseFloat(e.width) || 0, i = parseFloat(e.height) || 0;
-  const o = P(t), s = o ? t.offsetWidth : n, r = o ? t.offsetHeight : i, l = it(n) !== s || it(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 Pt(t) {
-  return R(t) ? t : t.contextElement;
+function It(t) {
+  return L(t) ? t : t.contextElement;
 }
-function j(t) {
-  const e = Pt(t);
-  if (!P(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);
-  let r = (s ? it(n.width) : n.width) / i, l = (s ? it(n.height) : n.height) / o;
+  } = 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 de = /* @__PURE__ */ k(0);
-function Dt(t) {
+const ge = /* @__PURE__ */ R(0);
+function Pt(t) {
   const e = C(t);
-  return !wt() || !e.visualViewport ? de : {
+  return !wt() || !e.visualViewport ? ge : {
     x: e.visualViewport.offsetLeft,
     y: e.visualViewport.offsetTop
   };
 }
-function he(t, e, n) {
+function me(t, e, n) {
   return e === void 0 && (e = !1), !n || e && n !== C(t) ? !1 : e;
 }
-function U(t, e, n, i) {
+function Q(t, e, n, i) {
   e === void 0 && (e = !1), n === void 0 && (n = !1);
-  const o = t.getBoundingClientRect(), s = Pt(t);
-  let r = k(1);
-  e && (i ? R(i) && (r = j(i)) : r = j(t));
-  const l = he(s, n, i) ? Dt(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 = T(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
   });
 }
 function at(t, e) {
   const n = ct(t).scrollLeft;
-  return e ? e.left + n : U(B(t)).left + n;
+  return e ? e.left + n : Q(F(t)).left + n;
 }
-function $t(t, e) {
+function Dt(t, e) {
   const n = t.getBoundingClientRect(), i = n.left + e.scrollLeft - at(t, n), o = n.top + e.scrollTop;
   return {
     x: i,
     y: o
   };
 }
-function pe(t) {
+function ye(t) {
   let {
     elements: e,
     rect: n,
     offsetParent: i,
     strategy: o
   } = t;
-  const s = o === "fixed", r = B(i), l = e ? lt(e.floating) : !1;
+  const s = o === "fixed", r = F(i), l = e ? lt(e.floating) : !1;
   if (i === r || l && s)
     return n;
   let c = {
     scrollLeft: 0,
     scrollTop: 0
-  }, a = k(1);
-  const d = k(0), u = P(i);
-  if ((u || !u && !s) && ((z(i) !== "body" || et(r)) && (c = ct(i)), P(i))) {
-    const f = U(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 ? $t(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 ge(t) {
+function we(t) {
   return Array.from(t.getClientRects());
 }
-function me(t) {
-  const e = B(t), n = ct(t), i = t.ownerDocument.body, o = _(e.scrollWidth, e.clientWidth, i.scrollWidth, i.clientWidth), s = _(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 T(i).direction === "rtl" && (r += _(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 we(t, e) {
-  const n = C(t), i = B(t), o = n.visualViewport;
+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) {
     s = o.width, r = o.height;
@@ -724,9 +724,9 @@ function we(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,
@@ -734,9 +734,9 @@ function we(t, e) {
     y: c
   };
 }
-const ye = /* @__PURE__ */ new Set(["absolute", "fixed"]);
-function xe(t, e) {
-  const n = U(t, !0, e === "fixed"), i = n.top + t.clientTop, o = n.left + t.clientLeft, s = P(t) ? j(t) : k(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, c = o * s.x, a = i * s.y;
+const ve = /* @__PURE__ */ new Set(["absolute", "fixed"]);
+function Se(t, e) {
+  const n = Q(t, !0, e === "fixed"), i = n.top + t.clientTop, o = n.left + t.clientLeft, s = I(t) ? X(t) : R(1), r = t.clientWidth * s.x, l = t.clientHeight * s.y, c = o * s.x, a = i * s.y;
   return {
     width: r,
     height: l,
@@ -744,16 +744,16 @@ function xe(t, e) {
     y: a
   };
 }
-function At(t, e, n) {
+function Ct(t, e, n) {
   let i;
   if (e === "viewport")
-    i = we(t, n);
+    i = be(t, n);
   else if (e === "document")
-    i = me(B(t));
-  else if (R(e))
-    i = xe(e, n);
+    i = xe(F(t));
+  else if (L(e))
+    i = Se(e, n);
   else {
-    const o = Dt(t);
+    const o = Pt(t);
     i = {
       x: e.x - o.x,
       y: e.y - o.y,
@@ -764,33 +764,33 @@ function At(t, e, n) {
   return st(i);
 }
 function Ft(t, e) {
-  const n = M(t);
-  return n === e || !R(n) || Y(n) ? !1 : T(n).position === "fixed" || Ft(n, e);
+  const n = q(t);
+  return n === e || !L(n) || j(n) ? !1 : $(n).position === "fixed" || Ft(n, e);
 }
-function ve(t, e) {
+function Ae(t, e) {
   const n = e.get(t);
   if (n)
     return n;
-  let i = Tt(t, []).filter((l) => R(l) && z(l) !== "body"), o = null;
-  const s = T(t).position === "fixed";
-  let r = s ? M(t) : t;
-  for (; R(r) && !Y(r); ) {
-    const l = T(r), c = mt(r);
-    !c && l.position === "fixed" && (o = null), (s ? !c && !o : !c && l.position === "static" && !!o && ye.has(o.position) || et(r) && !c && Ft(t, r)) ? i = i.filter((d) => d !== r) : o = l, r = M(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 be(t) {
+function Ce(t) {
   let {
     element: e,
     boundary: n,
     rootBoundary: i,
     strategy: o
   } = t;
-  const r = [...n === "clippingAncestors" ? lt(e) ? [] : ve(e, this._c) : [].concat(n), i], l = r[0], c = r.reduce((a, d) => {
-    const u = At(e, d, o);
-    return a.top = _(u.top, a.top), a.right = Q(u.right, a.right), a.bottom = Q(u.bottom, a.bottom), a.left = _(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 be(t) {
     y: c.top
   };
 }
-function Se(t) {
+function Ee(t) {
   const {
     width: e,
     height: n
-  } = kt(t);
+  } = Rt(t);
   return {
     width: e,
     height: n
   };
 }
-function Ae(t, e, n) {
-  const i = P(e), o = B(e), s = n === "fixed", r = U(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 = U(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 ? $t(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 T(t).position === "static";
+  return $(t).position === "static";
 }
-function Ct(t, e) {
-  if (!P(t) || T(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 B(t) === n && (n = n.ownerDocument.body), n;
+  return F(t) === n && (n = n.ownerDocument.body), n;
 }
 function Bt(t, e) {
   const n = C(t);
   if (lt(t))
     return n;
-  if (!P(t)) {
-    let o = M(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 = M(o);
+      o = q(o);
     }
     return n;
   }
-  let i = Ct(t, e);
-  for (; i && se(i) && ft(i); )
-    i = Ct(i, e);
-  return i && Y(i) && ft(i) && !mt(i) ? n : i || fe(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 Ce = async function(t) {
+const Oe = async function(t) {
   const e = this.getOffsetParent || Bt, n = this.getDimensions, i = await n(t.floating);
   return {
-    reference: Ae(t.reference, await e(t.floating), t.strategy),
+    reference: Te(t.reference, await e(t.floating), t.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -873,41 +873,41 @@ const Ce = async function(t) {
     }
   };
 };
-function Ee(t) {
-  return T(t).direction === "rtl";
+function ke(t) {
+  return $(t).direction === "rtl";
 }
-const Oe = {
-  convertOffsetParentRelativeRectToViewportRelativeRect: pe,
-  getDocumentElement: B,
-  getClippingRect: be,
+const Le = {
+  convertOffsetParentRelativeRectToViewportRelativeRect: ye,
+  getDocumentElement: F,
+  getClippingRect: Ce,
   getOffsetParent: Bt,
-  getElementRects: Ce,
-  getClientRects: ge,
-  getDimensions: Se,
-  getScale: j,
-  isElement: R,
-  isRTL: Ee
-}, Le = ee, Re = ne, Te = Ut, ke = Qt, Pe = (t, e, n) => {
+  getElementRects: Oe,
+  getClientRects: we,
+  getDimensions: Ee,
+  getScale: X,
+  isElement: L,
+  isRTL: ke
+}, $e = oe, Re = se, Ie = ee, Pe = te, De = (t, e, n) => {
   const i = /* @__PURE__ */ new Map(), o = {
-    platform: Oe,
+    platform: Le,
     ...n
   }, s = {
     ...o.platform,
     _c: i
   };
-  return Jt(t, e, {
+  return Zt(t, e, {
     ...o,
     platform: s
   });
 };
-function De(t) {
+function _t(t) {
   try {
     return document.querySelector(t);
   } catch {
     return console.warn(`[Trailguide] Invalid selector: ${t}`), null;
   }
 }
-function $e(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";
 }
@@ -918,62 +918,94 @@ function Fe(t) {
     inline: "center"
   });
 }
-function nt(t, e, n) {
+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 Be {
+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 = {}) {
-    F(this, "trail", null);
-    F(this, "currentStepIndex", 0);
-    F(this, "isActive", !1);
-    F(this, "options", {});
+    k(this, "trail", null);
+    k(this, "currentStepIndex", 0);
+    k(this, "isActive", !1);
+    k(this, "options", {});
     // DOM elements
-    F(this, "overlay", null);
-    F(this, "tooltip", null);
-    F(this, "arrowEl", null);
+    k(this, "overlay", null);
+    k(this, "tooltip", null);
+    k(this, "arrowEl", null);
     // Cleanup functions
-    F(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;
-    this.overlay = nt("div", "trailguide-overlay"), document.body.appendChild(this.overlay);
-    const e = nt("div", "trailguide-spotlight", this.overlay);
+    var i, o, s;
+    this.overlay = it("div", "trailguide-overlay"), document.body.appendChild(this.overlay);
+    const e = it("div", "trailguide-spotlight", this.overlay), n = `${this.instanceId}-mask`;
     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>
-    `, nt("div", "trailguide-highlight", this.overlay), this.tooltip = nt("div", "trailguide-tooltip"), this.tooltip.innerHTML = `
+    `, it("div", "trailguide-highlight", this.overlay), this.tooltip = it("div", "trailguide-tooltip"), this.tooltip.innerHTML = `
       <div class="trailguide-tooltip-content">
         <div class="trailguide-tooltip-header">
           <h3 class="trailguide-tooltip-title"></h3>
@@ -989,22 +1021,37 @@ class Be {
         </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 = De(e.target);
-    if (!n || !$e(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;
     }
-    Fe(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 Be {
       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 Be {
     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 Pe(n, this.tooltip, {
+    const { x: d, y: f, placement: h, middlewareData: u } = await De(n, this.tooltip, {
       placement: e.placement,
       middleware: [
-        Le(12),
-        Te(),
+        $e(12),
+        Ie(),
         Re({ padding: 8 }),
-        ke({ element: this.arrowEl })
+        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,33 +1105,154 @@ class Be {
   }
   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 Ve(t, e) {
-  return b && b.stop(), b = new Be(e), b.start(t), b;
+function He(t, e) {
+  return b && b.stop(), b = new Ne(e), b.start(t), b;
 }
-function Me() {
-  b == null || b.stop();
+function ze() {
+  b == null || b.stop(), b = null;
 }
-function We() {
+function Xe() {
   b == null || b.next();
 }
-function He() {
+function je() {
   b == null || b.prev();
 }
-function Ie() {
-  b == null || b.skip();
+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: "",
+    stepIndex: -1,
+    type: "missing_required_field",
+    message: 'Trail is missing required "id" field'
+  }), !t.steps || t.steps.length === 0 ? (e.push({
+    stepId: "",
+    stepIndex: -1,
+    type: "missing_required_field",
+    message: "Trail has no steps"
+  }), { valid: !1, errors: e, warnings: n }) : (t.steps.forEach((i, o) => {
+    if (i.id || e.push({
+      stepId: `step-${o}`,
+      stepIndex: o,
+      type: "missing_required_field",
+      message: `Step ${o + 1} is missing required "id" field`
+    }), !i.target) {
+      e.push({
+        stepId: i.id || `step-${o}`,
+        stepIndex: o,
+        type: "missing_required_field",
+        message: `Step ${o + 1} is missing required "target" field`
+      });
+      return;
+    }
+    const s = _t(i.target);
+    s ? qt(s) || n.push({
+      stepId: i.id,
+      stepIndex: o,
+      type: "hidden_target",
+      message: `Step ${o + 1} ("${i.title}"): Target element exists but is hidden`,
+      selector: i.target
+    }) : e.push({
+      stepId: i.id,
+      stepIndex: o,
+      type: "missing_target",
+      message: `Step ${o + 1} ("${i.title}"): Target element not found`,
+      selector: i.target
+    }), i.target && Ve(i.target) && n.push({
+      stepId: i.id,
+      stepIndex: o,
+      type: "unstable_selector",
+      message: `Step ${o + 1}: Consider using data-trail-id for more stable targeting`,
+      selector: i.target
+    });
+  }), {
+    valid: e.length === 0,
+    errors: e,
+    warnings: n
+  });
+}
+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 Je(t) {
+  if (t.valid && t.warnings.length === 0) {
+    console.log("%c✓ Trail validation passed", "color: green; font-weight: bold");
+    return;
+  }
+  t.errors.length > 0 && (console.group("%c✗ Trail validation errors", "color: red; font-weight: bold"), t.errors.forEach((e) => {
+    console.error(`Step ${e.stepIndex + 1}: ${e.message}`), e.selector && console.error(`  Selector: ${e.selector}`);
+  }), console.groupEnd()), t.warnings.length > 0 && (console.group("%c⚠ Trail validation warnings", "color: orange; font-weight: bold"), t.warnings.forEach((e) => {
+    console.warn(`Step ${e.stepIndex + 1}: ${e.message}`), e.selector && console.warn(`  Selector: ${e.selector}`);
+  }), console.groupEnd());
 }
 export {
-  Be as Trailguide,
-  De as findElement,
-  $e as isElementVisible,
-  We as next,
-  He as prev,
+  Ne as Trailguide,
+  _t as findElement,
+  qt as isElementVisible,
+  Je as logValidationResults,
+  Xe as next,
+  je as prev,
   Fe as scrollToElement,
-  Ie as skip,
-  Ve as start,
-  Me as stop
+  Ye as skip,
+  He as start,
+  ze as stop,
+  Ke as theme,
+  Ge as validateTrail
 };