@onside/install-widget 1.0.2 → 1.0.3

package/dist-lib/{install-package-CyWo-B7v.js → install-package-DowlG4hO.js}

@@ -1,94 +1,97 @@
-import { jsx as h, jsxs as W } from "react/jsx-runtime";
-import * as H from "react";
-import re, { useRef as dt, useEffect as $e, useState as ut, useCallback as ne, createContext as pt, useContext as mt, lazy as ye, Suspense as ft } from "react";
-function He(e) {
-  var t, o, r = "";
-  if (typeof e == "string" || typeof e == "number") r += e;
+import { jsx as w, jsxs as j, Fragment as Be } from "react/jsx-runtime";
+import * as $ from "react";
+import { useState as Ve, useCallback as Q, createContext as je, useRef as Ue, useContext as We, useEffect as $e, lazy as me, Suspense as He } from "react";
+import { S as ue, c as Ke, u as De, i as Ze } from "./useInstallUrl-JIdkWpgj.js";
+import { trackModalEvent as Ye, trackEvent as qe, resolveInstallConditions as Je, getDeviceInfo as Xe } from "./utils.js";
+import "./installUrlService-CrJfYPwM.js";
+function Se(e) {
+  var t, r, o = "";
+  if (typeof e == "string" || typeof e == "number") o += e;
   else if (typeof e == "object") if (Array.isArray(e)) {
-    var n = e.length;
-    for (t = 0; t < n; t++) e[t] && (o = He(e[t])) && (r && (r += " "), r += o);
-  } else for (o in e) e[o] && (r && (r += " "), r += o);
-  return r;
+    var a = e.length;
+    for (t = 0; t < a; t++) e[t] && (r = Se(e[t])) && (o && (o += " "), o += r);
+  } else for (r in e) e[r] && (o && (o += " "), o += r);
+  return o;
 }
-function bt() {
-  for (var e, t, o = 0, r = "", n = arguments.length; o < n; o++) (e = arguments[o]) && (t = He(e)) && (r && (r += " "), r += t);
-  return r;
+function Qe() {
+  for (var e, t, r = 0, o = "", a = arguments.length; r < a; r++) (e = arguments[r]) && (t = Se(e)) && (o && (o += " "), o += t);
+  return o;
 }
-const ve = "-", gt = (e) => {
-  const t = wt(e), {
-    conflictingClassGroups: o,
-    conflictingClassGroupModifiers: r
+const pe = "-", et = (e) => {
+  const t = ot(e), {
+    conflictingClassGroups: r,
+    conflictingClassGroupModifiers: o
   } = e;
   return {
     getClassGroupId: (i) => {
-      const p = i.split(ve);
-      return p[0] === "" && p.length !== 1 && p.shift(), Xe(p, t) || ht(i);
+      const p = i.split(pe);
+      return p[0] === "" && p.length !== 1 && p.shift(), ze(p, t) || tt(i);
     },
     getConflictingClassGroupIds: (i, p) => {
-      const u = o[i] || [];
-      return p && r[i] ? [...u, ...r[i]] : u;
+      const m = r[i] || [];
+      return p && o[i] ? [...m, ...o[i]] : m;
     }
   };
-}, Xe = (e, t) => {
+}, ze = (e, t) => {
   if (e.length === 0)
     return t.classGroupId;
-  const o = e[0], r = t.nextPart.get(o), n = r ? Xe(e.slice(1), r) : void 0;
-  if (n)
-    return n;
+  const r = e[0], o = t.nextPart.get(r), a = o ? ze(e.slice(1), o) : void 0;
+  if (a)
+    return a;
   if (t.validators.length === 0)
     return;
-  const s = e.join(ve);
+  const l = e.join(pe);
   return t.validators.find(({
     validator: i
-  }) => i(s))?.classGroupId;
-}, Re = /^\[(.+)\]$/, ht = (e) => {
-  if (Re.test(e)) {
-    const t = Re.exec(e)[1], o = t?.substring(0, t.indexOf(":"));
-    if (o)
-      return "arbitrary.." + o;
+  }) => i(l))?.classGroupId;
+}, ve = /^\[(.+)\]$/, tt = (e) => {
+  if (ve.test(e)) {
+    const t = ve.exec(e)[1], r = t?.substring(0, t.indexOf(":"));
+    if (r)
+      return "arbitrary.." + r;
   }
-}, wt = (e) => {
+}, ot = (e) => {
   const {
     theme: t,
-    classGroups: o
-  } = e, r = {
+    classGroups: r
+  } = e, o = {
     nextPart: /* @__PURE__ */ new Map(),
     validators: []
   };
-  for (const n in o)
-    he(o[n], r, n, t);
-  return r;
-}, he = (e, t, o, r) => {
-  e.forEach((n) => {
-    if (typeof n == "string") {
-      const s = n === "" ? t : Pe(t, n);
-      s.classGroupId = o;
+  for (const a in r)
+    le(r[a], o, a, t);
+  return o;
+}, le = (e, t, r, o) => {
+  e.forEach((a) => {
+    if (typeof a == "string") {
+      const l = a === "" ? t : Ce(t, a);
+      l.classGroupId = r;
       return;
     }
-    if (typeof n == "function") {
-      if (xt(n)) {
-        he(n(r), t, o, r);
+    if (typeof a == "function") {
+      if (rt(a)) {
+        le(a(o), t, r, o);
         return;
       }
       t.validators.push({
-        validator: n,
-        classGroupId: o
+        validator: a,
+        classGroupId: r
       });
       return;
     }
-    Object.entries(n).forEach(([s, i]) => {
-      he(i, Pe(t, s), o, r);
+    Object.entries(a).forEach(([l, i]) => {
+      le(i, Ce(t, l), r, o);
     });
   });
-}, Pe = (e, t) => {
-  let o = e;
-  return t.split(ve).forEach((r) => {
-    o.nextPart.has(r) || o.nextPart.set(r, {
+}, Ce = (e, t) => {
+  let r = e;
+  return t.split(pe).forEach((o) => {
+    r.nextPart.has(o) || r.nextPart.set(o, {
       nextPart: /* @__PURE__ */ new Map(),
       validators: []
-    }), o = o.nextPart.get(r);
-  }), o;
-}, xt = (e) => e.isThemeGetter, kt = (e) => {
+    }), r = r.nextPart.get(o);
+  }), r;
+}, rt = (e) => e.isThemeGetter, nt = (e) => {
   if (e < 1)
     return {
       get: () => {
@@ -96,55 +99,55 @@ const ve = "-", gt = (e) => {
       set: () => {
       }
     };
-  let t = 0, o = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
-  const n = (s, i) => {
-    o.set(s, i), t++, t > e && (t = 0, r = o, o = /* @__PURE__ */ new Map());
+  let t = 0, r = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map();
+  const a = (l, i) => {
+    r.set(l, i), t++, t > e && (t = 0, o = r, r = /* @__PURE__ */ new Map());
   };
   return {
-    get(s) {
-      let i = o.get(s);
+    get(l) {
+      let i = r.get(l);
       if (i !== void 0)
         return i;
-      if ((i = r.get(s)) !== void 0)
-        return n(s, i), i;
+      if ((i = o.get(l)) !== void 0)
+        return a(l, i), i;
     },
-    set(s, i) {
-      o.has(s) ? o.set(s, i) : n(s, i);
+    set(l, i) {
+      r.has(l) ? r.set(l, i) : a(l, i);
     }
   };
-}, we = "!", xe = ":", yt = xe.length, vt = (e) => {
+}, ce = "!", de = ":", st = de.length, at = (e) => {
   const {
     prefix: t,
-    experimentalParseClassName: o
+    experimentalParseClassName: r
   } = e;
-  let r = (n) => {
-    const s = [];
-    let i = 0, p = 0, u = 0, m;
-    for (let v = 0; v < n.length; v++) {
-      let w = n[v];
+  let o = (a) => {
+    const l = [];
+    let i = 0, p = 0, m = 0, g;
+    for (let b = 0; b < a.length; b++) {
+      let k = a[b];
       if (i === 0 && p === 0) {
-        if (w === xe) {
-          s.push(n.slice(u, v)), u = v + yt;
+        if (k === de) {
+          l.push(a.slice(m, b)), m = b + st;
           continue;
         }
-        if (w === "/") {
-          m = v;
+        if (k === "/") {
+          g = b;
           continue;
         }
       }
-      w === "[" ? i++ : w === "]" ? i-- : w === "(" ? p++ : w === ")" && p--;
+      k === "[" ? i++ : k === "]" ? i-- : k === "(" ? p++ : k === ")" && p--;
     }
-    const g = s.length === 0 ? n : n.substring(u), k = St(g), S = k !== g, I = m && m > u ? m - u : void 0;
+    const f = l.length === 0 ? a : a.substring(m), M = it(f), T = M !== f, C = g && g > m ? g - m : void 0;
     return {
-      modifiers: s,
-      hasImportantModifier: S,
-      baseClassName: k,
-      maybePostfixModifierPosition: I
+      modifiers: l,
+      hasImportantModifier: T,
+      baseClassName: M,
+      maybePostfixModifierPosition: C
     };
   };
   if (t) {
-    const n = t + xe, s = r;
-    r = (i) => i.startsWith(n) ? s(i.substring(n.length)) : {
+    const a = t + de, l = o;
+    o = (i) => i.startsWith(a) ? l(i.substring(a.length)) : {
       isExternal: !0,
       modifiers: [],
       hasImportantModifier: !1,
@@ -152,122 +155,122 @@ const ve = "-", gt = (e) => {
       maybePostfixModifierPosition: void 0
     };
   }
-  if (o) {
-    const n = r;
-    r = (s) => o({
-      className: s,
-      parseClassName: n
+  if (r) {
+    const a = o;
+    o = (l) => r({
+      className: l,
+      parseClassName: a
     });
   }
-  return r;
-}, St = (e) => e.endsWith(we) ? e.substring(0, e.length - 1) : e.startsWith(we) ? e.substring(1) : e, It = (e) => {
-  const t = Object.fromEntries(e.orderSensitiveModifiers.map((r) => [r, !0]));
-  return (r) => {
-    if (r.length <= 1)
-      return r;
-    const n = [];
-    let s = [];
-    return r.forEach((i) => {
-      i[0] === "[" || t[i] ? (n.push(...s.sort(), i), s = []) : s.push(i);
-    }), n.push(...s.sort()), n;
+  return o;
+}, it = (e) => e.endsWith(ce) ? e.substring(0, e.length - 1) : e.startsWith(ce) ? e.substring(1) : e, lt = (e) => {
+  const t = Object.fromEntries(e.orderSensitiveModifiers.map((o) => [o, !0]));
+  return (o) => {
+    if (o.length <= 1)
+      return o;
+    const a = [];
+    let l = [];
+    return o.forEach((i) => {
+      i[0] === "[" || t[i] ? (a.push(...l.sort(), i), l = []) : l.push(i);
+    }), a.push(...l.sort()), a;
   };
-}, Ot = (e) => ({
-  cache: kt(e.cacheSize),
-  parseClassName: vt(e),
-  sortModifiers: It(e),
-  ...gt(e)
-}), _t = /\s+/, Et = (e, t) => {
+}, ct = (e) => ({
+  cache: nt(e.cacheSize),
+  parseClassName: at(e),
+  sortModifiers: lt(e),
+  ...et(e)
+}), dt = /\s+/, mt = (e, t) => {
   const {
-    parseClassName: o,
-    getClassGroupId: r,
-    getConflictingClassGroupIds: n,
-    sortModifiers: s
-  } = t, i = [], p = e.trim().split(_t);
-  let u = "";
-  for (let m = p.length - 1; m >= 0; m -= 1) {
-    const g = p[m], {
-      isExternal: k,
-      modifiers: S,
-      hasImportantModifier: I,
-      baseClassName: v,
-      maybePostfixModifierPosition: w
-    } = o(g);
-    if (k) {
-      u = g + (u.length > 0 ? " " + u : u);
+    parseClassName: r,
+    getClassGroupId: o,
+    getConflictingClassGroupIds: a,
+    sortModifiers: l
+  } = t, i = [], p = e.trim().split(dt);
+  let m = "";
+  for (let g = p.length - 1; g >= 0; g -= 1) {
+    const f = p[g], {
+      isExternal: M,
+      modifiers: T,
+      hasImportantModifier: C,
+      baseClassName: b,
+      maybePostfixModifierPosition: k
+    } = r(f);
+    if (M) {
+      m = f + (m.length > 0 ? " " + m : m);
       continue;
     }
-    let _ = !!w, C = r(_ ? v.substring(0, w) : v);
-    if (!C) {
-      if (!_) {
-        u = g + (u.length > 0 ? " " + u : u);
+    let z = !!k, y = o(z ? b.substring(0, k) : b);
+    if (!y) {
+      if (!z) {
+        m = f + (m.length > 0 ? " " + m : m);
         continue;
       }
-      if (C = r(v), !C) {
-        u = g + (u.length > 0 ? " " + u : u);
+      if (y = o(b), !y) {
+        m = f + (m.length > 0 ? " " + m : m);
         continue;
       }
-      _ = !1;
+      z = !1;
     }
-    const L = s(S).join(":"), T = I ? L + we : L, M = T + C;
-    if (i.includes(M))
+    const A = l(T).join(":"), E = C ? A + ce : A, N = E + y;
+    if (i.includes(N))
       continue;
-    i.push(M);
-    const R = n(C, _);
-    for (let E = 0; E < R.length; ++E) {
-      const D = R[E];
-      i.push(T + D);
+    i.push(N);
+    const P = a(y, z);
+    for (let _ = 0; _ < P.length; ++_) {
+      const R = P[_];
+      i.push(E + R);
     }
-    u = g + (u.length > 0 ? " " + u : u);
+    m = f + (m.length > 0 ? " " + m : m);
   }
-  return u;
+  return m;
 };
-function At() {
-  let e = 0, t, o, r = "";
+function ut() {
+  let e = 0, t, r, o = "";
   for (; e < arguments.length; )
-    (t = arguments[e++]) && (o = Ye(t)) && (r && (r += " "), r += o);
-  return r;
+    (t = arguments[e++]) && (r = Ae(t)) && (o && (o += " "), o += r);
+  return o;
 }
-const Ye = (e) => {
+const Ae = (e) => {
   if (typeof e == "string")
     return e;
-  let t, o = "";
-  for (let r = 0; r < e.length; r++)
-    e[r] && (t = Ye(e[r])) && (o && (o += " "), o += t);
-  return o;
+  let t, r = "";
+  for (let o = 0; o < e.length; o++)
+    e[o] && (t = Ae(e[o])) && (r && (r += " "), r += t);
+  return r;
 };
-function Ct(e, ...t) {
-  let o, r, n, s = i;
-  function i(u) {
-    const m = t.reduce((g, k) => k(g), e());
-    return o = Ot(m), r = o.cache.get, n = o.cache.set, s = p, p(u);
+function pt(e, ...t) {
+  let r, o, a, l = i;
+  function i(m) {
+    const g = t.reduce((f, M) => M(f), e());
+    return r = ct(g), o = r.cache.get, a = r.cache.set, l = p, p(m);
   }
-  function p(u) {
-    const m = r(u);
-    if (m)
-      return m;
-    const g = Et(u, o);
-    return n(u, g), g;
+  function p(m) {
+    const g = o(m);
+    if (g)
+      return g;
+    const f = mt(m, r);
+    return a(m, f), f;
   }
   return function() {
-    return s(At.apply(null, arguments));
+    return l(ut.apply(null, arguments));
   };
 }
-const x = (e) => {
-  const t = (o) => o[e] || [];
+const h = (e) => {
+  const t = (r) => r[e] || [];
   return t.isThemeGetter = !0, t;
-}, Je = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, Ze = /^\((?:(\w[\w-]*):)?(.+)\)$/i, Tt = /^\d+\/\d+$/, Mt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, Rt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, Pt = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, Nt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, zt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, K = (e) => Tt.test(e), f = (e) => !!e && !Number.isNaN(Number(e)), F = (e) => !!e && Number.isInteger(Number(e)), me = (e) => e.endsWith("%") && f(e.slice(0, -1)), z = (e) => Mt.test(e), Lt = () => !0, Dt = (e) => (
+}, Ee = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, _e = /^\((?:(\w[\w-]*):)?(.+)\)$/i, ft = /^\d+\/\d+$/, bt = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, gt = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, ht = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, xt = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, wt = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, W = (e) => ft.test(e), u = (e) => !!e && !Number.isNaN(Number(e)), F = (e) => !!e && Number.isInteger(Number(e)), ae = (e) => e.endsWith("%") && u(e.slice(0, -1)), L = (e) => bt.test(e), kt = () => !0, yt = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
-  Rt.test(e) && !Pt.test(e)
-), qe = () => !1, Ft = (e) => Nt.test(e), Gt = (e) => zt.test(e), Ut = (e) => !a(e) && !l(e), Vt = (e) => X(e, tt, qe), a = (e) => Je.test(e), V = (e) => X(e, ot, Dt), fe = (e) => X(e, $t, f), Ne = (e) => X(e, Qe, qe), Bt = (e) => X(e, et, Gt), se = (e) => X(e, rt, Ft), l = (e) => Ze.test(e), J = (e) => Y(e, ot), Wt = (e) => Y(e, Ht), ze = (e) => Y(e, Qe), jt = (e) => Y(e, tt), Kt = (e) => Y(e, et), ie = (e) => Y(e, rt, !0), X = (e, t, o) => {
-  const r = Je.exec(e);
-  return r ? r[1] ? t(r[1]) : o(r[2]) : !1;
-}, Y = (e, t, o = !1) => {
-  const r = Ze.exec(e);
-  return r ? r[1] ? t(r[1]) : o : !1;
-}, Qe = (e) => e === "position" || e === "percentage", et = (e) => e === "image" || e === "url", tt = (e) => e === "length" || e === "size" || e === "bg-size", ot = (e) => e === "length", $t = (e) => e === "number", Ht = (e) => e === "family-name", rt = (e) => e === "shadow", Xt = () => {
-  const e = x("color"), t = x("font"), o = x("text"), r = x("font-weight"), n = x("tracking"), s = x("leading"), i = x("breakpoint"), p = x("container"), u = x("spacing"), m = x("radius"), g = x("shadow"), k = x("inset-shadow"), S = x("text-shadow"), I = x("drop-shadow"), v = x("blur"), w = x("perspective"), _ = x("aspect"), C = x("ease"), L = x("animate"), T = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], M = () => [
+  gt.test(e) && !ht.test(e)
+), Ne = () => !1, vt = (e) => xt.test(e), Ct = (e) => wt.test(e), It = (e) => !n(e) && !s(e), Mt = (e) => H(e, Re, Ne), n = (e) => Ee.test(e), V = (e) => H(e, Ge, yt), ie = (e) => H(e, _t, u), Ie = (e) => H(e, Pe, Ne), St = (e) => H(e, Te, Ct), ee = (e) => H(e, Le, vt), s = (e) => _e.test(e), D = (e) => K(e, Ge), zt = (e) => K(e, Nt), Me = (e) => K(e, Pe), At = (e) => K(e, Re), Et = (e) => K(e, Te), te = (e) => K(e, Le, !0), H = (e, t, r) => {
+  const o = Ee.exec(e);
+  return o ? o[1] ? t(o[1]) : r(o[2]) : !1;
+}, K = (e, t, r = !1) => {
+  const o = _e.exec(e);
+  return o ? o[1] ? t(o[1]) : r : !1;
+}, Pe = (e) => e === "position" || e === "percentage", Te = (e) => e === "image" || e === "url", Re = (e) => e === "length" || e === "size" || e === "bg-size", Ge = (e) => e === "length", _t = (e) => e === "number", Nt = (e) => e === "family-name", Le = (e) => e === "shadow", Pt = () => {
+  const e = h("color"), t = h("font"), r = h("text"), o = h("font-weight"), a = h("tracking"), l = h("leading"), i = h("breakpoint"), p = h("container"), m = h("spacing"), g = h("radius"), f = h("shadow"), M = h("inset-shadow"), T = h("text-shadow"), C = h("drop-shadow"), b = h("blur"), k = h("perspective"), z = h("aspect"), y = h("ease"), A = h("animate"), E = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], N = () => [
     "center",
     "top",
     "bottom",
@@ -285,51 +288,51 @@ const x = (e) => {
     "bottom-left",
     // Deprecated since Tailwind CSS v4.1.0, see https://github.com/tailwindlabs/tailwindcss/pull/17378
     "left-bottom"
-  ], R = () => [...M(), l, a], E = () => ["auto", "hidden", "clip", "visible", "scroll"], D = () => ["auto", "contain", "none"], c = () => [l, a, u], P = () => [K, "full", "auto", ...c()], Ie = () => [F, "none", "subgrid", l, a], Oe = () => ["auto", {
-    span: ["full", F, l, a]
-  }, F, l, a], q = () => [F, "auto", l, a], _e = () => ["auto", "min", "max", "fr", l, a], de = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], j = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], N = () => ["auto", ...c()], U = () => [K, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...c()], d = () => [e, l, a], Ee = () => [...M(), ze, Ne, {
-    position: [l, a]
-  }], Ae = () => ["no-repeat", {
+  ], P = () => [...N(), s, n], _ = () => ["auto", "hidden", "clip", "visible", "scroll"], R = () => ["auto", "contain", "none"], c = () => [s, n, m], S = () => [W, "full", "auto", ...c()], fe = () => [F, "none", "subgrid", s, n], be = () => ["auto", {
+    span: ["full", F, s, n]
+  }, F, s, n], Z = () => [F, "auto", s, n], ge = () => ["auto", "min", "max", "fr", s, n], re = () => ["start", "end", "center", "between", "around", "evenly", "stretch", "baseline", "center-safe", "end-safe"], U = () => ["start", "end", "center", "stretch", "center-safe", "end-safe"], G = () => ["auto", ...c()], B = () => [W, "auto", "full", "dvw", "dvh", "lvw", "lvh", "svw", "svh", "min", "max", "fit", ...c()], d = () => [e, s, n], he = () => [...N(), Me, Ie, {
+    position: [s, n]
+  }], xe = () => ["no-repeat", {
     repeat: ["", "x", "y", "space", "round"]
-  }], Ce = () => ["auto", "cover", "contain", jt, Vt, {
-    size: [l, a]
-  }], ue = () => [me, J, V], O = () => [
+  }], we = () => ["auto", "cover", "contain", At, Mt, {
+    size: [s, n]
+  }], ne = () => [ae, D, V], v = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
     "full",
-    m,
-    l,
-    a
-  ], A = () => ["", f, J, V], Q = () => ["solid", "dashed", "dotted", "double"], Te = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], y = () => [f, me, ze, Ne], Me = () => [
+    g,
+    s,
+    n
+  ], I = () => ["", u, D, V], Y = () => ["solid", "dashed", "dotted", "double"], ke = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], x = () => [u, ae, Me, Ie], ye = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    v,
-    l,
-    a
-  ], ee = () => ["none", f, l, a], te = () => ["none", f, l, a], pe = () => [f, l, a], oe = () => [K, "full", ...c()];
+    b,
+    s,
+    n
+  ], q = () => ["none", u, s, n], J = () => ["none", u, s, n], se = () => [u, s, n], X = () => [W, "full", ...c()];
   return {
     cacheSize: 500,
     theme: {
       animate: ["spin", "ping", "pulse", "bounce"],
       aspect: ["video"],
-      blur: [z],
-      breakpoint: [z],
-      color: [Lt],
-      container: [z],
-      "drop-shadow": [z],
+      blur: [L],
+      breakpoint: [L],
+      color: [kt],
+      container: [L],
+      "drop-shadow": [L],
       ease: ["in", "out", "in-out"],
-      font: [Ut],
+      font: [It],
       "font-weight": ["thin", "extralight", "light", "normal", "medium", "semibold", "bold", "extrabold", "black"],
-      "inset-shadow": [z],
+      "inset-shadow": [L],
       leading: ["none", "tight", "snug", "normal", "relaxed", "loose"],
       perspective: ["dramatic", "near", "normal", "midrange", "distant", "none"],
-      radius: [z],
-      shadow: [z],
-      spacing: ["px", f],
-      text: [z],
-      "text-shadow": [z],
+      radius: [L],
+      shadow: [L],
+      spacing: ["px", u],
+      text: [L],
+      "text-shadow": [L],
       tracking: ["tighter", "tight", "normal", "wide", "wider", "widest"]
     },
     classGroups: {
@@ -341,7 +344,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/aspect-ratio
        */
       aspect: [{
-        aspect: ["auto", "square", K, a, l, _]
+        aspect: ["auto", "square", W, n, s, z]
       }],
       /**
        * Container
@@ -354,21 +357,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/columns
        */
       columns: [{
-        columns: [f, a, l, p]
+        columns: [u, n, s, p]
       }],
       /**
        * Break After
        * @see https://tailwindcss.com/docs/break-after
        */
       "break-after": [{
-        "break-after": T()
+        "break-after": E()
       }],
       /**
        * Break Before
        * @see https://tailwindcss.com/docs/break-before
        */
       "break-before": [{
-        "break-before": T()
+        "break-before": E()
       }],
       /**
        * Break Inside
@@ -432,49 +435,49 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/object-position
        */
       "object-position": [{
-        object: R()
+        object: P()
       }],
       /**
        * Overflow
        * @see https://tailwindcss.com/docs/overflow
        */
       overflow: [{
-        overflow: E()
+        overflow: _()
       }],
       /**
        * Overflow X
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-x": [{
-        "overflow-x": E()
+        "overflow-x": _()
       }],
       /**
        * Overflow Y
        * @see https://tailwindcss.com/docs/overflow
        */
       "overflow-y": [{
-        "overflow-y": E()
+        "overflow-y": _()
       }],
       /**
        * Overscroll Behavior
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       overscroll: [{
-        overscroll: D()
+        overscroll: R()
       }],
       /**
        * Overscroll Behavior X
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-x": [{
-        "overscroll-x": D()
+        "overscroll-x": R()
       }],
       /**
        * Overscroll Behavior Y
        * @see https://tailwindcss.com/docs/overscroll-behavior
        */
       "overscroll-y": [{
-        "overscroll-y": D()
+        "overscroll-y": R()
       }],
       /**
        * Position
@@ -486,63 +489,63 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       inset: [{
-        inset: P()
+        inset: S()
       }],
       /**
        * Right / Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-x": [{
-        "inset-x": P()
+        "inset-x": S()
       }],
       /**
        * Top / Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       "inset-y": [{
-        "inset-y": P()
+        "inset-y": S()
       }],
       /**
        * Start
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       start: [{
-        start: P()
+        start: S()
       }],
       /**
        * End
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       end: [{
-        end: P()
+        end: S()
       }],
       /**
        * Top
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       top: [{
-        top: P()
+        top: S()
       }],
       /**
        * Right
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       right: [{
-        right: P()
+        right: S()
       }],
       /**
        * Bottom
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       bottom: [{
-        bottom: P()
+        bottom: S()
       }],
       /**
        * Left
        * @see https://tailwindcss.com/docs/top-right-bottom-left
        */
       left: [{
-        left: P()
+        left: S()
       }],
       /**
        * Visibility
@@ -554,7 +557,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/z-index
        */
       z: [{
-        z: [F, "auto", l, a]
+        z: [F, "auto", s, n]
       }],
       // ------------------------
       // --- Flexbox and Grid ---
@@ -564,7 +567,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/flex-basis
        */
       basis: [{
-        basis: [K, "full", "auto", p, ...c()]
+        basis: [W, "full", "auto", p, ...c()]
       }],
       /**
        * Flex Direction
@@ -585,84 +588,84 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/flex
        */
       flex: [{
-        flex: [f, K, "auto", "initial", "none", a]
+        flex: [u, W, "auto", "initial", "none", n]
       }],
       /**
        * Flex Grow
        * @see https://tailwindcss.com/docs/flex-grow
        */
       grow: [{
-        grow: ["", f, l, a]
+        grow: ["", u, s, n]
       }],
       /**
        * Flex Shrink
        * @see https://tailwindcss.com/docs/flex-shrink
        */
       shrink: [{
-        shrink: ["", f, l, a]
+        shrink: ["", u, s, n]
       }],
       /**
        * Order
        * @see https://tailwindcss.com/docs/order
        */
       order: [{
-        order: [F, "first", "last", "none", l, a]
+        order: [F, "first", "last", "none", s, n]
       }],
       /**
        * Grid Template Columns
        * @see https://tailwindcss.com/docs/grid-template-columns
        */
       "grid-cols": [{
-        "grid-cols": Ie()
+        "grid-cols": fe()
       }],
       /**
        * Grid Column Start / End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start-end": [{
-        col: Oe()
+        col: be()
       }],
       /**
        * Grid Column Start
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-start": [{
-        "col-start": q()
+        "col-start": Z()
       }],
       /**
        * Grid Column End
        * @see https://tailwindcss.com/docs/grid-column
        */
       "col-end": [{
-        "col-end": q()
+        "col-end": Z()
       }],
       /**
        * Grid Template Rows
        * @see https://tailwindcss.com/docs/grid-template-rows
        */
       "grid-rows": [{
-        "grid-rows": Ie()
+        "grid-rows": fe()
       }],
       /**
        * Grid Row Start / End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start-end": [{
-        row: Oe()
+        row: be()
       }],
       /**
        * Grid Row Start
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-start": [{
-        "row-start": q()
+        "row-start": Z()
       }],
       /**
        * Grid Row End
        * @see https://tailwindcss.com/docs/grid-row
        */
       "row-end": [{
-        "row-end": q()
+        "row-end": Z()
       }],
       /**
        * Grid Auto Flow
@@ -676,14 +679,14 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/grid-auto-columns
        */
       "auto-cols": [{
-        "auto-cols": _e()
+        "auto-cols": ge()
       }],
       /**
        * Grid Auto Rows
        * @see https://tailwindcss.com/docs/grid-auto-rows
        */
       "auto-rows": [{
-        "auto-rows": _e()
+        "auto-rows": ge()
       }],
       /**
        * Gap
@@ -711,35 +714,35 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/justify-content
        */
       "justify-content": [{
-        justify: [...de(), "normal"]
+        justify: [...re(), "normal"]
       }],
       /**
        * Justify Items
        * @see https://tailwindcss.com/docs/justify-items
        */
       "justify-items": [{
-        "justify-items": [...j(), "normal"]
+        "justify-items": [...U(), "normal"]
       }],
       /**
        * Justify Self
        * @see https://tailwindcss.com/docs/justify-self
        */
       "justify-self": [{
-        "justify-self": ["auto", ...j()]
+        "justify-self": ["auto", ...U()]
       }],
       /**
        * Align Content
        * @see https://tailwindcss.com/docs/align-content
        */
       "align-content": [{
-        content: ["normal", ...de()]
+        content: ["normal", ...re()]
       }],
       /**
        * Align Items
        * @see https://tailwindcss.com/docs/align-items
        */
       "align-items": [{
-        items: [...j(), {
+        items: [...U(), {
           baseline: ["", "last"]
         }]
       }],
@@ -748,7 +751,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/align-self
        */
       "align-self": [{
-        self: ["auto", ...j(), {
+        self: ["auto", ...U(), {
           baseline: ["", "last"]
         }]
       }],
@@ -757,21 +760,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/place-content
        */
       "place-content": [{
-        "place-content": de()
+        "place-content": re()
       }],
       /**
        * Place Items
        * @see https://tailwindcss.com/docs/place-items
        */
       "place-items": [{
-        "place-items": [...j(), "baseline"]
+        "place-items": [...U(), "baseline"]
       }],
       /**
        * Place Self
        * @see https://tailwindcss.com/docs/place-self
        */
       "place-self": [{
-        "place-self": ["auto", ...j()]
+        "place-self": ["auto", ...U()]
       }],
       // Spacing
       /**
@@ -842,63 +845,63 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/margin
        */
       m: [{
-        m: N()
+        m: G()
       }],
       /**
        * Margin X
        * @see https://tailwindcss.com/docs/margin
        */
       mx: [{
-        mx: N()
+        mx: G()
       }],
       /**
        * Margin Y
        * @see https://tailwindcss.com/docs/margin
        */
       my: [{
-        my: N()
+        my: G()
       }],
       /**
        * Margin Start
        * @see https://tailwindcss.com/docs/margin
        */
       ms: [{
-        ms: N()
+        ms: G()
       }],
       /**
        * Margin End
        * @see https://tailwindcss.com/docs/margin
        */
       me: [{
-        me: N()
+        me: G()
       }],
       /**
        * Margin Top
        * @see https://tailwindcss.com/docs/margin
        */
       mt: [{
-        mt: N()
+        mt: G()
       }],
       /**
        * Margin Right
        * @see https://tailwindcss.com/docs/margin
        */
       mr: [{
-        mr: N()
+        mr: G()
       }],
       /**
        * Margin Bottom
        * @see https://tailwindcss.com/docs/margin
        */
       mb: [{
-        mb: N()
+        mb: G()
       }],
       /**
        * Margin Left
        * @see https://tailwindcss.com/docs/margin
        */
       ml: [{
-        ml: N()
+        ml: G()
       }],
       /**
        * Space Between X
@@ -932,14 +935,14 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/width#setting-both-width-and-height
        */
       size: [{
-        size: U()
+        size: B()
       }],
       /**
        * Width
        * @see https://tailwindcss.com/docs/width
        */
       w: [{
-        w: [p, "screen", ...U()]
+        w: [p, "screen", ...B()]
       }],
       /**
        * Min-Width
@@ -951,7 +954,7 @@ const x = (e) => {
           "screen",
           /** Deprecated. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
           "none",
-          ...U()
+          ...B()
         ]
       }],
       /**
@@ -969,7 +972,7 @@ const x = (e) => {
           {
             screen: [i]
           },
-          ...U()
+          ...B()
         ]
       }],
       /**
@@ -977,21 +980,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/height
        */
       h: [{
-        h: ["screen", "lh", ...U()]
+        h: ["screen", "lh", ...B()]
       }],
       /**
        * Min-Height
        * @see https://tailwindcss.com/docs/min-height
        */
       "min-h": [{
-        "min-h": ["screen", "lh", "none", ...U()]
+        "min-h": ["screen", "lh", "none", ...B()]
       }],
       /**
        * Max-Height
        * @see https://tailwindcss.com/docs/max-height
        */
       "max-h": [{
-        "max-h": ["screen", "lh", ...U()]
+        "max-h": ["screen", "lh", ...B()]
       }],
       // ------------------
       // --- Typography ---
@@ -1001,7 +1004,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/font-size
        */
       "font-size": [{
-        text: ["base", o, J, V]
+        text: ["base", r, D, V]
       }],
       /**
        * Font Smoothing
@@ -1018,21 +1021,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/font-weight
        */
       "font-weight": [{
-        font: [r, l, fe]
+        font: [o, s, ie]
       }],
       /**
        * Font Stretch
        * @see https://tailwindcss.com/docs/font-stretch
        */
       "font-stretch": [{
-        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", me, a]
+        "font-stretch": ["ultra-condensed", "extra-condensed", "condensed", "semi-condensed", "normal", "semi-expanded", "expanded", "extra-expanded", "ultra-expanded", ae, n]
       }],
       /**
        * Font Family
        * @see https://tailwindcss.com/docs/font-family
        */
       "font-family": [{
-        font: [Wt, a, t]
+        font: [zt, n, t]
       }],
       /**
        * Font Variant Numeric
@@ -1069,14 +1072,14 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/letter-spacing
        */
       tracking: [{
-        tracking: [n, l, a]
+        tracking: [a, s, n]
       }],
       /**
        * Line Clamp
        * @see https://tailwindcss.com/docs/line-clamp
        */
       "line-clamp": [{
-        "line-clamp": [f, "none", l, fe]
+        "line-clamp": [u, "none", s, ie]
       }],
       /**
        * Line Height
@@ -1085,7 +1088,7 @@ const x = (e) => {
       leading: [{
         leading: [
           /** Deprecated since Tailwind CSS v4.0.0. @see https://github.com/tailwindlabs/tailwindcss.com/issues/2027#issuecomment-2620152757 */
-          s,
+          l,
           ...c()
         ]
       }],
@@ -1094,7 +1097,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/list-style-image
        */
       "list-image": [{
-        "list-image": ["none", l, a]
+        "list-image": ["none", s, n]
       }],
       /**
        * List Style Position
@@ -1108,7 +1111,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/list-style-type
        */
       "list-style-type": [{
-        list: ["disc", "decimal", "none", l, a]
+        list: ["disc", "decimal", "none", s, n]
       }],
       /**
        * Text Alignment
@@ -1142,14 +1145,14 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/text-decoration-style
        */
       "text-decoration-style": [{
-        decoration: [...Q(), "wavy"]
+        decoration: [...Y(), "wavy"]
       }],
       /**
        * Text Decoration Thickness
        * @see https://tailwindcss.com/docs/text-decoration-thickness
        */
       "text-decoration-thickness": [{
-        decoration: [f, "from-font", "auto", l, V]
+        decoration: [u, "from-font", "auto", s, V]
       }],
       /**
        * Text Decoration Color
@@ -1163,7 +1166,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/text-underline-offset
        */
       "underline-offset": [{
-        "underline-offset": [f, "auto", l, a]
+        "underline-offset": [u, "auto", s, n]
       }],
       /**
        * Text Transform
@@ -1194,7 +1197,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/vertical-align
        */
       "vertical-align": [{
-        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", l, a]
+        align: ["baseline", "top", "middle", "bottom", "text-top", "text-bottom", "sub", "super", s, n]
       }],
       /**
        * Whitespace
@@ -1229,7 +1232,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/content
        */
       content: [{
-        content: ["none", l, a]
+        content: ["none", s, n]
       }],
       // -------------------
       // --- Backgrounds ---
@@ -1260,21 +1263,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/background-position
        */
       "bg-position": [{
-        bg: Ee()
+        bg: he()
       }],
       /**
        * Background Repeat
        * @see https://tailwindcss.com/docs/background-repeat
        */
       "bg-repeat": [{
-        bg: Ae()
+        bg: xe()
       }],
       /**
        * Background Size
        * @see https://tailwindcss.com/docs/background-size
        */
       "bg-size": [{
-        bg: Ce()
+        bg: we()
       }],
       /**
        * Background Image
@@ -1284,10 +1287,10 @@ const x = (e) => {
         bg: ["none", {
           linear: [{
             to: ["t", "tr", "r", "br", "b", "bl", "l", "tl"]
-          }, F, l, a],
-          radial: ["", l, a],
-          conic: [F, l, a]
-        }, Kt, Bt]
+          }, F, s, n],
+          radial: ["", s, n],
+          conic: [F, s, n]
+        }, Et, St]
       }],
       /**
        * Background Color
@@ -1301,21 +1304,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-from-pos": [{
-        from: ue()
+        from: ne()
       }],
       /**
        * Gradient Color Stops Via Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-via-pos": [{
-        via: ue()
+        via: ne()
       }],
       /**
        * Gradient Color Stops To Position
        * @see https://tailwindcss.com/docs/gradient-color-stops
        */
       "gradient-to-pos": [{
-        to: ue()
+        to: ne()
       }],
       /**
        * Gradient Color Stops From
@@ -1346,175 +1349,175 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/border-radius
        */
       rounded: [{
-        rounded: O()
+        rounded: v()
       }],
       /**
        * Border Radius Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-s": [{
-        "rounded-s": O()
+        "rounded-s": v()
       }],
       /**
        * Border Radius End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-e": [{
-        "rounded-e": O()
+        "rounded-e": v()
       }],
       /**
        * Border Radius Top
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-t": [{
-        "rounded-t": O()
+        "rounded-t": v()
       }],
       /**
        * Border Radius Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-r": [{
-        "rounded-r": O()
+        "rounded-r": v()
       }],
       /**
        * Border Radius Bottom
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-b": [{
-        "rounded-b": O()
+        "rounded-b": v()
       }],
       /**
        * Border Radius Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-l": [{
-        "rounded-l": O()
+        "rounded-l": v()
       }],
       /**
        * Border Radius Start Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ss": [{
-        "rounded-ss": O()
+        "rounded-ss": v()
       }],
       /**
        * Border Radius Start End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-se": [{
-        "rounded-se": O()
+        "rounded-se": v()
       }],
       /**
        * Border Radius End End
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-ee": [{
-        "rounded-ee": O()
+        "rounded-ee": v()
       }],
       /**
        * Border Radius End Start
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-es": [{
-        "rounded-es": O()
+        "rounded-es": v()
       }],
       /**
        * Border Radius Top Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tl": [{
-        "rounded-tl": O()
+        "rounded-tl": v()
       }],
       /**
        * Border Radius Top Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-tr": [{
-        "rounded-tr": O()
+        "rounded-tr": v()
       }],
       /**
        * Border Radius Bottom Right
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-br": [{
-        "rounded-br": O()
+        "rounded-br": v()
       }],
       /**
        * Border Radius Bottom Left
        * @see https://tailwindcss.com/docs/border-radius
        */
       "rounded-bl": [{
-        "rounded-bl": O()
+        "rounded-bl": v()
       }],
       /**
        * Border Width
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w": [{
-        border: A()
+        border: I()
       }],
       /**
        * Border Width X
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-x": [{
-        "border-x": A()
+        "border-x": I()
       }],
       /**
        * Border Width Y
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-y": [{
-        "border-y": A()
+        "border-y": I()
       }],
       /**
        * Border Width Start
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-s": [{
-        "border-s": A()
+        "border-s": I()
       }],
       /**
        * Border Width End
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-e": [{
-        "border-e": A()
+        "border-e": I()
       }],
       /**
        * Border Width Top
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-t": [{
-        "border-t": A()
+        "border-t": I()
       }],
       /**
        * Border Width Right
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-r": [{
-        "border-r": A()
+        "border-r": I()
       }],
       /**
        * Border Width Bottom
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-b": [{
-        "border-b": A()
+        "border-b": I()
       }],
       /**
        * Border Width Left
        * @see https://tailwindcss.com/docs/border-width
        */
       "border-w-l": [{
-        "border-l": A()
+        "border-l": I()
       }],
       /**
        * Divide Width X
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-x": [{
-        "divide-x": A()
+        "divide-x": I()
       }],
       /**
        * Divide Width X Reverse
@@ -1526,7 +1529,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/border-width#between-children
        */
       "divide-y": [{
-        "divide-y": A()
+        "divide-y": I()
       }],
       /**
        * Divide Width Y Reverse
@@ -1538,14 +1541,14 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/border-style
        */
       "border-style": [{
-        border: [...Q(), "hidden", "none"]
+        border: [...Y(), "hidden", "none"]
       }],
       /**
        * Divide Style
        * @see https://tailwindcss.com/docs/border-style#setting-the-divider-style
        */
       "divide-style": [{
-        divide: [...Q(), "hidden", "none"]
+        divide: [...Y(), "hidden", "none"]
       }],
       /**
        * Border Color
@@ -1622,21 +1625,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/outline-style
        */
       "outline-style": [{
-        outline: [...Q(), "none", "hidden"]
+        outline: [...Y(), "none", "hidden"]
       }],
       /**
        * Outline Offset
        * @see https://tailwindcss.com/docs/outline-offset
        */
       "outline-offset": [{
-        "outline-offset": [f, l, a]
+        "outline-offset": [u, s, n]
       }],
       /**
        * Outline Width
        * @see https://tailwindcss.com/docs/outline-width
        */
       "outline-w": [{
-        outline: ["", f, J, V]
+        outline: ["", u, D, V]
       }],
       /**
        * Outline Color
@@ -1657,9 +1660,9 @@ const x = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          g,
-          ie,
-          se
+          f,
+          te,
+          ee
         ]
       }],
       /**
@@ -1674,7 +1677,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-shadow
        */
       "inset-shadow": [{
-        "inset-shadow": ["none", k, ie, se]
+        "inset-shadow": ["none", M, te, ee]
       }],
       /**
        * Inset Box Shadow Color
@@ -1688,7 +1691,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-a-ring
        */
       "ring-w": [{
-        ring: A()
+        ring: I()
       }],
       /**
        * Ring Width Inset
@@ -1711,7 +1714,7 @@ const x = (e) => {
        * @see https://github.com/tailwindlabs/tailwindcss/blob/v4.0.0/packages/tailwindcss/src/utilities.ts#L4158
        */
       "ring-offset-w": [{
-        "ring-offset": [f, V]
+        "ring-offset": [u, V]
       }],
       /**
        * Ring Offset Color
@@ -1727,7 +1730,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/box-shadow#adding-an-inset-ring
        */
       "inset-ring-w": [{
-        "inset-ring": A()
+        "inset-ring": I()
       }],
       /**
        * Inset Ring Color
@@ -1741,7 +1744,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/text-shadow
        */
       "text-shadow": [{
-        "text-shadow": ["none", S, ie, se]
+        "text-shadow": ["none", T, te, ee]
       }],
       /**
        * Text Shadow Color
@@ -1755,21 +1758,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/opacity
        */
       opacity: [{
-        opacity: [f, l, a]
+        opacity: [u, s, n]
       }],
       /**
        * Mix Blend Mode
        * @see https://tailwindcss.com/docs/mix-blend-mode
        */
       "mix-blend": [{
-        "mix-blend": [...Te(), "plus-darker", "plus-lighter"]
+        "mix-blend": [...ke(), "plus-darker", "plus-lighter"]
       }],
       /**
        * Background Blend Mode
        * @see https://tailwindcss.com/docs/background-blend-mode
        */
       "bg-blend": [{
-        "bg-blend": Te()
+        "bg-blend": ke()
       }],
       /**
        * Mask Clip
@@ -1790,13 +1793,13 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image-linear-pos": [{
-        "mask-linear": [f]
+        "mask-linear": [u]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": y()
+        "mask-linear-from": x()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": y()
+        "mask-linear-to": x()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": d()
@@ -1805,10 +1808,10 @@ const x = (e) => {
         "mask-linear-to": d()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": y()
+        "mask-t-from": x()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": y()
+        "mask-t-to": x()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": d()
@@ -1817,10 +1820,10 @@ const x = (e) => {
         "mask-t-to": d()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": y()
+        "mask-r-from": x()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": y()
+        "mask-r-to": x()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": d()
@@ -1829,10 +1832,10 @@ const x = (e) => {
         "mask-r-to": d()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": y()
+        "mask-b-from": x()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": y()
+        "mask-b-to": x()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": d()
@@ -1841,10 +1844,10 @@ const x = (e) => {
         "mask-b-to": d()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": y()
+        "mask-l-from": x()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": y()
+        "mask-l-to": x()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": d()
@@ -1853,10 +1856,10 @@ const x = (e) => {
         "mask-l-to": d()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": y()
+        "mask-x-from": x()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": y()
+        "mask-x-to": x()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": d()
@@ -1865,10 +1868,10 @@ const x = (e) => {
         "mask-x-to": d()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": y()
+        "mask-y-from": x()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": y()
+        "mask-y-to": x()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": d()
@@ -1877,13 +1880,13 @@ const x = (e) => {
         "mask-y-to": d()
       }],
       "mask-image-radial": [{
-        "mask-radial": [l, a]
+        "mask-radial": [s, n]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": y()
+        "mask-radial-from": x()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": y()
+        "mask-radial-to": x()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": d()
@@ -1901,16 +1904,16 @@ const x = (e) => {
         }]
       }],
       "mask-image-radial-pos": [{
-        "mask-radial-at": M()
+        "mask-radial-at": N()
       }],
       "mask-image-conic-pos": [{
-        "mask-conic": [f]
+        "mask-conic": [u]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": y()
+        "mask-conic-from": x()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": y()
+        "mask-conic-to": x()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": d()
@@ -1937,21 +1940,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/mask-position
        */
       "mask-position": [{
-        mask: Ee()
+        mask: he()
       }],
       /**
        * Mask Repeat
        * @see https://tailwindcss.com/docs/mask-repeat
        */
       "mask-repeat": [{
-        mask: Ae()
+        mask: xe()
       }],
       /**
        * Mask Size
        * @see https://tailwindcss.com/docs/mask-size
        */
       "mask-size": [{
-        mask: Ce()
+        mask: we()
       }],
       /**
        * Mask Type
@@ -1965,7 +1968,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/mask-image
        */
       "mask-image": [{
-        mask: ["none", l, a]
+        mask: ["none", s, n]
       }],
       // ---------------
       // --- Filters ---
@@ -1979,8 +1982,8 @@ const x = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          l,
-          a
+          s,
+          n
         ]
       }],
       /**
@@ -1988,21 +1991,21 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/blur
        */
       blur: [{
-        blur: Me()
+        blur: ye()
       }],
       /**
        * Brightness
        * @see https://tailwindcss.com/docs/brightness
        */
       brightness: [{
-        brightness: [f, l, a]
+        brightness: [u, s, n]
       }],
       /**
        * Contrast
        * @see https://tailwindcss.com/docs/contrast
        */
       contrast: [{
-        contrast: [f, l, a]
+        contrast: [u, s, n]
       }],
       /**
        * Drop Shadow
@@ -2013,9 +2016,9 @@ const x = (e) => {
           // Deprecated since Tailwind CSS v4.0.0
           "",
           "none",
-          I,
-          ie,
-          se
+          C,
+          te,
+          ee
         ]
       }],
       /**
@@ -2030,35 +2033,35 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/grayscale
        */
       grayscale: [{
-        grayscale: ["", f, l, a]
+        grayscale: ["", u, s, n]
       }],
       /**
        * Hue Rotate
        * @see https://tailwindcss.com/docs/hue-rotate
        */
       "hue-rotate": [{
-        "hue-rotate": [f, l, a]
+        "hue-rotate": [u, s, n]
       }],
       /**
        * Invert
        * @see https://tailwindcss.com/docs/invert
        */
       invert: [{
-        invert: ["", f, l, a]
+        invert: ["", u, s, n]
       }],
       /**
        * Saturate
        * @see https://tailwindcss.com/docs/saturate
        */
       saturate: [{
-        saturate: [f, l, a]
+        saturate: [u, s, n]
       }],
       /**
        * Sepia
        * @see https://tailwindcss.com/docs/sepia
        */
       sepia: [{
-        sepia: ["", f, l, a]
+        sepia: ["", u, s, n]
       }],
       /**
        * Backdrop Filter
@@ -2069,8 +2072,8 @@ const x = (e) => {
           // Deprecated since Tailwind CSS v3.0.0
           "",
           "none",
-          l,
-          a
+          s,
+          n
         ]
       }],
       /**
@@ -2078,63 +2081,63 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/backdrop-blur
        */
       "backdrop-blur": [{
-        "backdrop-blur": Me()
+        "backdrop-blur": ye()
       }],
       /**
        * Backdrop Brightness
        * @see https://tailwindcss.com/docs/backdrop-brightness
        */
       "backdrop-brightness": [{
-        "backdrop-brightness": [f, l, a]
+        "backdrop-brightness": [u, s, n]
       }],
       /**
        * Backdrop Contrast
        * @see https://tailwindcss.com/docs/backdrop-contrast
        */
       "backdrop-contrast": [{
-        "backdrop-contrast": [f, l, a]
+        "backdrop-contrast": [u, s, n]
       }],
       /**
        * Backdrop Grayscale
        * @see https://tailwindcss.com/docs/backdrop-grayscale
        */
       "backdrop-grayscale": [{
-        "backdrop-grayscale": ["", f, l, a]
+        "backdrop-grayscale": ["", u, s, n]
       }],
       /**
        * Backdrop Hue Rotate
        * @see https://tailwindcss.com/docs/backdrop-hue-rotate
        */
       "backdrop-hue-rotate": [{
-        "backdrop-hue-rotate": [f, l, a]
+        "backdrop-hue-rotate": [u, s, n]
       }],
       /**
        * Backdrop Invert
        * @see https://tailwindcss.com/docs/backdrop-invert
        */
       "backdrop-invert": [{
-        "backdrop-invert": ["", f, l, a]
+        "backdrop-invert": ["", u, s, n]
       }],
       /**
        * Backdrop Opacity
        * @see https://tailwindcss.com/docs/backdrop-opacity
        */
       "backdrop-opacity": [{
-        "backdrop-opacity": [f, l, a]
+        "backdrop-opacity": [u, s, n]
       }],
       /**
        * Backdrop Saturate
        * @see https://tailwindcss.com/docs/backdrop-saturate
        */
       "backdrop-saturate": [{
-        "backdrop-saturate": [f, l, a]
+        "backdrop-saturate": [u, s, n]
       }],
       /**
        * Backdrop Sepia
        * @see https://tailwindcss.com/docs/backdrop-sepia
        */
       "backdrop-sepia": [{
-        "backdrop-sepia": ["", f, l, a]
+        "backdrop-sepia": ["", u, s, n]
       }],
       // --------------
       // --- Tables ---
@@ -2189,7 +2192,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/transition-property
        */
       transition: [{
-        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", l, a]
+        transition: ["", "all", "colors", "opacity", "shadow", "transform", "none", s, n]
       }],
       /**
        * Transition Behavior
@@ -2203,28 +2206,28 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/transition-duration
        */
       duration: [{
-        duration: [f, "initial", l, a]
+        duration: [u, "initial", s, n]
       }],
       /**
        * Transition Timing Function
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", C, l, a]
+        ease: ["linear", "initial", y, s, n]
       }],
       /**
        * Transition Delay
        * @see https://tailwindcss.com/docs/transition-delay
        */
       delay: [{
-        delay: [f, l, a]
+        delay: [u, s, n]
       }],
       /**
        * Animation
        * @see https://tailwindcss.com/docs/animation
        */
       animate: [{
-        animate: ["none", L, l, a]
+        animate: ["none", A, s, n]
       }],
       // ------------------
       // --- Transforms ---
@@ -2241,70 +2244,70 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/perspective
        */
       perspective: [{
-        perspective: [w, l, a]
+        perspective: [k, s, n]
       }],
       /**
        * Perspective Origin
        * @see https://tailwindcss.com/docs/perspective-origin
        */
       "perspective-origin": [{
-        "perspective-origin": R()
+        "perspective-origin": P()
       }],
       /**
        * Rotate
        * @see https://tailwindcss.com/docs/rotate
        */
       rotate: [{
-        rotate: ee()
+        rotate: q()
       }],
       /**
        * Rotate X
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-x": [{
-        "rotate-x": ee()
+        "rotate-x": q()
       }],
       /**
        * Rotate Y
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-y": [{
-        "rotate-y": ee()
+        "rotate-y": q()
       }],
       /**
        * Rotate Z
        * @see https://tailwindcss.com/docs/rotate
        */
       "rotate-z": [{
-        "rotate-z": ee()
+        "rotate-z": q()
       }],
       /**
        * Scale
        * @see https://tailwindcss.com/docs/scale
        */
       scale: [{
-        scale: te()
+        scale: J()
       }],
       /**
        * Scale X
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-x": [{
-        "scale-x": te()
+        "scale-x": J()
       }],
       /**
        * Scale Y
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-y": [{
-        "scale-y": te()
+        "scale-y": J()
       }],
       /**
        * Scale Z
        * @see https://tailwindcss.com/docs/scale
        */
       "scale-z": [{
-        "scale-z": te()
+        "scale-z": J()
       }],
       /**
        * Scale 3D
@@ -2316,35 +2319,35 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/skew
        */
       skew: [{
-        skew: pe()
+        skew: se()
       }],
       /**
        * Skew X
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-x": [{
-        "skew-x": pe()
+        "skew-x": se()
       }],
       /**
        * Skew Y
        * @see https://tailwindcss.com/docs/skew
        */
       "skew-y": [{
-        "skew-y": pe()
+        "skew-y": se()
       }],
       /**
        * Transform
        * @see https://tailwindcss.com/docs/transform
        */
       transform: [{
-        transform: [l, a, "", "none", "gpu", "cpu"]
+        transform: [s, n, "", "none", "gpu", "cpu"]
       }],
       /**
        * Transform Origin
        * @see https://tailwindcss.com/docs/transform-origin
        */
       "transform-origin": [{
-        origin: R()
+        origin: P()
       }],
       /**
        * Transform Style
@@ -2358,28 +2361,28 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/translate
        */
       translate: [{
-        translate: oe()
+        translate: X()
       }],
       /**
        * Translate X
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-x": [{
-        "translate-x": oe()
+        "translate-x": X()
       }],
       /**
        * Translate Y
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-y": [{
-        "translate-y": oe()
+        "translate-y": X()
       }],
       /**
        * Translate Z
        * @see https://tailwindcss.com/docs/translate
        */
       "translate-z": [{
-        "translate-z": oe()
+        "translate-z": X()
       }],
       /**
        * Translate None
@@ -2422,7 +2425,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/cursor
        */
       cursor: [{
-        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", l, a]
+        cursor: ["auto", "default", "pointer", "wait", "text", "move", "help", "not-allowed", "none", "context-menu", "progress", "cell", "crosshair", "vertical-text", "alias", "copy", "no-drop", "grab", "grabbing", "all-scroll", "col-resize", "row-resize", "n-resize", "e-resize", "s-resize", "w-resize", "ne-resize", "nw-resize", "se-resize", "sw-resize", "ew-resize", "ns-resize", "nesw-resize", "nwse-resize", "zoom-in", "zoom-out", s, n]
       }],
       /**
        * Field Sizing
@@ -2644,7 +2647,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/will-change
        */
       "will-change": [{
-        "will-change": ["auto", "scroll", "contents", "transform", l, a]
+        "will-change": ["auto", "scroll", "contents", "transform", s, n]
       }],
       // -----------
       // --- SVG ---
@@ -2661,7 +2664,7 @@ const x = (e) => {
        * @see https://tailwindcss.com/docs/stroke-width
        */
       "stroke-w": [{
-        stroke: [f, J, V, fe]
+        stroke: [u, D, V, ie]
       }],
       /**
        * Stroke
@@ -2736,16 +2739,16 @@ const x = (e) => {
     },
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
-}, Yt = /* @__PURE__ */ Ct(Xt);
-function G(...e) {
-  return Yt(bt(e));
+}, Tt = /* @__PURE__ */ pt(Pt);
+function O(...e) {
+  return Tt(Qe(e));
 }
-const Jt = {
+const Rt = {
   primary: "rounded-[var(--onside-btn-radius,9999px)] whitespace-nowrap leading-none !font-medium transition-bg duration-300 flex items-center justify-center text-center",
   secondary: "rounded-[var(--onside-btn-radius,9999px)] whitespace-nowrap leading-none !font-medium bg-transparent border transition-bg transition-color duration-300 flex items-center justify-center text-center",
   text: "whitespace-nowrap leading-none !font-medium transition-colors duration-300 flex items-center justify-center text-center",
   transparent: "rounded-[var(--onside-btn-radius,9999px)] whitespace-nowrap leading-none !font-medium transition-opacity duration-300 flex items-center justify-center text-center"
-}, Zt = {
+}, Gt = {
   primary: {
     blue: "bg-[var(--onside-btn-bg,#0A5EFF)] text-[color:var(--onside-btn-text,#FFFFFF)] hover:bg-[var(--onside-btn-bg-hover,#337AFF)] focus:bg-[var(--onside-btn-bg,#0A5EFF)] disabled:bg-[var(--onside-btn-disabled-bg,rgba(10,94,255,0.2))]",
     lightBlue: "bg-[#e2eaf8] text-blue hover:opacity-60 focus:opacity-100",
@@ -2766,640 +2769,268 @@ const Jt = {
     lightBlue: "bg-transparent text-[#e2eaf8] hover:opacity-75",
     white: "bg-transparent text-white hover:opacity-75"
   }
-}, qt = {
+}, Lt = {
   lg: "py-[var(--onside-btn-py,1rem)] px-[var(--onside-btn-px,2rem)] text-[length:var(--onside-btn-font-size,1.125rem)] font-medium",
   md: "py-[var(--onside-btn-py,0.75rem)] px-[var(--onside-btn-px,1.25rem)] text-[length:var(--onside-btn-font-size,1rem)] font-medium"
 };
-function ce({ className: e, ...t }) {
-  const o = t.variant ?? "primary", r = t.color ?? "blue", n = t.size ?? "md", s = G(
-    Jt[o],
-    qt[o !== "text" ? n : "md"],
+function oe({ className: e, ...t }) {
+  const r = t.variant ?? "primary", o = t.color ?? "blue", a = t.size ?? "md", l = O(
+    Rt[r],
+    Lt[r !== "text" ? a : "md"],
     // default size for text
-    Zt[o][r],
+    Gt[r][o],
     e
   );
   if (typeof t.href > "u")
-    return /* @__PURE__ */ h("button", { className: s, ...t });
+    return /* @__PURE__ */ w("button", { className: l, ...t });
   const i = t, p = ("rel" in i ? i.rel : void 0) ?? (i.target === "_blank" ? "noopener noreferrer" : void 0);
-  return /* @__PURE__ */ h("a", { className: s, rel: p, ...i });
-}
-const Qt = "https://onside.io/web-api/v1/marketplace/install", Se = 1e3, Wo = 7 * Se, jo = 7 * Se, eo = 2 * Se, ke = "onside_token_data", Le = 15552e3, le = {
-  IOS: /iPhone|iPad|iPod/i,
-  IPAD: /iPad/i,
-  ANDROID: /Android/i,
-  INTEL_MAC: /Intel Mac/i
-}, b = {
-  IOS_CHROME: /CriOS/i,
-  IOS_FIREFOX: /FxiOS/i,
-  IOS_EDGE: /EdgiOS/i,
-  IOS_OPERA: /OPiOS/i,
-  IOS_OPERA_NEW: /OPT\//i,
-  IOS_BRAVE: /Brave\//i,
-  IOS_DUCKDUCKGO: /Ddg\//i,
-  IOS_GOOGLE_APP: /GSA/i,
-  SAFARI: /Safari/i,
-  CHROME: /Chrome|CriOS/i,
-  FIREFOX: /Firefox|FxiOS/i,
-  EDGE: /Edge|Edg/i,
-  OPERA: /Opera|OPiOS|OPT\/|OPR\/|OPX\//i
-}, ae = {
-  IOS_VERSION: /Version\/(\d+[_.\d]*)/,
-  IOS_OS: /(?:iPhone|iPad|iPod).*?OS (\d+[_.\d]*)/i,
-  ANDROID_VERSION: /Android\s+(\d+[.\d]*)/,
-  MACOS_VERSION: /Mac OS X (\d+[_.\d]*)/i
-}, De = {
-  MOBILE: /Mobile/i,
-  ANDROID_TABLET_KEYWORDS: /Tablet|SM-T|SM-P|GT-P|SCH-I|SCH-T/i
-}, $ = {
-  IOS_INSTAGRAM: /\bInstagram\b/i,
-  IOS_FACEBOOK: /\bFBAN\/FBIOS\b|\bFBAV\b/i,
-  IOS_LINKEDIN: /LinkedInApp/i,
-  IOS_DISCORD: /\bDiscord\b/i,
-  IOS_TWITTER: /Twitter for iPhone/i,
-  IOS_TIKTOK: /\bTikTok\b/i
-}, to = 768, oo = () => typeof window < "u" && ("ontouchstart" in window || window.navigator?.maxTouchPoints > 0 || // @ts-expect-error - msMaxTouchPoints exists in some browsers
-window.navigator?.msMaxTouchPoints > 0), ro = () => typeof window > "u" ? "" : window.navigator.userAgent, no = (e) => {
-  if (le.IOS.test(e)) {
-    const t = le.IPAD.test(e);
-    return {
-      platform: "ios",
-      isMobile: !t,
-      isTablet: t,
-      isDesktop: !1
-    };
-  }
-  if (le.ANDROID.test(e)) {
-    const t = De.MOBILE.test(e) && (window.innerWidth >= to || De.ANDROID_TABLET_KEYWORDS.test(e));
-    return {
-      platform: "android",
-      isMobile: !t,
-      isTablet: t,
-      isDesktop: !1
-    };
-  }
-  return so(e) ? {
-    platform: "ios",
-    isMobile: !1,
-    isTablet: !0,
-    isDesktop: !1
-  } : b.IOS_GOOGLE_APP.test(e) ? {
-    platform: "ios",
-    isMobile: !0,
-    isTablet: !1,
-    isDesktop: !1
-  } : {
-    platform: "desktop",
-    isMobile: !1,
-    isTablet: !1,
-    isDesktop: !0
-  };
-}, so = (e) => b.SAFARI.test(e) && le.INTEL_MAC.test(e) && !b.CHROME.test(e) && !b.FIREFOX.test(e) && !b.OPERA.test(e) ? oo() : !1, Fe = () => (
-  // @ts-expect-error - TelegramWebviewProxy may exist
-  typeof window?.TelegramWebviewProxy < "u"
-), io = (e) => {
-  const t = (...o) => o.some((r) => r.test(e));
-  return t(b.IOS_EDGE, b.EDGE) ? "edge" : t(
-    b.IOS_OPERA,
-    b.IOS_OPERA_NEW,
-    b.OPERA
-  ) ? "opera" : t(b.IOS_BRAVE) ? "brave" : t(b.IOS_DUCKDUCKGO) ? "duckduckgo" : t(b.IOS_CHROME, b.CHROME) ? "chrome" : t(b.IOS_GOOGLE_APP) ? "google" : t(b.IOS_FIREFOX, b.FIREFOX) ? "firefox" : b.SAFARI.test(e) && !b.CHROME.test(e) && !b.FIREFOX.test(e) && !b.OPERA.test(e) && !b.IOS_BRAVE.test(e) && !b.IOS_DUCKDUCKGO.test(e) && !b.IOS_GOOGLE_APP.test(e) && !Fe() ? "safari" : t(
-    $.IOS_INSTAGRAM,
-    $.IOS_FACEBOOK,
-    $.IOS_LINKEDIN,
-    $.IOS_DISCORD,
-    $.IOS_TWITTER,
-    $.IOS_TIKTOK
-  ) || Fe() ? "in-app" : "unknown";
-}, ao = (e, t) => {
-  switch (t) {
-    case "ios": {
-      let o = e.match(ae.IOS_OS);
-      if (o || (o = e.match(ae.IOS_VERSION)), o) {
-        const r = o[1].replace(/_/g, ".");
-        return parseFloat(r);
-      }
-      return;
-    }
-    case "android": {
-      const o = e.match(ae.ANDROID_VERSION);
-      return o ? parseFloat(o[1]) : void 0;
-    }
-    case "desktop": {
-      const o = e.match(ae.MACOS_VERSION);
-      if (o) {
-        const r = o[1].replace(/_/g, ".");
-        return parseFloat(r);
-      }
-      return;
-    }
-    default:
-      return;
-  }
-}, lo = {
-  platform: "unknown",
-  browser: "unknown",
-  isMobile: !1,
-  isTablet: !1,
-  isDesktop: !1,
-  version: void 0,
-  userAgent: ""
-};
-let be = null, Ge = null, Ue = null;
-function nt() {
-  if (typeof window > "u")
-    return lo;
-  const e = ro(), t = window.innerWidth;
-  if (be && Ge === e && Ue === t)
-    return be;
-  const o = no(e), r = io(e), n = ao(e, o.platform), s = {
-    ...o,
-    browser: r,
-    version: n,
-    userAgent: e
-  };
-  return be = s, Ge = e, Ue = t, s;
-}
-const Ve = 17.6, co = 18.6, uo = [
-  "safari",
-  "chrome",
-  "edge",
-  "brave",
-  "duckduckgo"
-];
-function po(e) {
-  return e.platform === "ios" && (e.isMobile || e.isTablet) ? uo.includes(
-    e.browser
-  ) : !1;
-}
-function mo(e) {
-  return !!(e.platform === "ios" && e.version && e.version >= co);
-}
-const fo = () => {
-  const e = nt(), t = po(e), o = !!(e.platform === "ios" && e.version && e.version >= Ve), r = !!(e.platform === "ios" && e.version && e.version < Ve), n = e.platform === "ios" && (e.isMobile || e.isTablet) && !r && !t, s = mo(e), i = o && t, p = e.platform === "android";
-  return {
-    canInstall: i,
-    shouldGoToSafari: n,
-    shouldUpdateIOS: r,
-    isIOS186PlusVersion: s,
-    isAndroid: p
-  };
-}, Be = (e) => {
-  let t;
-  const o = /* @__PURE__ */ new Set(), r = (m, g) => {
-    const k = typeof m == "function" ? m(t) : m;
-    if (!Object.is(k, t)) {
-      const S = t;
-      t = g ?? (typeof k != "object" || k === null) ? k : Object.assign({}, t, k), o.forEach((I) => I(t, S));
-    }
-  }, n = () => t, p = { setState: r, getState: n, getInitialState: () => u, subscribe: (m) => (o.add(m), () => o.delete(m)) }, u = t = e(r, n, p);
-  return p;
-}, bo = ((e) => e ? Be(e) : Be), go = (e) => e;
-function ho(e, t = go) {
-  const o = re.useSyncExternalStore(
-    e.subscribe,
-    re.useCallback(() => t(e.getState()), [e, t]),
-    re.useCallback(() => t(e.getInitialState()), [e, t])
-  );
-  return re.useDebugValue(o), o;
+  return /* @__PURE__ */ w("a", { className: l, rel: p, ...i });
 }
-const We = (e) => {
-  const t = bo(e), o = (r) => ho(t, r);
-  return Object.assign(o, t), o;
-}, st = ((e) => e ? We(e) : We), it = st((e) => ({
+const lo = 7 * ue, co = 7 * ue, Ft = 2 * ue, Fe = Ke((e) => ({
   activeModal: null,
   openModal: (t) => e({ activeModal: t }),
   closeModal: () => e({ activeModal: null })
-})), wo = (e) => {
-  if (typeof document > "u") return null;
-  const t = document.cookie.split("; ").find((r) => r.startsWith(`${e}=`));
-  if (!t) return null;
-  const o = t.indexOf("=");
-  return o !== -1 ? t.slice(o + 1) : null;
-}, je = (e, t, o) => {
-  if (typeof document > "u") return;
-  const r = new Date(Date.now() + o * 1e3), n = typeof window < "u" && window.location?.protocol === "https:" ? "; Secure" : "";
-  document.cookie = `${e}=${t}; expires=${r.toUTCString()}; path=/; SameSite=Lax${n}`;
-}, xo = () => {
-  if (typeof crypto < "u" && crypto.randomUUID)
-    return crypto.randomUUID();
-  if (typeof crypto > "u" || !crypto.getRandomValues)
-    throw new Error("Secure random UUID generation is not available");
-  const e = new Uint8Array(16);
-  crypto.getRandomValues(e), e[6] = e[6] & 15 | 64, e[8] = e[8] & 63 | 128;
-  const t = Array.from(e, (o) => o.toString(16).padStart(2, "0")).join("");
-  return `${t.slice(0, 8)}-${t.slice(8, 12)}-${t.slice(12, 16)}-${t.slice(16, 20)}-${t.slice(20)}`;
-}, at = () => {
-  const e = wo(ke);
-  if (!e) return null;
-  try {
-    return JSON.parse(decodeURIComponent(e)).token;
-  } catch {
-    return null;
-  }
-}, ko = () => {
-  const e = at();
-  if (e) {
-    const r = {
-      token: e,
-      createdAt: Date.now()
-    };
-    return je(
-      ke,
-      encodeURIComponent(JSON.stringify(r)),
-      Le
-    ), e;
-  }
-  const t = xo(), o = {
-    token: t,
-    createdAt: Date.now()
-  };
-  return je(
-    ke,
-    encodeURIComponent(JSON.stringify(o)),
-    Le
-  ), t;
-}, yo = async (e) => {
-  const t = await fetch(Qt, {
-    method: "POST",
-    headers: {
-      "Content-Type": "application/json"
-    },
-    body: JSON.stringify({
-      referer_url: window.location.href,
-      onside_token: e
-    })
-  });
-  if (!t.ok)
-    throw new Error(`HTTP ${t.status}: ${t.statusText}`);
-  const o = await t.json();
-  if (!o.url || !o.attribution_token || !o.exp)
-    throw new Error("Invalid response format");
-  return o;
-}, vo = async () => {
-  const t = at() || ko(), o = await yo(t), r = o.exp < 1e12 ? o.exp * 1e3 : o.exp;
-  return {
-    installUrl: o.url,
-    attribution_token: o.attribution_token,
-    is_eligible: o.is_eligible,
-    onside_token: t,
-    install_expires_at: r
-  };
-}, Ke = 3, So = (e) => Math.min(1e3 * 2 ** e, 3e4), ge = {
-  installUrl: null,
-  attribution_token: null,
-  isEligible: null,
-  onside_token: null,
-  installExpiresAt: null,
-  isLoading: !1,
-  error: null
-};
-let Z = null;
-const Io = (e) => e ? Date.now() < e : !1, B = st((e, t) => ({
-  ...ge,
-  fetchInstallData: async () => {
-    const o = t();
-    if (!(o.installUrl && Io(o.installExpiresAt))) {
-      if (Z) {
-        await Z;
-        return;
-      }
-      if (!o.isLoading) {
-        e({ isLoading: !0, error: null }), Z = (async () => {
-          let r = null;
-          for (let n = 0; n < Ke; n++)
-            try {
-              const s = await vo();
-              e({
-                ...ge,
-                installUrl: s.installUrl,
-                attribution_token: s.attribution_token,
-                isEligible: s.is_eligible,
-                onside_token: s.onside_token,
-                installExpiresAt: s.install_expires_at,
-                isLoading: !1,
-                error: null
-              });
-              return;
-            } catch (s) {
-              r = s instanceof Error ? s : new Error(String(s)), n < Ke - 1 && await new Promise(
-                (i) => setTimeout(i, So(n))
-              );
-            }
-          e({
-            isLoading: !1,
-            error: r
-          });
-        })();
-        try {
-          await Z;
-        } finally {
-          Z = null;
-        }
-      }
-    }
-  },
-  reset: () => e(ge)
-})), Oo = (e = !0) => {
-  const t = B((m) => m.installUrl), o = B(
-    (m) => m.attribution_token
-  ), r = B((m) => m.isEligible), n = B((m) => m.onside_token), s = B((m) => m.isLoading), i = B((m) => m.error), p = B((m) => m.fetchInstallData), u = dt(!1);
-  return $e(() => {
-    e && !u.current && (u.current = !0, p());
-  }, [e, p]), {
-    installUrl: t,
-    attribution_token: o,
-    isEligible: r,
-    onside_token: n,
-    isLoading: s,
-    error: i,
-    fetchInstallData: p
-  };
-};
-function _o() {
-  return typeof window > "u" ? !1 : localStorage.getItem("onside_analytics_logging") === "true";
-}
-function lt(e, t = {}, o) {
-  try {
-    if (typeof window > "u") return null;
-    window.dataLayer || (window.dataLayer = []);
-    const r = {
-      ...t,
-      ...nt()
-    }, n = {
-      event: "amplitude_event",
-      event_name: e,
-      event_properties: {
-        timestamp: Date.now(),
-        ...r
-      },
-      ...o ? { user_properties: o } : {},
-      url: window.location.href
-    };
-    return window.dataLayer.push({
-      event: n.event,
-      event_name: n.event_name,
-      event_properties: n.event_properties,
-      ...n.user_properties ? { user_properties: n.user_properties } : {}
-    }), _o() && console.log("🎯 Analytics Event:", {
-      event_name: n.event_name,
-      event_properties: n.event_properties,
-      user_properties: n.user_properties,
-      url: n.url
-    }), n;
-  } catch (r) {
-    return console.error("Analytics error:", r), null;
-  }
-}
-function Eo(e, t, o, r = {}) {
-  const n = `${e}.${t}`, s = {
-    modal_name: e,
-    event_type: t,
-    ...r
-  };
-  return o && (s.action = o), lt(n, s);
-}
-const Ao = {
+})), Ot = {
   INSTALL_BUTTON_CLICK: "install_button_click"
-}, Co = (e = {}, t) => ({
-  trackInstallEvent: (n) => {
-    const s = lt(Ao.INSTALL_BUTTON_CLICK, {
+}, Bt = (e = {}, t) => ({
+  trackInstallEvent: (a) => {
+    const l = qe(Ot.INSTALL_BUTTON_CLICK, {
       ...e,
-      event_type: n
+      event_type: a
     });
-    s && t?.onEvent?.(s);
+    l && t?.onEvent?.(l);
   },
-  trackOpenModalEvent: (n) => {
-    const s = Eo(n, "opened", "install_button", {
+  trackOpenModalEvent: (a) => {
+    const l = Ye(a, "opened", "install_button", {
       ...e
     });
-    s && t?.onEvent?.(s);
+    l && t?.onEvent?.(l);
   }
-}), To = (e) => {
-  const { id: t, location: o = "hero", customAnalytics: r, handleCustomStep: n, pathname: s } = e, i = fo(), { installUrl: p, error: u, onside_token: m, attribution_token: g, isEligible: k } = Oo(i.canInstall), { openModal: S } = it(), [I, v] = ut(!1), { trackOpenModalEvent: w, trackInstallEvent: _ } = Co(
+}), Vt = (e) => e ? "ios_18_6_plus" : "install_click", jt = (e, t) => {
+  e(Vt(t));
+}, Ut = (e) => {
+  e("no_condition_matched");
+}, Wt = (e) => {
+  window.location.assign(e);
+}, $t = (e, t = Wt) => {
+  t(e);
+}, Ht = (e) => {
+  const { id: t, location: r = "hero", customAnalytics: o, handleCustomStep: a, pathname: l } = e, i = Je(Xe()), p = i.installState === "install_available", { data: m, error: g } = De(p), f = m?.url ?? null, M = m?.onside_token ?? null, T = m?.attribution_token ?? null, C = m?.is_eligible ?? null, { openModal: b } = Fe(), [k, z] = Ve(!1), { trackOpenModalEvent: y, trackInstallEvent: A } = Bt(
     {
-      page: s,
-      location: o,
+      page: l,
+      location: r,
       button_id: t ?? void 0,
-      onside_token: m ?? void 0,
-      attribution_token: g ?? void 0
+      onside_token: M ?? void 0,
+      attribution_token: T ?? void 0
     },
-    r
-  ), C = ne(() => {
-    v(!0);
-    const E = setTimeout(() => {
-      v(!1), clearTimeout(E);
-    }, eo);
-  }, []), L = ne(
-    (E) => {
-      if (!p) {
-        E.preventDefault();
+    o
+  ), E = Q(() => {
+    z(!0);
+    const c = setTimeout(() => {
+      z(!1), clearTimeout(c);
+    }, Ft);
+  }, []), N = Q(
+    (c) => {
+      if (!f || !Ze) {
+        c.preventDefault();
         return;
       }
-      if (n) {
-        n();
+      if (a) {
+        a();
         return;
       }
-      _(
-        i.isIOS186PlusVersion ? "ios_18_6_plus" : "install_click"
-      ), window.location.href = p;
+      jt(A, i.usesNewInstallFlow), $t(f);
     },
-    [p, n, i.isIOS186PlusVersion, _]
-  ), T = ne(() => {
-    if (i.shouldGoToSafari) {
-      w("go_to_safari"), S("goToSafari");
+    [f, a, i.usesNewInstallFlow, A]
+  ), P = Q(() => {
+    if (i.installState === "go_to_safari") {
+      y("go_to_safari"), b("goToSafari");
       return;
     }
-    if (i.shouldUpdateIOS) {
-      w("update_ios"), S("updateIOS");
+    if (i.installState === "update_ios") {
+      y("update_ios"), b("updateIOS");
       return;
     }
-    C(), _("no_condition_matched");
+    E(), Ut(A);
   }, [
-    i.shouldGoToSafari,
-    i.shouldUpdateIOS,
-    S,
-    C,
-    _,
-    w
-  ]), M = ne(() => {
-    w("is_android"), S("isAndroid");
-  }, [S, w]);
+    i.installState,
+    b,
+    E,
+    A,
+    y
+  ]), _ = Q(() => {
+    y("is_android"), b("isAndroid");
+  }, [b, y]);
   return {
-    viewMode: i.isAndroid ? "android" : I ? "loading" : p && i.canInstall ? "link" : "button",
-    installUrl: p,
-    error: u,
-    isEligible: k,
+    viewMode: i.installState === "android" ? "android" : k ? "loading" : f && p ? "link" : "button",
+    installUrl: f,
+    error: g,
+    isEligible: C,
     conditions: i,
-    handleInstallClick: L,
-    handleModalFlowClick: T,
-    handleAndroidClick: M
+    handleInstallClick: N,
+    handleModalFlowClick: P,
+    handleAndroidClick: _
   };
-}, Mo = (e) => /* @__PURE__ */ H.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ H.createElement("path", { d: "M12.1268 5.74646C11.3368 5.74646 10.1139 4.84824 8.82613 4.88071C7.12708 4.90235 5.56872 5.8655 4.69214 7.39139C2.92817 10.454 4.23762 14.9776 5.95831 17.4667C6.80243 18.6787 7.79805 20.0423 9.11832 19.999C10.3845 19.9449 10.8607 19.1765 12.3974 19.1765C13.9233 19.1765 14.3562 19.999 15.6981 19.9665C17.0617 19.9449 17.9274 18.7328 18.7607 17.5099C19.7239 16.1031 20.1243 14.7395 20.1459 14.6638C20.1134 14.653 17.4945 13.6465 17.4621 10.6164C17.4404 8.084 19.5291 6.87195 19.6265 6.81784C18.436 5.0755 16.6071 4.88071 15.9686 4.83742C14.3021 4.70755 12.906 5.74646 12.1268 5.74646ZM14.9406 3.19248C15.644 2.34837 16.1093 1.16877 15.9795 0C14.973 0.0432878 13.761 0.670965 13.0359 1.51508C12.3866 2.26179 11.8238 3.46303 11.9753 4.61016C13.09 4.69673 14.2371 4.03659 14.9406 3.19248Z", fill: "currentColor" })), Ro = ({
+}, Kt = (e) => /* @__PURE__ */ $.createElement("svg", { width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ $.createElement("path", { d: "M12.1268 5.74646C11.3368 5.74646 10.1139 4.84824 8.82613 4.88071C7.12708 4.90235 5.56872 5.8655 4.69214 7.39139C2.92817 10.454 4.23762 14.9776 5.95831 17.4667C6.80243 18.6787 7.79805 20.0423 9.11832 19.999C10.3845 19.9449 10.8607 19.1765 12.3974 19.1765C13.9233 19.1765 14.3562 19.999 15.6981 19.9665C17.0617 19.9449 17.9274 18.7328 18.7607 17.5099C19.7239 16.1031 20.1243 14.7395 20.1459 14.6638C20.1134 14.653 17.4945 13.6465 17.4621 10.6164C17.4404 8.084 19.5291 6.87195 19.6265 6.81784C18.436 5.0755 16.6071 4.88071 15.9686 4.83742C14.3021 4.70755 12.906 5.74646 12.1268 5.74646ZM14.9406 3.19248C15.644 2.34837 16.1093 1.16877 15.9795 0C14.973 0.0432878 13.761 0.670965 13.0359 1.51508C12.3866 2.26179 11.8238 3.46303 11.9753 4.61016C13.09 4.69673 14.2371 4.03659 14.9406 3.19248Z", fill: "currentColor" })), Dt = ({
   className: e,
   onClick: t,
-  children: o,
-  id: r,
-  androidClassName: n,
-  androidTextClassName: s
-}) => /* @__PURE__ */ h(
-  ce,
+  children: r,
+  id: o,
+  androidClassName: a,
+  androidTextClassName: l
+}) => /* @__PURE__ */ w(
+  oe,
   {
-    id: r,
-    className: G("bg-white px-7", e, n),
+    id: o,
+    className: O("bg-white px-7", e, a),
     variant: "secondary",
     size: "lg",
     onClick: t,
-    children: /* @__PURE__ */ W("span", { className: "flex flex-row items-center gap-1", children: [
-      /* @__PURE__ */ h(Mo, { className: s ? "text-[#FF465D]" : void 0 }),
-      /* @__PURE__ */ h("span", { className: G("flex-1", s), children: o })
+    children: /* @__PURE__ */ j("span", { className: "flex flex-row items-center gap-1", children: [
+      /* @__PURE__ */ w(Kt, { className: l ? "text-[#FF465D]" : void 0 }),
+      /* @__PURE__ */ w("span", { className: O("flex-1", l), children: r })
     ] })
   }
-), Po = ({
+), Zt = ({
   href: e,
   onClick: t,
-  children: o,
-  className: r,
-  id: n
-}) => /* @__PURE__ */ h(
-  ce,
+  children: r,
+  className: o,
+  id: a
+}) => /* @__PURE__ */ w(
+  oe,
   {
-    id: n,
+    id: a,
     href: e,
     size: "lg",
     onClick: t,
-    className: r,
-    children: o
+    className: o,
+    children: r
   }
-), No = (e) => /* @__PURE__ */ H.createElement("svg", { stroke: "customColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ H.createElement("style", null, ".spinner_V8m1{transform-origin:center;animation:spinner_zKoa 2s linear infinite}.spinner_V8m1 circle{stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite}@keyframes spinner_zKoa{100%{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,100%{stroke-dasharray:42 150;stroke-dashoffset:-59}}"), /* @__PURE__ */ H.createElement("g", { className: "spinner_V8m1" }, /* @__PURE__ */ H.createElement("circle", { cx: 12, cy: 12, r: 9.5, fill: "none", strokeWidth: 3 }))), zo = (e) => {
+), Yt = (e) => /* @__PURE__ */ $.createElement("svg", { stroke: "customColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ $.createElement("style", null, ".spinner_V8m1{transform-origin:center;animation:spinner_zKoa 2s linear infinite}.spinner_V8m1 circle{stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite}@keyframes spinner_zKoa{100%{transform:rotate(360deg)}}@keyframes spinner_YpZS{0%{stroke-dasharray:0 150;stroke-dashoffset:0}47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16}95%,100%{stroke-dasharray:42 150;stroke-dashoffset:-59}}"), /* @__PURE__ */ $.createElement("g", { className: "spinner_V8m1" }, /* @__PURE__ */ $.createElement("circle", { cx: 12, cy: 12, r: 9.5, fill: "none", strokeWidth: 3 }))), qt = (e) => {
   const {
     id: t,
-    className: o,
-    children: r = "Loading...",
-    showLoaderOnly: n
+    className: r,
+    children: o = "Loading...",
+    showLoaderOnly: a
   } = e;
-  return /* @__PURE__ */ h(ce, { id: t, className: G("px-8 py-4", o), disabled: !0, children: /* @__PURE__ */ W("span", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ h(No, { className: "size-5 animate-spin stroke-blue" }),
-    !n && r
+  return /* @__PURE__ */ w(oe, { id: t, className: O("px-8 py-4", r), disabled: !0, children: /* @__PURE__ */ j("span", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ w(Yt, { className: "size-5 animate-spin stroke-blue" }),
+    !a && o
   ] }) });
-}, Lo = () => /* @__PURE__ */ h("p", { className: "mt-2 text-center text-sm text-red-600", children: "Unable to load install link. Please try again." }), ct = pt(!1), Ko = (e) => {
+}, Jt = () => /* @__PURE__ */ w("p", { className: "mt-2 text-center text-sm text-red-600", children: "Unable to load install link. Please try again." }), Oe = je(!1), Xt = () => typeof window < "u" ? window.location.pathname : "", mo = (e) => {
   const {
     className: t,
-    children: o = "Install Onside",
-    handleCustomStep: r,
-    location: n = "hero",
-    caption: s,
+    children: r = "Install Onside",
+    handleCustomStep: o,
+    location: a = "hero",
+    caption: l,
     captionClassName: i,
     showCaption: p = !0,
-    showLoaderOnly: u = !1,
-    androidClassName: m,
-    androidTextClassName: g,
-    customAnalytics: k,
-    styleVars: S,
-    id: I
-  } = e, v = typeof window < "u" ? window.location.pathname : "", w = mt(ct), {
-    viewMode: _,
-    installUrl: C,
-    error: L,
-    isEligible: T,
-    handleInstallClick: M,
-    handleModalFlowClick: R,
-    handleAndroidClick: E
-  } = To({
-    id: I,
-    location: n,
-    customAnalytics: k,
-    handleCustomStep: r,
-    pathname: v
+    showLoaderOnly: m = !1,
+    androidClassName: g,
+    androidTextClassName: f,
+    customAnalytics: M,
+    styleVars: T,
+    id: C
+  } = e, b = Ue(Xt()), k = We(Oe), {
+    viewMode: z,
+    installUrl: y,
+    error: A,
+    isEligible: E,
+    handleInstallClick: N,
+    handleModalFlowClick: P,
+    handleAndroidClick: _
+  } = Ht({
+    id: C,
+    location: a,
+    customAnalytics: M,
+    handleCustomStep: o,
+    pathname: b.current
   });
   $e(() => {
-  }, [w]);
-  const D = p && (!T || s) && /* @__PURE__ */ h(
+  }, [k]);
+  const R = p && (!E || l) && /* @__PURE__ */ w(
     "div",
     {
-      className: G(
+      className: O(
         "text-2xs font-mono opacity-60 [color:var(--onside-caption-color,rgba(30,28,31,0.6))] [font-size:var(--onside-caption-size,var(--text-2xs))] [line-height:var(--onside-caption-line-height,var(--text-2xs--line-height))]",
         i
       ),
-      children: T ? s : "Only available in the EU. Install from an eligible region."
+      children: E ? l : "Only available in the EU. Install from an eligible region."
     }
   ), c = {
     "data-provider-widget-host": "",
-    style: S
-  };
-  switch (_) {
-    case "android":
-      return /* @__PURE__ */ h("div", { ...c, children: /* @__PURE__ */ h(
-        Ro,
-        {
-          id: I,
-          className: t,
-          androidClassName: m,
-          androidTextClassName: g,
-          onClick: E,
-          children: "Onside is for iPhone and iPad"
-        }
-      ) });
-    case "loading":
-      return /* @__PURE__ */ h("div", { ...c, children: /* @__PURE__ */ h(
-        zo,
-        {
-          showLoaderOnly: u,
-          id: I,
-          className: G("bg-buttonHover!", t)
-        }
-      ) });
-    case "link":
-      return /* @__PURE__ */ W("div", { ...c, children: [
-        /* @__PURE__ */ W(
-          Po,
-          {
-            id: I,
-            className: G(t, "flex-col gap-1"),
-            href: C ?? "",
-            onClick: M,
-            children: [
-              o,
-              D
-            ]
-          }
-        ),
-        L && /* @__PURE__ */ h(Lo, {})
-      ] });
-    default:
-      return /* @__PURE__ */ h("div", { ...c, children: /* @__PURE__ */ W(
-        ce,
+    style: T
+  }, S = {
+    android: /* @__PURE__ */ w(
+      Dt,
+      {
+        id: C,
+        className: t,
+        androidClassName: g,
+        androidTextClassName: f,
+        onClick: _,
+        children: "Onside is for iPhone and iPad"
+      }
+    ),
+    loading: /* @__PURE__ */ w(
+      qt,
+      {
+        showLoaderOnly: m,
+        id: C,
+        className: O("bg-buttonHover!", t)
+      }
+    ),
+    link: /* @__PURE__ */ j(Be, { children: [
+      /* @__PURE__ */ j(
+        Zt,
         {
-          id: I,
-          className: G(t, "flex-col gap-1"),
-          size: "lg",
-          onClick: R,
+          id: C,
+          className: O(t, "flex-col gap-1"),
+          href: y ?? "",
+          onClick: N,
           children: [
-            o,
-            D
+            r,
+            R
           ]
         }
-      ) });
-  }
-}, Do = ye(async () => ({ default: (await import("./AndroidPlatformModal-B8lt-w-V.js")).AndroidPlatformModal })), Fo = ye(async () => ({ default: (await import("./GoToSafariModal-CLxmpCng.js")).GoToSafariModal })), Go = ye(async () => ({ default: (await import("./UpdateIOSModal-ms1UJmHc.js")).UpdateIOSModal })), Uo = () => {
-  const { activeModal: e, closeModal: t } = it();
-  return /* @__PURE__ */ W(ft, { fallback: null, children: [
-    /* @__PURE__ */ h(Fo, { open: e === "goToSafari", onClose: t }),
-    /* @__PURE__ */ h(Go, { open: e === "updateIOS", onClose: t }),
-    /* @__PURE__ */ h(Do, { open: e === "isAndroid", onClose: t })
+      ),
+      A && /* @__PURE__ */ w(Jt, {})
+    ] }),
+    button: /* @__PURE__ */ j(
+      oe,
+      {
+        id: C,
+        className: O(t, "flex-col gap-1"),
+        size: "lg",
+        onClick: P,
+        children: [
+          r,
+          R
+        ]
+      }
+    )
+  };
+  return /* @__PURE__ */ w("div", { ...c, children: S[z] ?? S.button });
+}, Qt = me(async () => ({ default: (await import("./AndroidPlatformModal-2Ykjo2V7.js")).AndroidPlatformModal })), eo = me(async () => ({ default: (await import("./GoToSafariModal-C_KBizh8.js")).GoToSafariModal })), to = me(async () => ({ default: (await import("./UpdateIOSModal-BGWvssyd.js")).UpdateIOSModal })), oo = () => {
+  const { activeModal: e, closeModal: t } = Fe();
+  return /* @__PURE__ */ j(He, { fallback: null, children: [
+    /* @__PURE__ */ w(eo, { open: e === "goToSafari", onClose: t }),
+    /* @__PURE__ */ w(to, { open: e === "updateIOS", onClose: t }),
+    /* @__PURE__ */ w(Qt, { open: e === "isAndroid", onClose: t })
   ] });
-}, $o = ({ children: e }) => /* @__PURE__ */ W(ct.Provider, { value: !0, children: [
+}, uo = ({ children: e }) => /* @__PURE__ */ j(Oe.Provider, { value: !0, children: [
   e,
-  /* @__PURE__ */ h(Uo, {})
+  /* @__PURE__ */ w(oo, {})
 ] });
 export {
-  eo as A,
-  ce as B,
-  Ko as I,
-  G as a,
-  $o as b,
-  bt as c,
-  jo as d,
-  Wo as e,
-  nt as g,
-  Eo as t
+  Ft as A,
+  oe as B,
+  mo as I,
+  O as a,
+  uo as b,
+  Qe as c,
+  co as d,
+  lo as e
 };