@versini/sassysaint 2.0.0 → 2.0.2

package/dist/chunks/{index.CeSKqv8k.js → index.CtUMDxv6.js}

@@ -3,13 +3,13 @@ import V, { createContext as nr, useReducer as ft, useRef as W, useCallback as z
 import g from "clsx";
 var ir = Object.defineProperty, cr = (e, t, r) => t in e ? ir(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, Le = (e, t, r) => cr(e, typeof t != "symbol" ? t + "" : t, r);
 /*!
-  @versini/auth-provider v7.0.0
+  @versini/auth-provider v7.1.1
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_AUTH_CLIENT__ || (window.__VERSINI_AUTH_CLIENT__ = {
-    version: "7.0.0",
-    buildTime: "08/19/2024 06:11 PM EDT",
+    version: "7.1.1",
+    buildTime: "08/25/2024 03:19 PM EDT",
     homepage: "https://github.com/aversini/auth-client",
     license: "MIT"
   });
@@ -47,7 +47,7 @@ let k = class extends Error {
     super(t, { cause: a }), this.name = n ?? a.name, this.code = r;
   }
 };
-function lr({ error: e, options: t }) {
+function dr({ error: e, options: t }) {
   var a, n;
   const { publicKey: r } = t;
   if (!r)
@@ -125,7 +125,7 @@ function lr({ error: e, options: t }) {
   }
   return e;
 }
-class dr {
+class lr {
   createNewAbortSignal() {
     if (this.controller) {
       const r = new Error("Cancelling existing WebAuthn API call for new one");
@@ -141,8 +141,8 @@ class dr {
     }
   }
 }
-const At = new dr(), ur = ["cross-platform", "platform"];
-function vt(e) {
+const vt = new lr(), ur = ["cross-platform", "platform"];
+function At(e) {
   if (e && !(ur.indexOf(e) < 0))
     return e;
 }
@@ -159,12 +159,12 @@ async function mr(e) {
     },
     excludeCredentials: (m = e.excludeCredentials) == null ? void 0 : m.map(It)
   } };
-  t.signal = At.createNewAbortSignal();
+  t.signal = vt.createNewAbortSignal();
   let r;
   try {
     r = await navigator.credentials.create(t);
-  } catch (l) {
-    throw lr({ error: l, options: t });
+  } catch (d) {
+    throw dr({ error: d, options: t });
   }
   if (!r)
     throw new Error("Registration was not completed");
@@ -175,23 +175,23 @@ async function mr(e) {
   if (typeof o.getPublicKeyAlgorithm == "function")
     try {
       u = o.getPublicKeyAlgorithm();
-    } catch (l) {
-      Me("getPublicKeyAlgorithm()", l);
+    } catch (d) {
+      Me("getPublicKeyAlgorithm()", d);
     }
-  let p;
+  let h;
   if (typeof o.getPublicKey == "function")
     try {
-      const l = o.getPublicKey();
-      l !== null && (p = L(l));
-    } catch (l) {
-      Me("getPublicKey()", l);
+      const d = o.getPublicKey();
+      d !== null && (h = L(d));
+    } catch (d) {
+      Me("getPublicKey()", d);
     }
-  let h;
+  let p;
   if (typeof o.getAuthenticatorData == "function")
     try {
-      h = L(o.getAuthenticatorData());
-    } catch (l) {
-      Me("getAuthenticatorData()", l);
+      p = L(o.getAuthenticatorData());
+    } catch (d) {
+      Me("getAuthenticatorData()", d);
     }
   return {
     id: a,
@@ -201,12 +201,12 @@ async function mr(e) {
       clientDataJSON: L(o.clientDataJSON),
       transports: i,
       publicKeyAlgorithm: u,
-      publicKey: p,
-      authenticatorData: h
+      publicKey: h,
+      authenticatorData: p
     },
     type: s,
     clientExtensionResults: r.getClientExtensionResults(),
-    authenticatorAttachment: vt(r.authenticatorAttachment)
+    authenticatorAttachment: At(r.authenticatorAttachment)
   };
 }
 function Me(e, t) {
@@ -261,11 +261,11 @@ function pr({ error: e, options: t }) {
   return e;
 }
 async function gr(e, t = !1) {
-  var m, l;
+  var m, d;
   if (!ze())
     throw new Error("WebAuthn is not supported in this browser");
   let r;
-  ((m = e.allowCredentials) == null ? void 0 : m.length) !== 0 && (r = (l = e.allowCredentials) == null ? void 0 : l.map(It));
+  ((m = e.allowCredentials) == null ? void 0 : m.length) !== 0 && (r = (d = e.allowCredentials) == null ? void 0 : d.map(It));
   const a = {
     ...e,
     challenge: Ie(e.challenge),
@@ -278,29 +278,29 @@ async function gr(e, t = !1) {
       throw Error('No <input> with "webauthn" as the only or last value in its `autocomplete` attribute was detected');
     n.mediation = "conditional", a.allowCredentials = [];
   }
-  n.publicKey = a, n.signal = At.createNewAbortSignal();
+  n.publicKey = a, n.signal = vt.createNewAbortSignal();
   let o;
   try {
     o = await navigator.credentials.get(n);
-  } catch (d) {
-    throw pr({ error: d, options: n });
+  } catch (l) {
+    throw pr({ error: l, options: n });
   }
   if (!o)
     throw new Error("Authentication was not completed");
-  const { id: s, rawId: i, response: u, type: p } = o;
-  let h;
-  return u.userHandle && (h = L(u.userHandle)), {
+  const { id: s, rawId: i, response: u, type: h } = o;
+  let p;
+  return u.userHandle && (p = L(u.userHandle)), {
     id: s,
     rawId: L(i),
     response: {
       authenticatorData: L(u.authenticatorData),
       clientDataJSON: L(u.clientDataJSON),
       signature: L(u.signature),
-      userHandle: h
+      userHandle: p
     },
-    type: p,
+    type: h,
     clientExtensionResults: o.getClientExtensionResults(),
-    authenticatorAttachment: vt(o.authenticatorAttachment)
+    authenticatorAttachment: At(o.authenticatorAttachment)
   };
 }
 /*!
@@ -310,7 +310,7 @@ async function gr(e, t = !1) {
 try {
   window.__VERSINI_AUTH_COMMON__ || (window.__VERSINI_AUTH_COMMON__ = {
     version: "4.0.0",
-    buildTime: "08/19/2024 06:11 PM EDT",
+    buildTime: "08/25/2024 03:19 PM EDT",
     homepage: "https://github.com/aversini/auth-client",
     license: "MIT"
   });
@@ -350,7 +350,7 @@ awIDAQAB
   LOGOUT: "logout",
   LOGIN: "login",
   REFRESH: "refresh"
-}, Ne = crypto, _t = (e) => e instanceof CryptoKey, ue = new TextEncoder(), le = new TextDecoder();
+}, Ne = crypto, _t = (e) => e instanceof CryptoKey, ue = new TextEncoder(), de = new TextDecoder();
 function yr(...e) {
   const t = e.reduce((n, { length: o }) => n + o, 0), r = new Uint8Array(t);
   let a = 0;
@@ -365,7 +365,7 @@ const br = (e) => {
   return r;
 }, se = (e) => {
   let t = e;
-  t instanceof Uint8Array && (t = le.decode(t)), t = t.replace(/-/g, "+").replace(/_/g, "/").replace(/\s/g, "");
+  t instanceof Uint8Array && (t = de.decode(t)), t = t.replace(/-/g, "+").replace(/_/g, "/").replace(/\s/g, "");
   try {
     return br(t);
   } catch {
@@ -413,7 +413,7 @@ class Y extends q {
     return "ERR_JOSE_NOT_SUPPORTED";
   }
 }
-let v = class extends q {
+let A = class extends q {
   constructor() {
     super(...arguments), this.code = "ERR_JWS_INVALID";
   }
@@ -531,7 +531,7 @@ const rt = (e, ...t) => Rt("Key must be ", e, ...t);
 function Nt(e, t, ...r) {
   return Rt(`Key for the ${e} algorithm must be `, t, ...r);
 }
-const xt = (e) => _t(e) ? !0 : (e == null ? void 0 : e[Symbol.toStringTag]) === "KeyObject", Se = ["CryptoKey"], Ar = (...e) => {
+const xt = (e) => _t(e) ? !0 : (e == null ? void 0 : e[Symbol.toStringTag]) === "KeyObject", Se = ["CryptoKey"], vr = (...e) => {
   const t = e.filter(Boolean);
   if (t.length === 0 || t.length === 1)
     return !0;
@@ -550,11 +550,11 @@ const xt = (e) => _t(e) ? !0 : (e == null ? void 0 : e[Symbol.toStringTag]) ===
   }
   return !0;
 };
-function vr(e) {
+function Ar(e) {
   return typeof e == "object" && e !== null;
 }
-function Ae(e) {
-  if (!vr(e) || Object.prototype.toString.call(e) !== "[object Object]")
+function ve(e) {
+  if (!Ar(e) || Object.prototype.toString.call(e) !== "[object Object]")
     return !1;
   if (Object.getPrototypeOf(e) === null)
     return !0;
@@ -840,74 +840,74 @@ const Gr = async (e, t, r, a) => {
   }
 };
 async function Wr(e, t, r) {
-  if (!Ae(e))
-    throw new v("Flattened JWS must be an object");
+  if (!ve(e))
+    throw new A("Flattened JWS must be an object");
   if (e.protected === void 0 && e.header === void 0)
-    throw new v('Flattened JWS must have either of the "protected" or "header" members');
+    throw new A('Flattened JWS must have either of the "protected" or "header" members');
   if (e.protected !== void 0 && typeof e.protected != "string")
-    throw new v("JWS Protected Header incorrect type");
+    throw new A("JWS Protected Header incorrect type");
   if (e.payload === void 0)
-    throw new v("JWS Payload missing");
+    throw new A("JWS Payload missing");
   if (typeof e.signature != "string")
-    throw new v("JWS Signature missing or incorrect type");
-  if (e.header !== void 0 && !Ae(e.header))
-    throw new v("JWS Unprotected Header incorrect type");
+    throw new A("JWS Signature missing or incorrect type");
+  if (e.header !== void 0 && !ve(e.header))
+    throw new A("JWS Unprotected Header incorrect type");
   let a = {};
   if (e.protected)
     try {
       const f = se(e.protected);
-      a = JSON.parse(le.decode(f));
+      a = JSON.parse(de.decode(f));
     } catch {
-      throw new v("JWS Protected Header is invalid");
+      throw new A("JWS Protected Header is invalid");
     }
-  if (!Ar(a, e.header))
-    throw new v("JWS Protected and JWS Unprotected Header Parameter names must be disjoint");
+  if (!vr(a, e.header))
+    throw new A("JWS Protected and JWS Unprotected Header Parameter names must be disjoint");
   const n = {
     ...a,
     ...e.header
-  }, o = Ur(v, /* @__PURE__ */ new Map([["b64", !0]]), r == null ? void 0 : r.crit, a, n);
+  }, o = Ur(A, /* @__PURE__ */ new Map([["b64", !0]]), r == null ? void 0 : r.crit, a, n);
   let s = !0;
   if (o.has("b64") && (s = a.b64, typeof s != "boolean"))
-    throw new v('The "b64" (base64url-encode payload) Header Parameter must be a boolean');
+    throw new A('The "b64" (base64url-encode payload) Header Parameter must be a boolean');
   const { alg: i } = n;
   if (typeof i != "string" || !i)
-    throw new v('JWS "alg" (Algorithm) Header Parameter missing or invalid');
+    throw new A('JWS "alg" (Algorithm) Header Parameter missing or invalid');
   const u = r && Hr("algorithms", r.algorithms);
   if (u && !u.has(i))
     throw new Er('"alg" (Algorithm) Header Parameter value not allowed');
   if (s) {
     if (typeof e.payload != "string")
-      throw new v("JWS Payload must be a string");
+      throw new A("JWS Payload must be a string");
   } else if (typeof e.payload != "string" && !(e.payload instanceof Uint8Array))
-    throw new v("JWS Payload must be a string or an Uint8Array instance");
-  let p = !1;
-  typeof t == "function" && (t = await t(a, e), p = !0), Mr(i, t, "verify");
-  const h = yr(ue.encode(e.protected ?? ""), ue.encode("."), typeof e.payload == "string" ? ue.encode(e.payload) : e.payload);
+    throw new A("JWS Payload must be a string or an Uint8Array instance");
+  let h = !1;
+  typeof t == "function" && (t = await t(a, e), h = !0), Mr(i, t, "verify");
+  const p = yr(ue.encode(e.protected ?? ""), ue.encode("."), typeof e.payload == "string" ? ue.encode(e.payload) : e.payload);
   let m;
   try {
     m = se(e.signature);
   } catch {
-    throw new v("Failed to base64url decode the signature");
+    throw new A("Failed to base64url decode the signature");
   }
-  if (!await Gr(i, t, m, h))
+  if (!await Gr(i, t, m, p))
     throw new wr();
-  let l;
+  let d;
   if (s)
     try {
-      l = se(e.payload);
+      d = se(e.payload);
     } catch {
-      throw new v("Failed to base64url decode the payload");
+      throw new A("Failed to base64url decode the payload");
     }
-  else typeof e.payload == "string" ? l = ue.encode(e.payload) : l = e.payload;
-  const d = { payload: l };
-  return e.protected !== void 0 && (d.protectedHeader = a), e.header !== void 0 && (d.unprotectedHeader = e.header), p ? { ...d, key: t } : d;
+  else typeof e.payload == "string" ? d = ue.encode(e.payload) : d = e.payload;
+  const l = { payload: d };
+  return e.protected !== void 0 && (l.protectedHeader = a), e.header !== void 0 && (l.unprotectedHeader = e.header), h ? { ...l, key: t } : l;
 }
 async function Vr(e, t, r) {
-  if (e instanceof Uint8Array && (e = le.decode(e)), typeof e != "string")
-    throw new v("Compact JWS must be a string or Uint8Array");
+  if (e instanceof Uint8Array && (e = de.decode(e)), typeof e != "string")
+    throw new A("Compact JWS must be a string or Uint8Array");
   const { 0: a, 1: n, 2: o, length: s } = e.split(".");
   if (s !== 3)
-    throw new v("Invalid Compact JWS");
+    throw new A("Invalid Compact JWS");
   const i = await Wr({ payload: n, protected: a, signature: o }, t, r), u = { payload: i.payload, protectedHeader: i.protectedHeader };
   return typeof t == "function" ? { ...u, key: i.key } : u;
 }
@@ -957,17 +957,17 @@ const Jr = (e) => Math.floor(e.getTime() / 1e3), Dt = 60, $t = Dt * 60, je = $t
 }, ot = (e) => e.toLowerCase().replace(/^application\//, ""), jr = (e, t) => typeof e == "string" ? t.includes(e) : Array.isArray(e) ? t.some(Set.prototype.has.bind(new Set(e))) : !1, qr = (e, t, r = {}) => {
   let a;
   try {
-    a = JSON.parse(le.decode(t));
+    a = JSON.parse(de.decode(t));
   } catch {
   }
-  if (!Ae(a))
+  if (!ve(a))
     throw new G("JWT Claims Set must be a top-level JSON object");
   const { typ: n } = r;
   if (n && (typeof e.typ != "string" || ot(e.typ) !== ot(n)))
     throw new $('unexpected "typ" JWT header value', a, "typ", "check_failed");
-  const { requiredClaims: o = [], issuer: s, subject: i, audience: u, maxTokenAge: p } = r, h = [...o];
-  p !== void 0 && h.push("iat"), u !== void 0 && h.push("aud"), i !== void 0 && h.push("sub"), s !== void 0 && h.push("iss");
-  for (const f of new Set(h.reverse()))
+  const { requiredClaims: o = [], issuer: s, subject: i, audience: u, maxTokenAge: h } = r, p = [...o];
+  h !== void 0 && p.push("iat"), u !== void 0 && p.push("aud"), i !== void 0 && p.push("sub"), s !== void 0 && p.push("iss");
+  for (const f of new Set(p.reverse()))
     if (!(f in a))
       throw new $(`missing required "${f}" claim`, a, f, "missing");
   if (s && !(Array.isArray(s) ? s : [s]).includes(a.iss))
@@ -990,23 +990,23 @@ const Jr = (e) => Math.floor(e.getTime() / 1e3), Dt = 60, $t = Dt * 60, je = $t
     default:
       throw new TypeError("Invalid clockTolerance option type");
   }
-  const { currentDate: l } = r, d = Jr(l || /* @__PURE__ */ new Date());
-  if ((a.iat !== void 0 || p) && typeof a.iat != "number")
+  const { currentDate: d } = r, l = Jr(d || /* @__PURE__ */ new Date());
+  if ((a.iat !== void 0 || h) && typeof a.iat != "number")
     throw new $('"iat" claim must be a number', a, "iat", "invalid");
   if (a.nbf !== void 0) {
     if (typeof a.nbf != "number")
       throw new $('"nbf" claim must be a number', a, "nbf", "invalid");
-    if (a.nbf > d + m)
+    if (a.nbf > l + m)
       throw new $('"nbf" claim timestamp check failed', a, "nbf", "check_failed");
   }
   if (a.exp !== void 0) {
     if (typeof a.exp != "number")
       throw new $('"exp" claim must be a number', a, "exp", "invalid");
-    if (a.exp <= d - m)
+    if (a.exp <= l - m)
       throw new tt('"exp" claim timestamp check failed', a, "exp", "check_failed");
   }
-  if (p) {
-    const f = d - a.iat, E = typeof p == "number" ? p : nt(p);
+  if (h) {
+    const f = l - a.iat, E = typeof h == "number" ? h : nt(h);
     if (f - m > E)
       throw new tt('"iat" claim timestamp check failed (too far in the past)', a, "iat", "check_failed");
     if (f < 0 - m)
@@ -1041,11 +1041,11 @@ function Zr(e) {
   }
   let n;
   try {
-    n = JSON.parse(le.decode(a));
+    n = JSON.parse(de.decode(a));
   } catch {
     throw new G("Failed to parse the decoded payload as JSON");
   }
-  if (!Ae(n))
+  if (!ve(n))
     throw new G("Invalid JWT Claims Set");
   return n;
 }
@@ -1109,23 +1109,23 @@ async function ca(e) {
 function Lt(e, t) {
   window.dispatchEvent(new StorageEvent("storage", { key: e, newValue: t }));
 }
-const lt = (e, t) => {
+const dt = (e, t) => {
   const r = JSON.stringify(
     typeof t == "function" ? t() : t
   );
   window.localStorage.setItem(e, r), Lt(e, r);
-}, la = (e) => {
+}, da = (e) => {
   window.localStorage.removeItem(e), Lt(e, null);
-}, dt = (e) => window.localStorage.getItem(e), da = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
+}, lt = (e) => window.localStorage.getItem(e), la = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
 function pe({
   key: e,
   initialValue: t
 }) {
-  const r = or(da, () => dt(e)), a = z(
+  const r = or(la, () => lt(e)), a = z(
     (s) => {
       try {
         const i = typeof s == "function" ? s(JSON.parse(r)) : s;
-        i == null ? la(e) : lt(e, i);
+        i == null ? da(e) : dt(e, i);
       } catch (i) {
         console.warn(i);
       }
@@ -1138,17 +1138,17 @@ function pe({
   }, [a]);
   return j(() => {
     try {
-      dt(e) === null && typeof t < "u" && lt(e, t);
+      lt(e) === null && typeof t < "u" && dt(e, t);
     } catch (s) {
       console.warn(s);
     }
   }, [e, t]), [r ? JSON.parse(r) : null, a, n, o];
 }
-var A = [];
+var v = [];
 for (var Ge = 0; Ge < 256; ++Ge)
-  A.push((Ge + 256).toString(16).slice(1));
+  v.push((Ge + 256).toString(16).slice(1));
 function ua(e, t = 0) {
-  return (A[e[t + 0]] + A[e[t + 1]] + A[e[t + 2]] + A[e[t + 3]] + "-" + A[e[t + 4]] + A[e[t + 5]] + "-" + A[e[t + 6]] + A[e[t + 7]] + "-" + A[e[t + 8]] + A[e[t + 9]] + "-" + A[e[t + 10]] + A[e[t + 11]] + A[e[t + 12]] + A[e[t + 13]] + A[e[t + 14]] + A[e[t + 15]]).toLowerCase();
+  return (v[e[t + 0]] + v[e[t + 1]] + v[e[t + 2]] + v[e[t + 3]] + "-" + v[e[t + 4]] + v[e[t + 5]] + "-" + v[e[t + 6]] + v[e[t + 7]] + "-" + v[e[t + 8]] + v[e[t + 9]] + "-" + v[e[t + 10]] + v[e[t + 11]] + v[e[t + 12]] + v[e[t + 13]] + v[e[t + 14]] + v[e[t + 15]]).toLowerCase();
 }
 var ge, ma = new Uint8Array(16);
 function ha() {
@@ -1167,10 +1167,10 @@ function We(e, t, r) {
   var a = e.random || (e.rng || ha)();
   return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, ua(a);
 }
-const X = "Your session has expired. For your security, please log in again to continue.", ga = "Your session has been successfully terminated.", Ve = "Login failed. Please try again.", fa = "Error getting access token, please re-authenticate.", ya = "You forgot to wrap your component in <AuthProvider>.", ve = {
+const X = "Your session has expired. For your security, please log in again to continue.", ga = "Your session has been successfully terminated.", Ve = "Login failed. Please try again.", fa = "Error getting access token, please re-authenticate.", ya = "You forgot to wrap your component in <AuthProvider>.", Ae = {
   dev: "https://auth.gizmette.local.com:3003",
   prod: "https://mylogin.gizmette.com/auth"
-}, fe = "@@auth@@", oe = "LOADING", we = "LOGIN", Mt = "LOGOUT", de = "success", M = "failure", Ut = "include", Ht = "POST", Kt = "application/json", ye = {
+}, fe = "@@auth@@", oe = "LOADING", we = "LOGIN", Mt = "LOGOUT", le = "success", M = "failure", Ut = "include", Ht = "POST", Kt = "application/json", ye = {
   GET_REGISTRATION_OPTIONS: `mutation GetPasskeyRegistrationOptions(
 	$clientId: String!,
 	$username: String!,
@@ -1232,14 +1232,16 @@ const X = "Your session has expired. For your security, please log in again to c
 		$authentication: AuthenticationOptionsInput!,
 		$nonce: String!,
 		$domain: String,
-		$sessionExpiration: String) {
+		$sessionExpiration: String,
+		$ua: String) {
 		verifyPasskeyAuthentication(
 			clientId: $clientId,
 			id: $id,
 			authentication: $authentication,
 			nonce: $nonce,
 			domain: $domain,
-			sessionExpiration: $sessionExpiration) {
+			sessionExpiration: $sessionExpiration,
+			ua: $ua) {
 				status,
 				idToken,
 				accessToken,
@@ -1272,28 +1274,28 @@ const X = "Your session has expired. For your security, please log in again to c
   params: a = {}
 }) => {
   try {
-    const n = a, o = `Bearer ${e}`, s = await fetch(
-      Bt ? `${ve.dev}/graphql` : `${ve.prod}/graphql`,
+    const n = `Bearer ${e}`, o = await fetch(
+      Bt ? `${Ae.dev}/graphql` : `${Ae.prod}/graphql`,
       {
         credentials: Ut,
         method: Ht,
         headers: {
-          authorization: o,
+          authorization: n,
           "Content-Type": Kt,
           [kt.CLIENT_ID]: `${r}`
         },
         body: JSON.stringify({
           query: t.schema,
-          variables: n
+          variables: a
         })
       }
     );
-    if (s.status !== 200)
+    if (o.status !== 200)
       return { status: M, data: [] };
-    const { data: i } = await s.json();
+    const { data: s } = await o.json();
     return {
-      status: de,
-      data: i[t.method]
+      status: le,
+      data: s[t.method]
     };
   } catch (n) {
     return console.error(n), { status: M, data: [] };
@@ -1305,7 +1307,7 @@ const X = "Your session has expired. For your security, please log in again to c
 }) => {
   try {
     const a = await fetch(
-      Bt ? `${ve.dev}/${e}` : `${ve.prod}/${e}`,
+      Bt ? `${Ae.dev}/${e}` : `${Ae.prod}/${e}`,
       {
         credentials: Ut,
         method: Ht,
@@ -1320,7 +1322,7 @@ const X = "Your session has expired. For your security, please log in again to c
       return { status: M, data: [] };
     const { data: n } = await a.json();
     return {
-      status: de,
+      status: le,
       data: n || []
     };
   } catch (a) {
@@ -1370,11 +1372,12 @@ const X = "Your session has expired. For your security, please log in again to c
   sessionExpiration: o,
   code: s,
   code_verifier: i,
-  domain: u
+  domain: u,
+  ua: h
 }) => {
   var p;
   try {
-    const h = await xe({
+    const m = await xe({
       type: Re.LOGIN,
       clientId: r,
       params: {
@@ -1385,14 +1388,15 @@ const X = "Your session has expired. For your security, please log in again to c
         nonce: a,
         code: s,
         code_verifier: i,
-        domain: u
+        domain: u,
+        ua: h
       }
-    }), m = await ie((p = h == null ? void 0 : h.data) == null ? void 0 : p.idToken);
-    return m && m.payload[R.USER_ID_KEY] !== "" && m.payload[R.NONCE_KEY] === a ? {
-      idToken: h.data.idToken,
-      accessToken: h.data.accessToken,
-      refreshToken: h.data.refreshToken,
-      userId: m.payload[R.USER_ID_KEY],
+    }), d = await ie((p = m == null ? void 0 : m.data) == null ? void 0 : p.idToken);
+    return d && d.payload[R.USER_ID_KEY] !== "" && d.payload[R.NONCE_KEY] === a ? {
+      idToken: m.data.idToken,
+      accessToken: m.data.accessToken,
+      refreshToken: m.data.refreshToken,
+      userId: d.payload[R.USER_ID_KEY],
       status: !0
     } : {
       status: !1
@@ -1419,7 +1423,7 @@ const X = "Your session has expired. For your security, please log in again to c
       }
     });
     return (a = n == null ? void 0 : n.data) != null && a.code ? {
-      status: de,
+      status: le,
       data: n.data.code
     } : {
       status: M,
@@ -1467,7 +1471,7 @@ const X = "Your session has expired. For your security, please log in again to c
     };
   }
 };
-class Aa {
+class va {
   constructor(t = null, r = null) {
     Le(this, "refreshTokenPromise", null), Le(this, "accessToken"), Le(this, "refreshToken"), this.accessToken = t || "", this.refreshToken = r || "";
   }
@@ -1506,7 +1510,7 @@ class Aa {
         domain: n
       });
       return s.status ? (this.accessToken = s.accessToken, this.refreshToken = s.refreshToken, {
-        status: de,
+        status: le,
         newAccessToken: s.accessToken,
         newRefreshToken: s.refreshToken
       }) : {
@@ -1518,7 +1522,7 @@ class Aa {
       };
   }
 }
-const va = (e) => z(
+const Aa = (e) => z(
   (...t) => {
     e && console.info(`==> [Auth ${Date.now()}]: `, ...t);
   },
@@ -1564,9 +1568,9 @@ const va = (e) => z(
   const [o, s] = ft(_a, {
     ...Gt,
     debug: n
-  }), i = va(n), u = W(!1), [p, h, , m] = pe({
+  }), i = Aa(n), u = W(!1), [h, p, , m] = pe({
     key: `${fe}::${r}::@@user@@`
-  }), [l, d, , f] = pe({
+  }), [d, l, , f] = pe({
     key: `${fe}::${r}::@@access@@`
   }), [E, _, , w] = pe(
     {
@@ -1574,7 +1578,7 @@ const va = (e) => z(
     }
   ), [U, H, , O] = pe({
     key: `${fe}::${r}::@@nonce@@`
-  }), ae = new Aa(l, E), P = z(() => {
+  }), ae = new va(d, E), P = z(() => {
     i("removeLocalStorage: removing local storage"), m(), f(), w(), O();
   }, [
     f,
@@ -1598,7 +1602,7 @@ const va = (e) => z(
   ), x = z(
     async (y) => {
       i("invalidateAndLogout: invalidating and logging out");
-      const { user: T } = o, b = (T == null ? void 0 : T.userId) || Ea(p);
+      const { user: T } = o, b = (T == null ? void 0 : T.userId) || Ea(h);
       b || i(
         "invalidateAndLogout: user cannot be identified, logging out without userId"
       ), await wa({
@@ -1607,13 +1611,13 @@ const va = (e) => z(
         domain: a
       }), N(y || X);
     },
-    [p, o, r, a, N, i]
+    [h, o, r, a, N, i]
   );
   j(() => {
     if (!u.current)
-      return o.isLoading && p !== null ? (async () => {
+      return o.isLoading && h !== null ? (async () => {
         try {
-          const y = await ie(p);
+          const y = await ie(h);
           y && y.payload[R.USER_ID_KEY] !== "" ? (i("useEffect: setting the authentication state"), s({
             type: we,
             payload: {
@@ -1631,7 +1635,7 @@ const va = (e) => z(
       })() : (i("useEffect: setting the loading state to false"), s({ type: oe, payload: { isLoading: !1 } })), () => {
         u.current = !0;
       };
-  }, [o.isLoading, p, x, i]);
+  }, [o.isLoading, h, x, i]);
   const D = async (y, T) => {
     s({ type: oe, payload: { isLoading: !0 } }), P();
     const b = We();
@@ -1651,9 +1655,10 @@ const va = (e) => z(
         type: Q,
         code: et.data,
         code_verifier: rr,
-        domain: a
+        domain: a,
+        ua: navigator.userAgent
       });
-      return ne.status ? (h(ne.idToken), d(ne.accessToken), _(ne.refreshToken), s({
+      return ne.status ? (p(ne.idToken), l(ne.accessToken), _(ne.refreshToken), s({
         type: we,
         payload: {
           user: {
@@ -1670,11 +1675,11 @@ const va = (e) => z(
     const { isAuthenticated: y, user: T } = o;
     try {
       if (y && T && T.userId) {
-        if (l) {
+        if (d) {
           i("getAccessToken");
-          const Q = await ie(l);
+          const Q = await ie(d);
           if (Q && Q.payload[R.USER_ID_KEY] !== "")
-            return l;
+            return d;
         }
         i("getAccessToken: invalid access token, trying to refresh it");
         const b = await ae.refreshtoken({
@@ -1683,7 +1688,7 @@ const va = (e) => z(
           nonce: U,
           domain: a
         });
-        return b.status && b.status === "success" && b.newAccessToken ? (d(b.newAccessToken), _(b.newRefreshToken), b.newAccessToken) : (i(
+        return b.status && b.status === "success" && b.newAccessToken ? (l(b.newAccessToken), _(b.newRefreshToken), b.newAccessToken) : (i(
           "getAccessToken: invalid refresh token, need to re-authenticate"
         ), await x(X), "");
       }
@@ -1695,10 +1700,10 @@ const va = (e) => z(
         "getAccessToken: exception occurred, invalidating and logging out"
       ), await x(fa), "";
     }
-  }, C = () => o.isAuthenticated && p ? p : "", K = async () => {
+  }, C = () => o.isAuthenticated && h ? h : "", K = async () => {
     const { user: y } = o;
     let T = await ee({
-      accessToken: l,
+      accessToken: d,
       clientId: r,
       type: Z.GET_REGISTRATION_OPTIONS,
       params: {
@@ -1711,7 +1716,7 @@ const va = (e) => z(
       try {
         const b = await mr(T.data);
         return T = await ee({
-          accessToken: l,
+          accessToken: d,
           clientId: r,
           type: Z.VERIFY_REGISTRATION,
           params: {
@@ -1723,7 +1728,7 @@ const va = (e) => z(
         }), !!(T.status && T.data.length > 0);
       } catch {
         return await ee({
-          accessToken: l,
+          accessToken: d,
           clientId: r,
           type: Z.VERIFY_REGISTRATION,
           params: {
@@ -1741,7 +1746,7 @@ const va = (e) => z(
     H(y), i("loginWithPasskey");
     const T = We();
     let b = await ee({
-      accessToken: l,
+      accessToken: d,
       clientId: r,
       type: Z.GET_AUTHENTICATION_OPTIONS,
       params: {
@@ -1753,7 +1758,7 @@ const va = (e) => z(
       try {
         const Q = await gr(b.data);
         return b = await ee({
-          accessToken: l,
+          accessToken: d,
           clientId: r,
           type: Z.VERIFY_AUTHENTICATION,
           params: {
@@ -1762,9 +1767,10 @@ const va = (e) => z(
             authentication: Q,
             nonce: y,
             domain: a,
-            sessionExpiration: t
+            sessionExpiration: t,
+            ua: navigator.userAgent
           }
-        }), b.data.status === de ? (h(b.data.idToken), d(b.data.accessToken), _(b.data.refreshToken), s({
+        }), b.data.status === le ? (p(b.data.idToken), l(b.data.accessToken), _(b.data.refreshToken), s({
           type: we,
           payload: {
             user: {
@@ -1775,7 +1781,7 @@ const va = (e) => z(
         }), !0) : (N(Ve), !1);
       } catch {
         return await ee({
-          accessToken: l,
+          accessToken: d,
           clientId: r,
           type: Z.VERIFY_AUTHENTICATION,
           params: {
@@ -1849,25 +1855,25 @@ function Ma(e, t) {
   const a = e < 0 ? "-" : "";
   e = e < 0 ? -e : e, t.colonNotation && (t.compact = !1, t.formatSubMilliseconds = !1, t.separateMilliseconds = !1, t.verbose = !1), t.compact && (t.unitCount = 1, t.secondsDecimalDigits = 0, t.millisecondsDecimalDigits = 0);
   let n = [];
-  const o = (h, m) => {
-    const l = Math.floor(h * 10 ** m + $a);
-    return (Math.round(l) / 10 ** m).toFixed(m);
-  }, s = (h, m, l, d) => {
-    if (!((n.length === 0 || !t.colonNotation) && Pa(h) && !(t.colonNotation && l === "m"))) {
-      if (d ?? (d = String(h)), t.colonNotation) {
-        const f = d.includes(".") ? d.split(".")[0].length : d.length, E = n.length > 0 ? 2 : 1;
-        d = "0".repeat(Math.max(0, E - f)) + d;
+  const o = (p, m) => {
+    const d = Math.floor(p * 10 ** m + $a);
+    return (Math.round(d) / 10 ** m).toFixed(m);
+  }, s = (p, m, d, l) => {
+    if (!((n.length === 0 || !t.colonNotation) && Pa(p) && !(t.colonNotation && d === "m"))) {
+      if (l ?? (l = String(p)), t.colonNotation) {
+        const f = l.includes(".") ? l.split(".")[0].length : l.length, E = n.length > 0 ? 2 : 1;
+        l = "0".repeat(Math.max(0, E - f)) + l;
       } else
-        d += t.verbose ? " " + Da(m, h) : l;
-      n.push(d);
+        l += t.verbose ? " " + Da(m, p) : d;
+      n.push(l);
     }
   }, i = Oa(e), u = BigInt(i.days);
   if (s(u / 365n, "year", "y"), s(u % 365n, "day", "d"), s(Number(i.hours), "hour", "h"), s(Number(i.minutes), "minute", "m"), t.separateMilliseconds || t.formatSubMilliseconds || !t.colonNotation && e < 1e3) {
-    const h = Number(i.seconds), m = Number(i.milliseconds), l = Number(i.microseconds), d = Number(i.nanoseconds);
-    if (s(h, "second", "s"), t.formatSubMilliseconds)
-      s(m, "millisecond", "ms"), s(l, "microsecond", "µs"), s(d, "nanosecond", "ns");
+    const p = Number(i.seconds), m = Number(i.milliseconds), d = Number(i.microseconds), l = Number(i.nanoseconds);
+    if (s(p, "second", "s"), t.formatSubMilliseconds)
+      s(m, "millisecond", "ms"), s(d, "microsecond", "µs"), s(l, "nanosecond", "ns");
     else {
-      const f = m + l / 1e3 + d / 1e6, E = typeof t.millisecondsDecimalDigits == "number" ? t.millisecondsDecimalDigits : 0, _ = f >= 1 ? Math.round(f) : Math.ceil(f), w = E ? f.toFixed(E) : _;
+      const f = m + d / 1e3 + l / 1e6, E = typeof t.millisecondsDecimalDigits == "number" ? t.millisecondsDecimalDigits : 0, _ = f >= 1 ? Math.round(f) : Math.ceil(f), w = E ? f.toFixed(E) : _;
       s(
         Number.parseFloat(w),
         "millisecond",
@@ -1876,15 +1882,15 @@ function Ma(e, t) {
       );
     }
   } else {
-    const h = (r ? Number(e % La) : e) / 1e3 % 60, m = typeof t.secondsDecimalDigits == "number" ? t.secondsDecimalDigits : 1, l = o(h, m), d = t.keepDecimalsOnWholeSeconds ? l : l.replace(/\.0+$/, "");
-    s(Number.parseFloat(d), "second", "s", d);
+    const p = (r ? Number(e % La) : e) / 1e3 % 60, m = typeof t.secondsDecimalDigits == "number" ? t.secondsDecimalDigits : 1, d = o(p, m), l = t.keepDecimalsOnWholeSeconds ? d : d.replace(/\.0+$/, "");
+    s(Number.parseFloat(l), "second", "s", l);
   }
   if (n.length === 0)
     return a + "0" + (t.verbose ? " milliseconds" : "ms");
-  const p = t.colonNotation ? ":" : " ";
-  return typeof t.unitCount == "number" && (n = n.slice(0, Math.max(t.unitCount, 1))), a + n.join(p);
+  const h = t.colonNotation ? ":" : " ";
+  return typeof t.unitCount == "number" && (n = n.slice(0, Math.max(t.unitCount, 1))), a + n.join(h);
 }
-const Ua = process.env.NODE_ENV === "production", Qe = !Ua, Ha = Qe ? "gizmette.local.com" : "gizmette.com", Ao = (e, t) => e.length > t ? e.substring(0, t) + "..." : e, Vt = (e, t) => {
+const Ua = process.env.NODE_ENV === "production", Qe = !Ua, Ha = Qe ? "gizmette.local.com" : "gizmette.com", vo = (e, t) => e.length > t ? e.substring(0, t) + "..." : e, Vt = (e, t) => {
   const r = e < 0 ? t ? "W" : "S" : t ? "E" : "N", a = 0 | Math.abs(e), n = 0 | Math.abs(e) * 60 % 60, o = (0 | Math.abs(e) * 60 % 1 * 6e3) / 100;
   return {
     dir: r,
@@ -1892,7 +1898,7 @@ const Ua = process.env.NODE_ENV === "production", Qe = !Ua, Ha = Qe ? "gizmette.
     min: n,
     sec: o
   };
-}, vo = (e) => {
+}, Ao = (e) => {
   if (!e && e !== 0)
     return "N/A";
   const t = Vt(e, !1);
@@ -2152,23 +2158,23 @@ const xo = (e, t) => t && t.messages.length > 0 && t.messages[t.messages.length
   fullWidth: s,
   size: i,
   noBorder: u,
-  labelRight: p,
-  labelLeft: h,
+  labelRight: h,
+  labelLeft: p,
   spacing: m,
-  noBackground: l,
-  variant: d,
+  noBackground: d,
+  variant: l,
   noTruncate: f,
   align: E
-}) => (d || (d = "primary"), r ? g(ht, t) : g(
+}) => (l || (l = "primary"), r ? g(ht, t) : g(
   ht,
   t,
   Ce(m),
-  Ja({ mode: a, variant: d, noBackground: l, noTruncate: f }),
-  Va({ type: e, size: i, labelRight: p, labelLeft: h, align: E }),
-  za({ mode: a, variant: d, noBorder: u }),
+  Ja({ mode: a, variant: l, noBackground: d, noTruncate: f }),
+  Va({ type: e, size: i, labelRight: h, labelLeft: p, align: E }),
+  za({ mode: a, variant: l, noBorder: u }),
   ja({ focusMode: n }),
-  Fa({ mode: a, variant: d, disabled: o }),
-  Ya({ mode: a, variant: d, disabled: o }),
+  Fa({ mode: a, variant: l, disabled: o }),
+  Ya({ mode: a, variant: l, disabled: o }),
   {
     "w-full": s,
     "disabled:cursor-not-allowed disabled:opacity-50": o
@@ -2203,11 +2209,11 @@ const Ye = V.forwardRef(
     type: s = "button",
     raw: i = !1,
     noBorder: u = !1,
-    "aria-label": p,
-    label: h,
+    "aria-label": h,
+    label: p,
     size: m = "medium",
-    labelRight: l,
-    labelLeft: d,
+    labelRight: d,
+    labelLeft: l,
     spacing: f,
     noBackground: E = !1,
     align: _ = "center",
@@ -2223,8 +2229,8 @@ const Ye = V.forwardRef(
       className: o,
       noBorder: u,
       size: m,
-      labelRight: l,
-      labelLeft: d,
+      labelRight: d,
+      labelLeft: l,
       spacing: f,
       noBackground: E,
       align: _
@@ -2241,12 +2247,12 @@ const Ye = V.forwardRef(
         className: H,
         disabled: t,
         type: s,
-        "aria-label": p || h,
+        "aria-label": h || p,
         ...w,
         children: [
-          d && /* @__PURE__ */ c("span", { className: "pr-2", children: d }),
+          l && /* @__PURE__ */ c("span", { className: "pr-2", children: l }),
           /* @__PURE__ */ c("div", { className: O, children: e }),
-          l && /* @__PURE__ */ c("span", { className: "pl-2", children: l })
+          d && /* @__PURE__ */ c("span", { className: "pl-2", children: d })
         ]
       }
     );
@@ -2264,11 +2270,11 @@ const zt = V.forwardRef(
     size: s = "medium",
     raw: i = !1,
     noBorder: u = !1,
-    spacing: p,
-    variant: h = "primary",
+    spacing: h,
+    variant: p = "primary",
     noTruncate: m = !1,
-    ...l
-  }, d) => {
+    ...d
+  }, l) => {
     const f = Yt({
       type: Ft,
       mode: r,
@@ -2279,17 +2285,17 @@ const zt = V.forwardRef(
       className: o,
       size: s,
       noBorder: u,
-      spacing: p,
-      variant: h,
+      spacing: h,
+      variant: p,
       noTruncate: m
     });
     return /* @__PURE__ */ c(
       Xe,
       {
-        ref: d,
+        ref: l,
         className: f,
         disabled: t,
-        ...l,
+        ...d,
         children: e
       }
     );
@@ -2326,7 +2332,7 @@ const Xa = ({
       "border-border-dark bg-surface-lighter text-copy-dark dark:border-border-accent dark:bg-surface-dark dark:text-copy-light": o === "system",
       "border-border-accent bg-surface-dark text-copy-light dark:border-border-dark dark:bg-surface-lighter dark:text-copy-dark": o === "alt-system"
     }
-  ), p = t || g(`${Te}__header mt-0 border-b-2`, {
+  ), h = t || g(`${Te}__header mt-0 border-b-2`, {
     "text-copy-light border-border-accent": o === "darker",
     "border-border-accent": o === "dark",
     "border-border-medium": o === "light",
@@ -2334,11 +2340,11 @@ const Xa = ({
     "border-border-accent dark:border-border-medium": o === "alt-system",
     "mb-4": !s,
     "mb-2": s
-  }), h = g(r), m = a || g(`${Te}__footer pt-2`);
+  }), p = g(r), m = a || g(`${Te}__footer pt-2`);
   return {
     wrapper: u,
-    header: p,
-    body: h,
+    header: h,
+    body: p,
     footer: m
   };
 };
@@ -2360,35 +2366,35 @@ const en = ({
   bodyClassName: s,
   "aria-labelledby": i,
   spacing: u,
-  mode: p = "system",
-  compact: h = !1,
+  mode: h = "system",
+  compact: p = !1,
   noBorder: m = !1,
-  ...l
+  ...d
 }) => {
-  let d = null, f = null;
+  let l = null, f = null;
   const E = typeof e == "string", _ = Qa(Te), w = Xa({
     className: o,
     headerClassName: t,
     bodyClassName: s,
     footerClassName: a,
     spacing: u,
-    mode: p,
-    compact: h,
+    mode: h,
+    compact: p,
     noBorder: m
   });
-  return E ? (d = _, f = d) : !E && e && i ? (d = null, f = i) : !E && e && !i ? (d = _, f = d) : (d = null, f = i || null), /* @__PURE__ */ c("div", { className: w.wrapper, children: /* @__PURE__ */ I(
+  return E ? (l = _, f = l) : !E && e && i ? (l = null, f = i) : !E && e && !i ? (l = _, f = l) : (l = null, f = i || null), /* @__PURE__ */ c("div", { className: w.wrapper, children: /* @__PURE__ */ I(
     "section",
     {
       ...f && {
         "aria-labelledby": f
       },
       className: w.body,
-      ...l,
+      ...d,
       children: [
         /* @__PURE__ */ c(
           Za,
           {
-            ...d && { id: d },
+            ...l && { id: l },
             content: e,
             className: w.header,
             userAriaLabelledby: i
@@ -2432,13 +2438,13 @@ const en = ({
   return /* @__PURE__ */ c("main", { className: n, children: e });
 };
 /*!
-  @versini/ui-components v5.21.1
+  @versini/ui-components v5.21.2
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_GLOBAL__ || (window.__VERSINI_UI_GLOBAL__ = {
-    version: "5.21.1",
-    buildTime: "08/07/2024 09:49 AM EDT",
+    version: "5.21.2",
+    buildTime: "08/25/2024 02:12 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -2510,7 +2516,7 @@ const jt = "SET_ANNOUNCEMENT", qt = "CLEAR_ANNOUNCEMENT", on = {
     }),
     t
   ));
-}, ln = ({
+}, dn = ({
   children: e,
   announcementTimeoutRef: t,
   announcementDelay: r,
@@ -2544,19 +2550,19 @@ function Qt({
   visible: i,
   ...u
 }) {
-  const p = W(), h = W(), [m, l] = ft(sn, {
+  const h = W(), p = W(), [m, d] = ft(sn, {
     announcement: null
   });
-  let d = r;
-  typeof d > "u" && (d = a ? on[a] : "assertive"), j(() => {
-    ln({
-      announcementTimeoutRef: p,
+  let l = r;
+  typeof l > "u" && (l = a ? on[a] : "assertive"), j(() => {
+    dn({
+      announcementTimeoutRef: h,
       announcementDelay: n,
       children: e,
       clearAnnouncementDelay: o,
-      clearAnnouncementTimeoutRef: h,
+      clearAnnouncementTimeoutRef: p,
       onAnnouncementClear: s,
-      dispatch: l
+      dispatch: d
     });
   }, [
     e,
@@ -2570,7 +2576,7 @@ function Qt({
   return /* @__PURE__ */ c(
     "div",
     {
-      "aria-live": d,
+      "aria-live": l,
       ...a && { role: a },
       className: f,
       ...u,
@@ -2591,7 +2597,7 @@ try {
   });
 } catch {
 }
-const dn = (e) => {
+const ln = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -2715,12 +2721,12 @@ const gn = ({
   mode: i,
   focusMode: u
 }) => {
-  const p = r ? e : g(
+  const h = r ? e : g(
     "relative flex w-full flex-col justify-center",
     un,
     e,
-    dn(s)
-  ), h = r ? g(t) : g(
+    ln(s)
+  ), p = r ? g(t) : g(
     Xt,
     t,
     "h-12 rounded-md px-4 text-base",
@@ -2730,23 +2736,23 @@ const gn = ({
     {
       "disabled:cursor-not-allowed disabled:opacity-50": a
     }
-  ), m = r ? void 0 : "sr-only", l = bn({
+  ), m = r ? void 0 : "sr-only", d = bn({
     disabled: a,
     raw: r,
     error: o,
     mode: i
-  }), d = En({
+  }), l = En({
     error: o,
     raw: r,
     mode: i,
     disabled: a
   });
   return {
-    wrapper: p,
-    input: h,
+    wrapper: h,
+    input: p,
     accessibleLabel: m,
-    visibleLabel: l,
-    helperText: d,
+    visibleLabel: d,
+    helperText: l,
     rightElement: r ? void 0 : "absolute right-3"
   };
 }, Ze = V.forwardRef(
@@ -2760,11 +2766,11 @@ const gn = ({
     inputClassName: s,
     mode: i = "system",
     focusMode: u = "system",
-    disabled: p = !1,
-    noBorder: h = !1,
+    disabled: h = !1,
+    noBorder: p = !1,
     labelId: m,
-    labelHidden: l = !1,
-    type: d = "text",
+    labelHidden: d = !1,
+    type: l = "text",
     helperText: f = "",
     rightElement: E,
     spacing: _,
@@ -2776,8 +2782,8 @@ const gn = ({
       error: a,
       raw: n,
       focusMode: u,
-      disabled: p,
-      noBorder: h,
+      disabled: h,
+      noBorder: p,
       spacing: _,
       mode: i
     });
@@ -2799,8 +2805,8 @@ const gn = ({
           ref: U,
           id: N,
           name: t,
-          type: d,
-          disabled: p,
+          type: l,
+          disabled: h,
           placeholder: n ? void 0 : " ",
           className: D.input,
           ...f && { "aria-describedby": `${N}-helper` },
@@ -2809,7 +2815,7 @@ const gn = ({
           ...w
         }
       ),
-      !n && !l && /* @__PURE__ */ c(
+      !n && !d && /* @__PURE__ */ c(
         "label",
         {
           "aria-hidden": !0,
@@ -2850,14 +2856,14 @@ const Tn = 500, In = 5e3, Sn = 2e4, Zt = V.forwardRef(
     onBlur: s,
     onFocus: i,
     onTextInputMaskBlur: u,
-    rightElement: p,
-    spacing: h,
+    rightElement: h,
+    spacing: p,
     ...m
-  }, l) => {
-    const [d, f] = F(!0), [E, _] = F({
+  }, d) => {
+    const [l, f] = F(!0), [E, _] = F({
       message: null,
       politeness: null
-    }), w = W(!0), U = W(), H = W(null), O = an([l, H]), ae = d ? "Show" : "Hide", P = () => {
+    }), w = W(!0), U = W(), H = W(null), O = an([d, H]), ae = l ? "Show" : "Hide", P = () => {
       clearTimeout(U.current), w.current || (U.current = window.setTimeout(() => {
         w.current = !0, f(!0), _({
           announcementTimeout: In,
@@ -2894,14 +2900,14 @@ const Tn = 500, In = 5e3, Sn = 2e4, Zt = V.forwardRef(
           name: e,
           label: r,
           labelHidden: a,
-          type: d ? "password" : "text",
+          type: l ? "password" : "text",
           disabled: t,
-          spacing: h,
+          spacing: p,
           onBlur: D,
           onFocus: Pe,
           onChange: De,
-          rightElement: V.cloneElement(p, {
-            ref: l,
+          rightElement: V.cloneElement(h, {
+            ref: d,
             label: ae,
             onClick: N,
             onBlur: x,
@@ -2936,7 +2942,7 @@ try {
   });
 } catch {
 }
-const An = (e) => {
+const vn = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -2955,10 +2961,10 @@ const An = (e) => {
   spacing: s,
   title: i,
   semantic: u = !1,
-  ...p
+  ...h
 }) => {
-  const h = An(s), m = g(
-    h,
+  const p = vn(s), m = g(
+    p,
     a || o
   );
   return /* @__PURE__ */ I(ce, { children: [
@@ -2972,7 +2978,7 @@ const An = (e) => {
         role: "img",
         "aria-hidden": !u,
         focusable: !1,
-        ...p,
+        ...h,
         children: e
       }
     ),
@@ -2992,7 +2998,7 @@ try {
   });
 } catch {
 }
-const vn = ({
+const An = ({
   className: e,
   viewBox: t,
   spacing: r,
@@ -3144,8 +3150,8 @@ const Nn = (e) => {
   direction: s = "row",
   alignHorizontal: i = "normal",
   alignVertical: u = "normal",
-  spacing: p,
-  ...h
+  spacing: h,
+  ...p
 }) => {
   const m = {
     flexDirection: s,
@@ -3160,12 +3166,12 @@ const Nn = (e) => {
      */
     marginLeft: r * -1 * ke + "rem",
     marginTop: a * -1 * ke + "rem"
-  }, l = g(
+  }, d = g(
     xn,
     t,
     "box-border flex flex-wrap"
-  ), d = { columnGap: r, rowGap: a }, f = p ? "div" : V.Fragment;
-  return /* @__PURE__ */ c(f, { ...p ? { className: Nn(p) } : {}, children: /* @__PURE__ */ c("div", { className: l, style: m, ...h, children: /* @__PURE__ */ c(er.Provider, { value: d, children: e }) }) });
+  ), l = { columnGap: r, rowGap: a }, f = h ? "div" : V.Fragment;
+  return /* @__PURE__ */ c(f, { ...h ? { className: Nn(h) } : {}, children: /* @__PURE__ */ c("div", { className: d, style: m, ...p, children: /* @__PURE__ */ c(er.Provider, { value: l, children: e }) }) });
 }, Fe = (e, t) => g({
   "basis-1/12": e === 1 && !t,
   "sm:basis-1/12": e === 1 && t === "sm",
@@ -3278,13 +3284,13 @@ const Nn = (e) => {
   return /* @__PURE__ */ c("div", { className: i, style: s, ...a, children: e });
 };
 /*!
-  @versini/ui-system v1.4.3
+  @versini/ui-system v1.4.4
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_SYSTEM__ || (window.__VERSINI_UI_SYSTEM__ = {
-    version: "1.4.3",
-    buildTime: "08/07/2024 09:49 AM EDT",
+    version: "1.4.4",
+    buildTime: "08/25/2024 02:12 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -3331,7 +3337,7 @@ const On = "ASK! ME! ANYTHING!", tr = "Sassy Saint", Pn = "gizmette.com", Dn = "
     row1: /* @__PURE__ */ I("div", { children: [
       tr,
       " v",
-      "4.0.0",
+      "4.0.1",
       " - ",
       Mn,
       Qe && e && e.models.length > 0 && e.models[0] === "development" ? " - Development Mode" : ""
@@ -3343,12 +3349,12 @@ const On = "ASK! ME! ANYTHING!", tr = "Sassy Saint", Pn = "gizmette.com", Dn = "
       Pn
     ] })
   }
-), Hn = wt(() => import("./LazyHeader.kRDKzfpE.js")), Kn = () => {
+), Hn = wt(() => import("./LazyHeader.BVB91lqV.js")), Kn = () => {
   const { isAuthenticated: e } = qe();
   return /* @__PURE__ */ I(ce, { children: [
     e && /* @__PURE__ */ c(Tt, { fallback: /* @__PURE__ */ c("div", {}), children: /* @__PURE__ */ c(Hn, {}) }),
     /* @__PURE__ */ I("div", { className: "flex items-center justify-center", children: [
-      /* @__PURE__ */ c("div", { className: "basis-1/4", children: /* @__PURE__ */ c(vn, {}) }),
+      /* @__PURE__ */ c("div", { className: "basis-1/4", children: /* @__PURE__ */ c(An, {}) }),
       /* @__PURE__ */ I("div", { className: "prose prose-sm prose-light md:prose-base prose-h1:mb-0 prose-h2:mt-0", children: [
         /* @__PURE__ */ c("h1", { children: tr }),
         /* @__PURE__ */ c("h2", { children: On })
@@ -3356,17 +3362,17 @@ const On = "ASK! ME! ANYTHING!", tr = "Sassy Saint", Pn = "gizmette.com", Dn = "
     ] })
   ] });
 }, Bn = () => {
-  const { login: e, logoutReason: t, loginWithPasskey: r } = qe(), [a, n] = F(""), [o, s] = F(""), [i, u] = F(!0), [p, h] = F({
+  const { login: e, logoutReason: t, loginWithPasskey: r } = qe(), [a, n] = F(""), [o, s] = F(""), [i, u] = F(!0), [h, p] = F({
     username: "",
     password: ""
-  }), m = async (l) => {
-    l.preventDefault(), await e(p.username, p.password) || (s(""), n("Invalid username or password"));
+  }), m = async (d) => {
+    d.preventDefault(), await e(h.username, h.password) || (s(""), n("Invalid username or password"));
   };
   return j(() => {
-    var l;
-    (l = document.getElementById("logo")) == null || l.classList.add("fadeOut"), setTimeout(() => {
-      var d;
-      (d = document.getElementById("root")) == null || d.classList.replace("app-hidden", "fadeIn");
+    var d;
+    (d = document.getElementById("logo")) == null || d.classList.add("fadeOut"), setTimeout(() => {
+      var l;
+      (l = document.getElementById("root")) == null || l.classList.replace("app-hidden", "fadeIn");
     }, 500);
   }), j(() => {
     t && s(t);
@@ -3387,10 +3393,10 @@ const On = "ASK! ME! ANYTHING!", tr = "Sassy Saint", Pn = "gizmette.com", Dn = "
               focusMode: "light",
               name: "username",
               label: "Username",
-              onChange: (l) => {
-                h({
-                  ...p,
-                  username: l.target.value
+              onChange: (d) => {
+                p({
+                  ...h,
+                  username: d.target.value
                 }), n("");
               },
               error: a !== ""
@@ -3409,10 +3415,10 @@ const On = "ASK! ME! ANYTHING!", tr = "Sassy Saint", Pn = "gizmette.com", Dn = "
               label: Ln,
               rightElement: /* @__PURE__ */ c(Ye, { focusMode: "light", mode: "dark", children: i ? /* @__PURE__ */ c(Rn, {}) : /* @__PURE__ */ c(kn, {}) }),
               onMaskChange: u,
-              onChange: (l) => {
-                h({
-                  ...p,
-                  password: l.target.value
+              onChange: (d) => {
+                p({
+                  ...h,
+                  password: d.target.value
                 }), n("");
               },
               error: a !== "",
@@ -3450,14 +3456,14 @@ const On = "ASK! ME! ANYTHING!", tr = "Sassy Saint", Pn = "gizmette.com", Dn = "
     ] }),
     /* @__PURE__ */ c(Un, {})
   ] });
-}, Gn = new URL(document.location.href).searchParams, Wn = !!Gn.get("debug") || !1, Vn = wt(() => import("./App.B5-6f2Kg.js").then((e) => e.App)), Jn = ({ isComponent: e }) => {
+}, Gn = new URL(document.location.href).searchParams, Wn = !!Gn.get("debug") || !1, Vn = wt(() => import("./App.8nM0tteo.js").then((e) => e.App)), Jn = ({ isComponent: e }) => {
   const { isAuthenticated: t } = qe();
   return t ? /* @__PURE__ */ c(Tt, { fallback: /* @__PURE__ */ c("div", {}), children: /* @__PURE__ */ c(Vn, { isComponent: e }) }) : /* @__PURE__ */ c(Bn, {});
 }, Fn = ({
   isComponent: e = !1,
   domain: t = Ha
 }) => /* @__PURE__ */ c(ce, { children: /* @__PURE__ */ c(Ra, { clientId: Na, domain: t, debug: Wn, children: /* @__PURE__ */ c(Jn, { isComponent: e }) }) }), Yn = ({ domain: e }) => /* @__PURE__ */ c(Fn, { isComponent: !0, domain: e });
-Yn.displayName = "SassySaint-3.4.8";
+Yn.displayName = "SassySaint-4.0.1";
 export {
   Yt as A,
   zo as ABOUT_TITLE,
@@ -3507,7 +3513,7 @@ export {
   gt as b,
   rn as c,
   Mo as c$1,
-  vo as convertLatitudeToDMS,
+  Ao as convertLatitudeToDMS,
   ko as convertLongitudeToDMS,
   Oo as durationFormatter,
   No as extractAverage,
@@ -3524,13 +3530,13 @@ export {
   Bo as l,
   Uo as n,
   Co as numberFormatter,
-  dn as o,
+  ln as o,
   Go as p,
   Po as pluralize,
   Ho as r,
   Ro as renderDataAsList,
   Do as s,
-  Ao as truncate,
+  vo as truncate,
   zt as x,
   qe as zr
 };