@versini/sassysaint 8.43.0 → 8.44.1

package/dist/chunks/{SettingsEntry.BBpxzySb.js → SettingsEntry.B_-nqp2P.js}

@@ -1,11 +1,11 @@
-import { jsxs as v, jsx as s } from "react/jsx-runtime";
-import { n as ke, LOCAL_STORAGE_PREFIX as xe, LOCAL_STORAGE_SERVICE_WORKER as Ee, isServiceWorkerEnabled as Te, SETTINGS_TITLE as Ne, S as $, CARDS as P, Oe as ve, C as re, PROMPTS_DESCRIPTION as we, L as _e, j as ne, getCurrentGeoLocation as Ce, handleServiceWorkerToggle as Se } from "./index.C5JI91s5.js";
-import { useUserPreferences as Ie, E as Ae, tt as Le, mutateCall as se, SERVICE_TYPES as le } from "./App.lIa74yNL.js";
-import Re, { useRef as w, useState as g, useLayoutEffect as j, useMemo as de, useEffect as X, useId as Oe, useReducer as Me, useCallback as De } from "react";
+import { jsxs as N, jsx as l } from "react/jsx-runtime";
+import { n as ke, LOCAL_STORAGE_PREFIX as xe, LOCAL_STORAGE_SERVICE_WORKER as Ee, isServiceWorkerEnabled as Te, SETTINGS_TITLE as we, S as $, CARDS as P, Oe as Ne, C as re, PROMPTS_DESCRIPTION as ve, L as _e, j as ne, getCurrentGeoLocation as Ce, handleServiceWorkerToggle as Se } from "./index.B2mnuHfs.js";
+import { useUserPreferences as Ie, E as Ae, tt as Le, mutateCall as se, SERVICE_TYPES as le } from "./App.B_z-iC81.js";
+import Re, { useRef as v, useState as h, useLayoutEffect as j, useMemo as de, useEffect as X, useId as Me, useReducer as Oe, useCallback as De } from "react";
 import i from "clsx";
 const ue = "av-text-area", Pe = "av-text-area-wrapper", ae = "av-text-area-helper-text", Be = "av-text-area__control--right", Ge = "av-text-area__control--left";
 function He() {
-  const e = w(!1);
+  const e = v(!1);
   return X(() => (e.current = !0, () => {
     e.current = !1;
   }), []), De(() => e.current, []);
@@ -29,10 +29,10 @@ const $e = {
   right: 0
 };
 function ce(e) {
-  const a = He(), r = w(0), o = w(null), [t, l] = g($e), c = de(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
-    const u = d[0];
-    u && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
-      o.current && a() && l(u.contentRect);
+  const a = He(), r = v(0), o = v(null), [t, s] = h($e), c = de(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
+    const m = d[0];
+    m && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
+      o.current && a() && s(m.contentRect);
     }));
   }), [a]);
   return X(() => (o.current && c?.observe(o.current, e), () => {
@@ -47,19 +47,19 @@ function Ve({
   },
   initialControlledDelay: t = 0
 }) {
-  const [l, c] = g(!1), [d, u] = g(
+  const [s, c] = h(!1), [d, m] = h(
     a !== void 0 ? a : r
-  ), m = (p) => {
-    u(p), o?.(p);
+  ), g = (u) => {
+    m(u), o?.(u);
   };
   return X(() => {
-    (async () => e !== void 0 && !l && t > 0 && (await new Promise(
-      (p) => setTimeout(p, t)
+    (async () => e !== void 0 && !s && t > 0 && (await new Promise(
+      (u) => setTimeout(u, t)
     ), c(!0)))();
-  }, [e, t, l]), e !== void 0 ? !l && t > 0 ? ["", o, !0] : [e, o, !0] : [d, m, !1];
+  }, [e, t, s]), e !== void 0 ? !s && t > 0 ? ["", o, !0] : [e, o, !0] : [d, g, !1];
 }
 function Fe(e) {
-  const a = Oe();
+  const a = Me();
   if (!e)
     return a;
   if (typeof e == "number" || typeof e == "string")
@@ -122,20 +122,20 @@ const me = "SET_ANNOUNCEMENT", fe = "CLEAR_ANNOUNCEMENT", We = {
   announcementDelay: r,
   clearAnnouncementDelay: o,
   clearAnnouncementTimeoutRef: t,
-  onAnnouncementClear: l,
+  onAnnouncementClear: s,
   dispatch: c
 }) => {
   clearTimeout(a.current), r ? a.current = setTimeout(ie, r, {
     children: e,
     clearAnnouncementDelay: o,
     clearAnnouncementTimeoutRef: t,
-    onAnnouncementClear: l,
+    onAnnouncementClear: s,
     dispatch: c
   }) : ie({
     children: e,
     clearAnnouncementDelay: o,
     clearAnnouncementTimeoutRef: t,
-    onAnnouncementClear: l,
+    onAnnouncementClear: s,
     dispatch: c
   });
 };
@@ -145,41 +145,41 @@ function Ye({
   politeness: r,
   role: o = null,
   announcementDelay: t,
-  clearAnnouncementDelay: l,
+  clearAnnouncementDelay: s,
   onAnnouncementClear: c,
   visible: d,
-  ...u
+  ...m
 }) {
-  const m = w(null), p = w(null), [b, S] = Me(ze, {
+  const g = v(null), u = v(null), [b, _] = Oe(ze, {
     announcement: null
   });
-  let _ = r;
-  typeof _ > "u" && (_ = o ? We[o] : "assertive"), X(() => {
+  let C = r;
+  typeof C > "u" && (C = o ? We[o] : "assertive"), X(() => {
     Xe({
-      announcementTimeoutRef: m,
+      announcementTimeoutRef: g,
       announcementDelay: t,
       children: e,
-      clearAnnouncementDelay: l,
-      clearAnnouncementTimeoutRef: p,
+      clearAnnouncementDelay: s,
+      clearAnnouncementTimeoutRef: u,
       onAnnouncementClear: c,
-      dispatch: S
+      dispatch: _
     });
   }, [
     e,
     t,
-    l,
+    s,
     c
   ]);
   const f = i(a, {
     "sr-only": !d
   });
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ l(
     "div",
     {
-      "aria-live": _,
+      "aria-live": C,
       ...o && { role: o },
       className: f,
-      ...u,
+      ...m,
       children: b.announcement
     }
   );
@@ -197,12 +197,12 @@ try {
   });
 } catch {
 }
-const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", Ke = ({ mode: e }) => i({
+const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", Je = ({ mode: e }) => i({
   "bg-surface-darker text-copy-lighter caret-copy-light": e === "dark",
   "bg-surface-lighter text-copy-dark caret-copy-dark": e === "light",
   "bg-surface-lighter text-copy-dark caret-copy-dark dark:bg-surface-darker dark:text-copy-lighter dark:caret-copy-light": e === "system",
   "bg-surface-darker text-copy-lighter caret-copy-light dark:bg-surface-lighter dark:text-copy-dark dark:caret-copy-dark": e === "alt-system"
-}), Je = ({
+}), Ke = ({
   focusMode: e
 }) => i("focus:outline focus:outline-2 focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
@@ -223,7 +223,7 @@ const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   error: r,
   mode: o,
   leftElement: t,
-  rightElement: l
+  rightElement: s
 }) => {
   if (a)
     return "";
@@ -231,14 +231,14 @@ const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     return i(
       "transform translate-y-0 scale-100 absolute px-2 cursor-not-allowed opacity-50 font-medium",
       {
-        "translate-x-[12px]": l === !0 && !t || !l && !t
+        "translate-x-[12px]": s === !0 && !t || !s && !t
       }
     );
   if (!r)
     return i(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
-        "translate-x-[12px]": l === !0 && !t || !l && !t,
+        "translate-x-[12px]": s === !0 && !t || !s && !t,
         "text-copy-medium": o === "dark",
         "text-copy-dark": o === "light",
         "text-copy-dark dark:text-copy-medium": o === "system",
@@ -249,7 +249,7 @@ const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     return i(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
-        "translate-x-[12px]": l === !0 && !t || !l && !t,
+        "translate-x-[12px]": s === !0 && !t || !s && !t,
         "text-copy-medium": o === "dark",
         "text-copy-error-dark": o === "light",
         "text-copy-error-dark dark:text-copy-error-light": o === "system",
@@ -289,13 +289,13 @@ const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   raw: r,
   focusMode: o,
   disabled: t,
-  noBorder: l,
+  noBorder: s,
   error: c,
   mode: d,
-  leftElement: u,
-  rightElement: m
+  leftElement: m,
+  rightElement: g
 }) => {
-  const p = r ? e : i(
+  const u = r ? e : i(
     "relative flex w-full flex-col justify-center",
     Pe,
     e
@@ -303,22 +303,22 @@ const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     ue,
     a,
     qe(),
-    Ke({ mode: d }),
-    Je({ focusMode: o }),
+    Je({ mode: d }),
+    Ke({ focusMode: o }),
     Ze({
-      noBorder: l,
+      noBorder: s,
       error: c
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": t
     }
-  ), S = r ? void 0 : "sr-only", _ = Qe({
+  ), _ = r ? void 0 : "sr-only", C = Qe({
     disabled: t,
     raw: r,
     error: c,
     mode: d,
-    rightElement: m,
-    leftElement: u
+    rightElement: g,
+    leftElement: m
   }), f = et({
     error: c,
     raw: r,
@@ -326,10 +326,10 @@ const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     disabled: t
   }), I = r ? void 0 : i(Be, "absolute"), k = r ? void 0 : i(Ge, "absolute");
   return {
-    wrapper: p,
+    wrapper: u,
     textArea: b,
-    accessibleLabel: S,
-    visibleLabel: _,
+    accessibleLabel: _,
+    visibleLabel: C,
     helperText: f,
     rightElement: I,
     leftElement: k
@@ -340,14 +340,14 @@ const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   currentLabelOffset: r = 0,
   currentHelperTextOffset: o = 0
 }) => {
-  let t, l;
+  let t, s;
   if (e > 0 && e !== a) {
     const c = e - a, d = Math.abs(c / 24);
-    t = r + -1 * Math.sign(c) * (12 * d), l = o + Math.sign(c) * (12 * d);
+    t = r + -1 * Math.sign(c) * (12 * d), s = o + Math.sign(c) * (12 * d);
   }
   return {
     labelOffset: t,
-    helperTextOffset: l,
+    helperTextOffset: s,
     scrollHeight: e
   };
 }, oe = Re.forwardRef(
@@ -357,109 +357,109 @@ const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     label: r,
     error: o = !1,
     raw: t = !1,
-    className: l,
+    className: s,
     textAreaClassName: c,
     mode: d = "system",
-    focusMode: u = "system",
-    value: m,
-    defaultValue: p,
+    focusMode: m = "system",
+    value: g,
+    defaultValue: u,
     disabled: b = !1,
-    noBorder: S = !1,
-    labelId: _,
+    noBorder: _ = !1,
+    labelId: C,
     helperText: f = "",
     helperTextOnFocus: I = !1,
     rightElement: k,
-    leftElement: C,
+    leftElement: S,
     onChange: V,
     onFocus: Y,
     onBlur: F,
     ...q
-  }, K) => {
-    const x = w(null), J = Ue([K, x]), [Z, G] = ce(), [Q, A] = ce(), W = w(80), z = w(-25), L = w(null), n = w(30), h = w(null), E = Fe({ id: e, prefix: `${ue}-` }), [H, R] = g(0), [y, T] = g(0), [M, U] = g(
+  }, J) => {
+    const x = v(null), K = Ue([J, x]), [Z, G] = ce(), [Q, A] = ce(), W = v(80), z = v(-25), L = v(null), n = v(30), p = v(null), E = Fe({ id: e, prefix: `${ue}-` }), [H, R] = h(0), [y, T] = h(0), [O, U] = h(
       !!(!I && f)
     ), ee = `${a} error, ${f}`, D = tt({
-      className: l,
+      className: s,
       textAreaClassName: c,
       error: o,
       raw: t,
-      focusMode: u,
+      focusMode: m,
       disabled: b,
-      noBorder: S,
+      noBorder: _,
       mode: d,
       rightElement: !!k,
-      leftElement: !!C
-    }), [O, pe] = Ve({
-      value: m,
+      leftElement: !!S
+    }), [M, pe] = Ve({
+      value: g,
       initialControlledDelay: 20,
-      defaultValue: p,
-      onChange: (N) => {
+      defaultValue: u,
+      onChange: (w) => {
         V && V({
           target: {
-            value: N
+            value: w
           }
         });
       }
-    }), he = (N) => {
-      pe(N.target.value);
-    }, ge = (N) => {
-      I && f && U(!0), Y && Y(N);
-    }, ye = (N) => {
-      I && f && !O && U(!1), F && F(N);
+    }), he = (w) => {
+      pe(w.target.value);
+    }, ge = (w) => {
+      I && f && U(!0), Y && Y(w);
+    }, ye = (w) => {
+      I && f && !M && U(!1), F && F(w);
     };
     return j(() => {
       G && G.width && R(G.width + 18 + 10);
     }, [G]), j(() => {
       A && A.width && T(A.width + 18 + 10);
     }, [A]), j(() => {
-      t || x && x.current && O !== void 0 && (x.current.style.height = "inherit", x.current.style.height = x.current.scrollHeight + "px");
-    }, [O, t]), j(() => {
+      t || x && x.current && M !== void 0 && (x.current.style.height = "inherit", x.current.style.height = x.current.scrollHeight + "px");
+    }, [M, t]), j(() => {
       t || setTimeout(() => {
         L?.current?.style.setProperty(
           "--av-text-area-wrapper-transition",
-          O ? "none" : "all 0.2s ease-out"
+          M ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [O, t]), j(() => {
-      if (!t && x && x.current && O !== void 0) {
-        const { labelOffset: N, helperTextOffset: te, scrollHeight: be } = rt({
+    }, [M, t]), j(() => {
+      if (!t && x && x.current && M !== void 0) {
+        const { labelOffset: w, helperTextOffset: te, scrollHeight: be } = rt({
           scrollHeight: x.current.scrollHeight,
           currentHeight: W.current,
           currentLabelOffset: z.current,
           currentHelperTextOffset: n.current
         });
-        N && (z.current = N, L?.current?.style.setProperty(
+        w && (z.current = w, L?.current?.style.setProperty(
           "--av-text-area-label",
-          `${N}px`
-        )), te && (n.current = te, h?.current?.style.setProperty(
+          `${w}px`
+        )), te && (n.current = te, p?.current?.style.setProperty(
           "--av-text-area-helper-text",
           `${te}px`
         )), W.current = be || W.current;
       }
-    }, [O, t]), A.width > 0 && L?.current?.style.setProperty(
+    }, [M, t]), A.width > 0 && L?.current?.style.setProperty(
       "--tw-translate-x",
       `${12 + A.width + 5}px`
-    ), /* @__PURE__ */ v("div", { className: D.wrapper, children: [
-      /* @__PURE__ */ s(
+    ), /* @__PURE__ */ N("div", { className: D.wrapper, children: [
+      /* @__PURE__ */ l(
         "label",
         {
           htmlFor: E,
-          id: _,
+          id: C,
           className: D.accessibleLabel,
           children: r
         }
       ),
-      C && /* @__PURE__ */ s(
+      S && /* @__PURE__ */ l(
         "div",
         {
           ref: Q,
           className: D.leftElement,
-          children: C
+          children: S
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ l(
         "textarea",
         {
-          ref: J,
+          ref: K,
           id: E,
           name: a,
           disabled: b,
@@ -468,22 +468,22 @@ const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           rows: 1,
           ...f && { "aria-describedby": `${E}-helper` },
           ...o && { "aria-invalid": "true" },
-          ...k && !C && !t && { style: { paddingRight: H } },
-          ...C && !k && !t && { style: { paddingLeft: y } },
-          ...k && C && !t && {
+          ...k && !S && !t && { style: { paddingRight: H } },
+          ...S && !k && !t && { style: { paddingLeft: y } },
+          ...k && S && !t && {
             style: {
               paddingRight: H,
               paddingLeft: y
             }
           },
-          value: O,
+          value: M,
           onChange: he,
           onFocus: ge,
           onBlur: ye,
           ...q
         }
       ),
-      !t && /* @__PURE__ */ s(
+      !t && /* @__PURE__ */ l(
         "label",
         {
           ref: L,
@@ -493,16 +493,16 @@ const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           children: r
         }
       ),
-      M && /* @__PURE__ */ s(
+      O && /* @__PURE__ */ l(
         "div",
         {
-          ref: h,
+          ref: p,
           id: `${E}-helper`,
           className: D.helperText,
           children: f
         }
       ),
-      k && /* @__PURE__ */ s(
+      k && /* @__PURE__ */ l(
         "div",
         {
           ref: Z,
@@ -510,7 +510,7 @@ const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           children: k
         }
       ),
-      o && f && /* @__PURE__ */ s(Ye, { politeness: "polite", clearAnnouncementDelay: 500, children: ee })
+      o && f && /* @__PURE__ */ l(Ye, { politeness: "polite", clearAnnouncementDelay: 500, children: ee })
     ] });
   }
 );
@@ -528,7 +528,16 @@ try {
   });
 } catch {
 }
-const at = "av-toggle", ot = () => i("peer", "h-6", "w-11", "rounded-full"), nt = ({
+const at = "av-toggle", ot = ({ narrow: e }) => i(
+  "peer",
+  "rounded-full",
+  {
+    "h-6 w-11": !e,
+    "h-5 w-12": e
+  },
+  // Smooth background/border transition when toggling
+  "transition-colors duration-300 ease-in-out motion-reduce:transition-none"
+), nt = ({
   focusMode: e
 }) => i(
   "peer-focus:outline",
@@ -540,25 +549,32 @@ const at = "av-toggle", ot = () => i("peer", "h-6", "w-11", "rounded-full"), nt
     "peer-focus:outline-focus-light dark:peer-focus:outline-focus-dark": e === "alt-system",
     "peer-focus:outline-focus-dark dark:peer-focus:outline-focus-light": e === "system"
   }
-), st = () => i(
-  "peer-checked:after:translate-x-full",
+), st = ({ narrow: e }) => i(
+  {
+    "peer-checked:after:translate-x-full": !e,
+    "peer-checked:after:translate-x-4": e
+  },
   // background color when checked
   "peer-checked:bg-action-light",
   // knob circle and border color when checked
   "peer-checked:after:bg-white",
   "peer-checked:after:border-white"
-), lt = () => i(
+), lt = ({ narrow: e }) => i(
   "after:left-[2px]",
   "after:top-[2px]",
   "after:border",
   "after:border-surface-light dark:after:border-surface-medium",
   "after:bg-surface-light dark:after:bg-surface-medium",
   "after:absolute",
-  "after:h-5",
-  "after:w-5",
+  "after:transition-all after:duration-300 after:ease-in-out after:motion-reduce:transition-none after:will-change-transform",
+  "after:content-['']",
   "after:rounded-full",
-  "after:transition-all",
-  "after:content-['']"
+  {
+    // Normal toggle knob (circle)
+    "after:h-5 after:w-5": !e,
+    // Narrow toggle knob (oval)
+    " after:h-4 after:w-7": e
+  }
 ), ct = ({
   mode: e,
   noBorder: a
@@ -585,14 +601,15 @@ const at = "av-toggle", ot = () => i("peer", "h-6", "w-11", "rounded-full"), nt
   focusMode: a,
   labelHidden: r,
   className: o,
-  noBorder: t
+  noBorder: t,
+  narrow: s
 }) => ({
   toggle: i(
-    ot(),
+    ot({ narrow: s }),
     ct({ mode: e, noBorder: t }),
     nt({ focusMode: a }),
-    lt(),
-    st()
+    lt({ narrow: s }),
+    st({ narrow: s })
   ),
   label: it({ mode: e, labelHidden: r }),
   input: "peer sr-only",
@@ -603,43 +620,45 @@ const at = "av-toggle", ot = () => i("peer", "h-6", "w-11", "rounded-full"), nt
   label: r,
   labelHidden: o = !1,
   name: t,
-  mode: l = "system",
+  mode: s = "system",
   focusMode: c = "system",
   className: d,
-  noBorder: u = !1
+  noBorder: m = !1,
+  narrow: g = !1
 }) => {
-  const m = ut({
-    mode: l,
+  const u = ut({
+    mode: s,
     focusMode: c,
     labelHidden: o,
     className: d,
-    noBorder: u
-  }), p = (b) => {
-    a?.(b.target.checked);
+    noBorder: m,
+    narrow: g
+  }), b = (_) => {
+    a?.(_.target.checked);
   };
-  return /* @__PURE__ */ v("label", { className: m.wrapper, children: [
-    /* @__PURE__ */ s(
+  return /* @__PURE__ */ N("label", { className: u.wrapper, children: [
+    /* @__PURE__ */ l(
       "input",
       {
         name: t,
         checked: e,
         type: "checkbox",
-        className: m.input,
-        onChange: p
+        className: u.input,
+        onChange: b
       }
     ),
-    /* @__PURE__ */ s("div", { className: m.toggle }),
-    /* @__PURE__ */ s("span", { className: m.label, children: r })
+    /* @__PURE__ */ l("div", { className: u.toggle }),
+    /* @__PURE__ */ l("span", { className: u.label, children: r })
   ] });
 };
 /*!
-  @versini/ui-toggle v4.0.11
+  @versini/ui-toggle v4.1.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOGGLE__ || (window.__VERSINI_UI_TOGGLE__ = {
-    version: "4.0.11",
-    buildTime: "08/23/2025 12:22 PM EDT",
+    version: "4.1.0",
+    buildTime: "08/28/2025 02:32 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -651,20 +670,20 @@ const yt = ({
 }) => {
   const { getAccessToken: r, user: o } = ke(), {
     data: t,
-    isSuccess: l,
+    isSuccess: s,
     refetch: c
   } = Ie({
     user: o?.username,
     getAccessToken: r
-  }), [d, u] = g({
+  }), [d, m] = h({
     loadingLocation: !1
-  }), [m, p] = g({
+  }), [g, u] = h({
     prompts: []
-  }), [b, S] = g(""), [_, f] = g(""), [I, k] = g(!1), [C, V] = g(!1), [Y, F] = g(!1), [q, K] = g(!1), [, x] = Ae({
+  }), [b, _] = h(""), [C, f] = h(""), [I, k] = h(!1), [S, V] = h(!1), [Y, F] = h(!1), [q, J] = h(!1), [, x] = Ae({
     key: xe + Ee,
     initialValue: !1
-  }), J = (n) => {
-    K(n);
+  }), K = (n) => {
+    J(n);
   }, Z = (n) => {
     k(n);
   }, G = (n) => {
@@ -680,38 +699,38 @@ const yt = ({
         params: {
           user: o?.username,
           instructions: b,
-          location: _,
+          location: C,
           provider: t?.provider,
-          tags: m.prompts,
+          tags: g.prompts,
           sendOnEnter: I,
-          useMemory: C,
+          useMemory: S,
           showDetails: q
         }
-      }), c(), u({
+      }), c(), m({
         loadingLocation: !1
       });
     } catch {
     }
   }, W = async () => {
-    u({
+    m({
       loadingLocation: !0
     }), f("...");
     try {
-      const n = Date.now(), h = await Ce(), E = await se({
+      const n = Date.now(), p = await Ce(), E = await se({
         accessToken: await r(),
         type: le.GET_LOCATION,
         params: {
-          latitude: h.latitude,
-          longitude: h.longitude
+          latitude: p.latitude,
+          longitude: p.longitude
         }
       }), R = Date.now() - n;
       if (R < 2e3 && await new Promise((y) => setTimeout(y, 2e3 - R)), E.status === 200) {
-        const { city: y, state: T, country: M, displayName: U } = E.data, ee = y && T && M ? `${y}, ${T}, ${M}` : U;
-        u({
+        const { city: y, state: T, country: O, displayName: U } = E.data, ee = y && T && O ? `${y}, ${T}, ${O}` : U;
+        m({
           loadingLocation: !1
         }), f(ee);
       } else
-        u({
+        m({
           loadingLocation: !1
         });
     } catch {
@@ -720,46 +739,46 @@ const yt = ({
     c(), a(!1);
   }, L = ({
     enabled: n = !1,
-    privateChat: h = !1,
+    privateChat: p = !1,
     clipboardAccess: E = !1,
     ...H
   }) => {
-    p((R) => {
+    u((R) => {
       const y = R.prompts, T = {
         ...H,
         enabled: n,
-        privateChat: h,
+        privateChat: p,
         clipboardAccess: E
       };
       E ? T.content = T.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : T.content = T.content.replace(/{{clipboard}}/g, "");
-      const M = y.findIndex((U) => U.slot === H.slot);
-      return M === -1 ? {
+      const O = y.findIndex((U) => U.slot === H.slot);
+      return O === -1 ? {
         ...R,
         prompts: [...y, { ...T }]
-      } : (y[M] = T, {
+      } : (y[O] = T, {
         ...R,
         prompts: [...y]
       });
     });
   };
   return X(() => {
-    t?.instructions && S(t.instructions), t?.location && f(t.location), t?.tags && p({ prompts: t.tags }), t?.sendOnEnter !== void 0 && k(t.sendOnEnter), t?.useMemory !== void 0 && V(t.useMemory), t?.showDetails !== void 0 && K(t.showDetails), F(Te());
-  }, [t]), l ? /* @__PURE__ */ v(
+    t?.instructions && _(t.instructions), t?.location && f(t.location), t?.tags && u({ prompts: t.tags }), t?.sendOnEnter !== void 0 && k(t.sendOnEnter), t?.useMemory !== void 0 && V(t.useMemory), t?.showDetails !== void 0 && J(t.showDetails), F(Te());
+  }, [t]), s ? /* @__PURE__ */ N(
     Le,
     {
       open: e,
       onOpenChange: z,
-      title: Ne,
+      title: we,
       animation: !0,
       animationType: "fade",
-      footer: /* @__PURE__ */ v(
+      footer: /* @__PURE__ */ N(
         _e,
         {
           columnGap: 2,
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ s(ne, { children: /* @__PURE__ */ s(
+            /* @__PURE__ */ l(ne, { children: /* @__PURE__ */ l(
               re,
               {
                 mode: "dark",
@@ -770,7 +789,7 @@ const yt = ({
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ s(ne, { children: /* @__PURE__ */ s(
+            /* @__PURE__ */ l(ne, { children: /* @__PURE__ */ l(
               re,
               {
                 mode: "dark",
@@ -785,28 +804,30 @@ const yt = ({
         }
       ),
       children: [
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ N(
           $,
           {
             header: P.SETTINGS_DETAILS.TITLE,
             className: "prose-dark dark:prose-lighter",
             noBorder: !0,
             children: [
-              /* @__PURE__ */ s("p", { className: "text-sm", children: P.SETTINGS_DETAILS.DETAILS }),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ l("p", { className: "text-sm", children: P.SETTINGS_DETAILS.DETAILS }),
+              /* @__PURE__ */ l(
                 B,
                 {
+                  narrow: !0,
                   className: "mt-2",
                   label: "Show Message Statistics",
                   name: "show-message-statistics",
-                  onChange: J,
+                  onChange: K,
                   checked: q
                 }
               ),
-              /* @__PURE__ */ s("p", { className: "text-sm mt-5", children: P.SETTINGS_DETAILS.SEND_ON_ENTER }),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ l("p", { className: "text-sm mt-5", children: P.SETTINGS_DETAILS.SEND_ON_ENTER }),
+              /* @__PURE__ */ l(
                 B,
                 {
+                  narrow: !0,
                   className: "mt-2",
                   label: "Send Message on Enter",
                   name: "send-message-on-enter",
@@ -814,33 +835,34 @@ const yt = ({
                   checked: I
                 }
               ),
-              /* @__PURE__ */ s("p", { className: "text-sm mt-5", children: P.SETTINGS_DETAILS.USE_MEMORY }),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ l("p", { className: "text-sm mt-5", children: P.SETTINGS_DETAILS.USE_MEMORY }),
+              /* @__PURE__ */ l(
                 B,
                 {
+                  narrow: !0,
                   className: "mt-2",
                   label: "Use Memory",
                   name: "use-memory",
                   onChange: G,
-                  checked: C
+                  checked: S
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ N(
           $,
           {
             header: "Custom Instructions",
             className: "prose-dark dark:prose-lighter mt-4",
             noBorder: !0,
             children: [
-              /* @__PURE__ */ v("p", { className: "text-sm", children: [
+              /* @__PURE__ */ N("p", { className: "text-sm", children: [
                 "What would you like ",
-                /* @__PURE__ */ s("em", { children: ve }),
+                /* @__PURE__ */ l("em", { children: Ne }),
                 " to know about you to provide better responses?"
               ] }),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ l(
                 oe,
                 {
                   mode: "alt-system",
@@ -851,7 +873,7 @@ const yt = ({
                   label: "Custom Instructions",
                   value: b,
                   onChange: (n) => {
-                    S(n.target.value);
+                    _(n.target.value);
                   },
                   helperText: "Press ENTER to add a new line."
                 }
@@ -859,28 +881,28 @@ const yt = ({
             ]
           }
         ),
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ N(
           $,
           {
             header: "Location",
             className: "prose-dark dark:prose-lighter mt-4",
             noBorder: !0,
             children: [
-              /* @__PURE__ */ s("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ l("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
+              /* @__PURE__ */ l(
                 oe,
                 {
                   mode: "alt-system",
                   name: "location",
                   label: "Location",
-                  value: _,
+                  value: C,
                   onChange: (n) => {
                     f(n.target.value);
                   },
                   helperText: "Enter your location or press auto-detect."
                 }
               ),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ l(
                 re,
                 {
                   className: "mt-2",
@@ -895,17 +917,18 @@ const yt = ({
             ]
           }
         ),
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ N(
           $,
           {
             header: P.SETTINGS_CACHING.TITLE,
             className: "prose-dark dark:prose-lighter mt-4",
             noBorder: !0,
             children: [
-              /* @__PURE__ */ s("p", { className: "text-sm", children: P.SETTINGS_CACHING.DESCRIPTION }),
-              /* @__PURE__ */ s(
+              /* @__PURE__ */ l("p", { className: "text-sm", children: P.SETTINGS_CACHING.DESCRIPTION }),
+              /* @__PURE__ */ l(
                 B,
                 {
+                  narrow: !0,
                   className: "mt-2",
                   label: "Enable Assets Caching",
                   name: "enable-service-worker",
@@ -916,15 +939,15 @@ const yt = ({
             ]
           }
         ),
-        /* @__PURE__ */ v(
+        /* @__PURE__ */ N(
           $,
           {
             header: P.SETTINGS_PROMPTS.TITLE,
             className: "prose-dark dark:prose-lighter mt-4",
             noBorder: !0,
             children: [
-              /* @__PURE__ */ s("p", { className: "text-sm", children: we }),
-              m.prompts && m.prompts.slice(0, 3).map((n) => /* @__PURE__ */ v(
+              /* @__PURE__ */ l("p", { className: "text-sm", children: ve }),
+              g.prompts && g.prompts.slice(0, 3).map((n) => /* @__PURE__ */ N(
                 $,
                 {
                   mode: "dark",
@@ -932,53 +955,59 @@ const yt = ({
                   header: n.label.replace("...", ""),
                   className: "prose-light mb-2",
                   children: [
-                    /* @__PURE__ */ s("p", { className: "text-sm", children: n.description }),
-                    /* @__PURE__ */ s(
+                    /* @__PURE__ */ l("p", { className: "text-sm", children: n.description }),
+                    /* @__PURE__ */ l(
                       B,
                       {
+                        narrow: !0,
                         mode: "dark",
+                        focusMode: "light",
                         className: "mt-2",
                         noBorder: !0,
                         label: "Enabled",
                         name: n.slot.toString(),
-                        onChange: (h) => {
+                        onChange: (p) => {
                           L({
                             ...n,
-                            enabled: h
+                            enabled: p
                           });
                         },
                         checked: n.enabled
                       }
                     ),
-                    /* @__PURE__ */ s(
+                    /* @__PURE__ */ l(
                       B,
                       {
+                        narrow: !0,
                         mode: "dark",
+                        focusMode: "light",
                         className: "mt-2",
                         noBorder: !0,
                         label: "Private Chat",
                         name: `private-${n.slot.toString()}`,
-                        onChange: (h) => {
+                        onChange: (p) => {
                           L({
                             ...n,
-                            privateChat: h
+                            privateChat: p
                           });
                         },
                         checked: n.privateChat
                       }
                     ),
-                    /* @__PURE__ */ s(
+                    /* @__PURE__ */ l(
                       B,
                       {
+                        narrow: !0,
                         mode: "dark",
+                        focusMode: "light",
                         className: "mt-2",
                         noBorder: !0,
                         label: "Use Clipboard",
                         name: `clipboard-${n.slot.toString()}`,
-                        onChange: (h) => {
+                        onChange: (p) => {
                           L({
                             ...n,
-                            clipboardAccess: h
+                            clipboardAccess: p
                           });
                         },
                         checked: n.clipboardAccess