@versini/sassysaint 8.34.0 → 8.34.2

package/dist/chunks/{SettingsEntry.CHj1q4Pe.js → SettingsEntry.Bxm2vlzw.js}

@@ -1,24 +1,24 @@
-import { jsxs as N, jsx as l } from "react/jsx-runtime";
-import { n as ve, LOCAL_STORAGE_PREFIX as se, LOCAL_STORAGE_CHAT_DETAILS as _e, LOCAL_STORAGE_SERVICE_WORKER as we, isServiceWorkerEnabled as Ce, SETTINGS_TITLE as Se, S as U, CARDS as P, APP_NAME as Ie, C as ae, PROMPTS_DESCRIPTION as Ae, L as Re, j as ce, getCurrentGeoLocation as Le, handleServiceWorkerToggle as Oe } from "./index.DK5aa0OB.js";
-import { useUserPreferences as Me, E as ie, rr as De, mutateCall as de, SERVICE_TYPES as ue } from "./App.CxyIxMAe.js";
-import Pe, { useRef as v, useState as y, useLayoutEffect as z, useMemo as pe, useEffect as j, useId as Ge, useReducer as Be, useCallback as He } from "react";
+import { jsxs as v, jsx as s } from "react/jsx-runtime";
+import { n as Ee, LOCAL_STORAGE_PREFIX as ne, LOCAL_STORAGE_CHAT_DETAILS as Te, LOCAL_STORAGE_SERVICE_WORKER as Ne, isServiceWorkerEnabled as ve, SETTINGS_TITLE as _e, S as V, CARDS as P, APP_NAME as we, C as re, PROMPTS_DESCRIPTION as Ce, L as Se, j as se, getCurrentGeoLocation as Ie, handleServiceWorkerToggle as Ae } from "./index.DOg0VpsL.js";
+import { useUserPreferences as Le, E as le, tt as Re, mutateCall as ce, SERVICE_TYPES as ie } from "./App.Dx9-zTHB.js";
+import Oe, { useRef as _, useState as g, useLayoutEffect as j, useMemo as me, useEffect as X, useId as Me, useReducer as De, useCallback as Pe } from "react";
 import i from "clsx";
-const he = "av-text-area", Ve = "av-text-area-wrapper", oe = "av-text-area-helper-text", Ue = "av-text-area__control--right", $e = "av-text-area__control--left";
-function Fe() {
-  const e = v(!1);
-  return j(() => (e.current = !0, () => {
+const fe = "av-text-area", Ge = "av-text-area-wrapper", ae = "av-text-area-helper-text", He = "av-text-area__control--right", Be = "av-text-area__control--left";
+function Ue() {
+  const e = _(!1);
+  return X(() => (e.current = !0, () => {
     e.current = !1;
-  }), []), He(() => e.current, []);
+  }), []), Pe(() => e.current, []);
 }
-function We(e) {
-  return pe(() => e.every((r) => r == null) ? () => {
-  } : (r) => {
-    e.forEach((a) => {
-      typeof a == "function" ? a(r) : a != null && (a.current = r);
+function Ve(e) {
+  return me(() => e.every((a) => a == null) ? () => {
+  } : (a) => {
+    e.forEach((r) => {
+      typeof r == "function" ? r(a) : r != null && (r.current = a);
     });
   }, [...e]);
 }
-const ze = {
+const $e = {
   x: 0,
   y: 0,
   width: 0,
@@ -28,48 +28,48 @@ const ze = {
   bottom: 0,
   right: 0
 };
-function me(e) {
-  const r = Fe(), a = v(0), o = v(null), [t, s] = y(ze), c = pe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
+function de(e) {
+  const a = Ue(), r = _(0), o = _(null), [t, l] = g($e), c = me(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
     const u = d[0];
-    u && (cancelAnimationFrame(a.current), a.current = requestAnimationFrame(() => {
-      o.current && r() && s(u.contentRect);
+    u && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
+      o.current && a() && l(u.contentRect);
     }));
-  }), [r]);
-  return j(() => (o.current && c?.observe(o.current, e), () => {
-    c?.disconnect(), a.current && cancelAnimationFrame(a.current);
+  }), [a]);
+  return X(() => (o.current && c?.observe(o.current, e), () => {
+    c?.disconnect(), r.current && cancelAnimationFrame(r.current);
   }), [c, e]), [o, t];
 }
-function je({
+function Fe({
   value: e,
-  defaultValue: r,
-  finalValue: a,
+  defaultValue: a,
+  finalValue: r,
   onChange: o = () => {
   },
   initialControlledDelay: t = 0
 }) {
-  const [s, c] = y(!1), [d, u] = y(
-    r !== void 0 ? r : a
+  const [l, c] = g(!1), [d, u] = g(
+    a !== void 0 ? a : r
   ), m = (p) => {
     u(p), o?.(p);
   };
-  return j(() => {
-    (async () => e !== void 0 && !s && t > 0 && (await new Promise(
+  return X(() => {
+    (async () => e !== void 0 && !l && t > 0 && (await new Promise(
       (p) => setTimeout(p, t)
     ), c(!0)))();
-  }, [e, t, s]), e !== void 0 ? !s && t > 0 ? ["", o, !0] : [e, o, !0] : [d, m, !1];
+  }, [e, t, l]), e !== void 0 ? !l && t > 0 ? ["", o, !0] : [e, o, !0] : [d, m, !1];
 }
-function Xe(e) {
-  const r = Ge();
+function We(e) {
+  const a = Me();
   if (!e)
-    return r;
+    return a;
   if (typeof e == "number" || typeof e == "string")
-    return `${e}${r}`;
+    return `${e}${a}`;
   if (typeof e == "object") {
-    const { id: a, prefix: o = "" } = e;
-    return typeof a == "number" || typeof a == "string" ? `${o}${a}` : `${o}${r}`;
+    const { id: r, prefix: o = "" } = e;
+    return typeof r == "number" || typeof r == "string" ? `${o}${r}` : `${o}${a}`;
   }
 }
-const ge = "SET_ANNOUNCEMENT", ye = "CLEAR_ANNOUNCEMENT", Ye = {
+const pe = "SET_ANNOUNCEMENT", he = "CLEAR_ANNOUNCEMENT", ze = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -77,14 +77,14 @@ const ge = "SET_ANNOUNCEMENT", ye = "CLEAR_ANNOUNCEMENT", Ye = {
   progressbar: null,
   status: "polite",
   timer: "assertive"
-}, qe = (e, r) => {
-  switch (r?.type) {
-    case ge:
+}, je = (e, a) => {
+  switch (a?.type) {
+    case pe:
       return {
         ...e,
-        announcement: r.payload
+        announcement: a.payload
       };
-    case ye:
+    case he:
       return {
         ...e,
         announcement: null
@@ -92,446 +92,443 @@ const ge = "SET_ANNOUNCEMENT", ye = "CLEAR_ANNOUNCEMENT", Ye = {
     default:
       return e;
   }
-}, Ke = ({
+}, Xe = ({
   onAnnouncementClear: e,
-  dispatch: r
+  dispatch: a
 }) => {
-  r({
-    type: ye
+  a({
+    type: he
   }), typeof e == "function" && e();
-}, fe = ({
+}, ue = ({
   children: e,
-  clearAnnouncementDelay: r,
-  clearAnnouncementTimeoutRef: a,
+  clearAnnouncementDelay: a,
+  clearAnnouncementTimeoutRef: r,
   onAnnouncementClear: o,
   dispatch: t
 }) => {
-  clearTimeout(a.current), e !== null && t({
-    type: ge,
+  clearTimeout(r.current), e !== null && t({
+    type: pe,
     payload: e
-  }), r && (a.current = setTimeout(
-    () => Ke({
+  }), a && (r.current = setTimeout(
+    () => Xe({
       onAnnouncementClear: o,
       dispatch: t
     }),
-    r
+    a
   ));
-}, Qe = ({
+}, Ye = ({
   children: e,
-  announcementTimeoutRef: r,
-  announcementDelay: a,
+  announcementTimeoutRef: a,
+  announcementDelay: r,
   clearAnnouncementDelay: o,
   clearAnnouncementTimeoutRef: t,
-  onAnnouncementClear: s,
+  onAnnouncementClear: l,
   dispatch: c
 }) => {
-  clearTimeout(r.current), a ? r.current = setTimeout(fe, a, {
+  clearTimeout(a.current), r ? a.current = setTimeout(ue, r, {
     children: e,
     clearAnnouncementDelay: o,
     clearAnnouncementTimeoutRef: t,
-    onAnnouncementClear: s,
+    onAnnouncementClear: l,
     dispatch: c
-  }) : fe({
+  }) : ue({
     children: e,
     clearAnnouncementDelay: o,
     clearAnnouncementTimeoutRef: t,
-    onAnnouncementClear: s,
+    onAnnouncementClear: l,
     dispatch: c
   });
 };
-function Je({
+function qe({
   children: e,
-  className: r,
-  politeness: a,
+  className: a,
+  politeness: r,
   role: o = null,
   announcementDelay: t,
-  clearAnnouncementDelay: s,
+  clearAnnouncementDelay: l,
   onAnnouncementClear: c,
   visible: d,
   ...u
 }) {
-  const m = v(null), p = v(null), [k, A] = Be(qe, {
+  const m = _(null), p = _(null), [b, S] = De(je, {
     announcement: null
   });
-  let _ = a;
-  typeof _ > "u" && (_ = o ? Ye[o] : "assertive"), j(() => {
-    Qe({
+  let w = r;
+  typeof w > "u" && (w = o ? ze[o] : "assertive"), X(() => {
+    Ye({
       announcementTimeoutRef: m,
       announcementDelay: t,
       children: e,
-      clearAnnouncementDelay: s,
+      clearAnnouncementDelay: l,
       clearAnnouncementTimeoutRef: p,
       onAnnouncementClear: c,
-      dispatch: A
+      dispatch: S
     });
   }, [
     e,
     t,
-    s,
+    l,
     c
   ]);
-  const f = i(r, {
+  const f = i(a, {
     "sr-only": !d
   });
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     "div",
     {
-      "aria-live": _,
+      "aria-live": w,
       ...o && { role: o },
       className: f,
       ...u,
-      children: k.announcement
+      children: b.announcement
     }
   );
 }
 /*!
-  @versini/ui-liveregion v2.0.6
+  @versini/ui-liveregion v2.0.7
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
-    version: "2.0.6",
-    buildTime: "07/14/2025 12:04 PM EDT",
+    version: "2.0.7",
+    buildTime: "08/07/2025 04:11 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Ze = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", et = ({ mode: e }) => i({
+const Ke = () => "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"
-}), tt = ({
+}), Ze = ({
   focusMode: e
 }) => i("focus:outline focus:outline-2 focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), rt = ({
+}), Qe = ({
   noBorder: e,
-  error: r
+  error: a
 }) => i("border-2", {
-  "border-border-dark": !e && !r,
-  "focus:border-border-dark": !e && r,
-  "border-border-error-dark": !e && r,
+  "border-border-dark": !e && !a,
+  "focus:border-border-dark": !e && a,
+  "border-border-error-dark": !e && a,
   "border-transparent": e
-}), at = ({
+}), et = ({
   disabled: e,
-  raw: r,
-  error: a,
+  raw: a,
+  error: r,
   mode: o,
   leftElement: t,
-  rightElement: s
+  rightElement: l
 }) => {
-  if (r)
+  if (a)
     return "";
   if (e)
     return i(
       "transform translate-y-0 scale-100 absolute px-2 cursor-not-allowed opacity-50 font-medium",
       {
-        "translate-x-[12px]": s === !0 && !t || !s && !t
+        "translate-x-[12px]": l === !0 && !t || !l && !t
       }
     );
-  if (!a)
+  if (!r)
     return i(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
-        "translate-x-[12px]": s === !0 && !t || !s && !t,
+        "translate-x-[12px]": l === !0 && !t || !l && !t,
         "text-copy-medium": o === "dark",
         "text-copy-dark": o === "light",
         "text-copy-dark dark:text-copy-medium": o === "system",
         "text-copy-medium dark:text-copy-dark": o === "alt-system"
       }
     );
-  if (a)
+  if (r)
     return i(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
-        "translate-x-[12px]": s === !0 && !t || !s && !t,
+        "translate-x-[12px]": l === !0 && !t || !l && !t,
         "text-copy-medium": o === "dark",
         "text-copy-error-dark": o === "light",
         "text-copy-error-dark dark:text-copy-error-light": o === "system",
         "text-copy-medium dark:text-copy-error-dark": o === "alt-system"
       }
     );
-}, ot = ({
+}, tt = ({
   error: e,
-  raw: r,
-  mode: a,
+  raw: a,
+  mode: r,
   disabled: o
 }) => {
-  if (r)
+  if (a)
     return "";
   if (o)
     return i(
-      oe,
+      ae,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return i(oe, "absolute px-2 font-medium", {
-      "text-copy-medium": a === "dark",
-      "text-copy-dark": a === "light",
-      "text-copy-dark dark:text-copy-medium": a === "system",
-      "text-copy-medium dark:text-copy-dark": a === "alt-system"
+    return i(ae, "absolute px-2 font-medium", {
+      "text-copy-medium": r === "dark",
+      "text-copy-dark": r === "light",
+      "text-copy-dark dark:text-copy-medium": r === "system",
+      "text-copy-medium dark:text-copy-dark": r === "alt-system"
     });
   if (e)
-    return i(oe, "absolute px-2 font-medium", {
-      "text-copy-error-light": a === "dark",
-      "text-copy-error-dark": a === "light",
-      "text-copy-error-dark dark:text-copy-error-light": a === "system",
-      "dark:text-copy-error-dark text-copy-error-light": a === "alt-system"
+    return i(ae, "absolute px-2 font-medium", {
+      "text-copy-error-light": r === "dark",
+      "text-copy-error-dark": r === "light",
+      "text-copy-error-dark dark:text-copy-error-light": r === "system",
+      "dark:text-copy-error-dark text-copy-error-light": r === "alt-system"
     });
-}, nt = ({
+}, rt = ({
   className: e,
-  textAreaClassName: r,
-  raw: a,
+  textAreaClassName: a,
+  raw: r,
   focusMode: o,
   disabled: t,
-  noBorder: s,
+  noBorder: l,
   error: c,
   mode: d,
   leftElement: u,
   rightElement: m
 }) => {
-  const p = a ? e : i(
+  const p = r ? e : i(
     "relative flex w-full flex-col justify-center",
-    Ve,
+    Ge,
     e
-  ), k = a ? i(r) : i(
-    he,
-    r,
-    Ze(),
-    et({ mode: d }),
-    tt({ focusMode: o }),
-    rt({
-      noBorder: s,
+  ), b = r ? i(a) : i(
+    fe,
+    a,
+    Ke(),
+    Je({ mode: d }),
+    Ze({ focusMode: o }),
+    Qe({
+      noBorder: l,
       error: c
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": t
     }
-  ), A = a ? void 0 : "sr-only", _ = at({
+  ), S = r ? void 0 : "sr-only", w = et({
     disabled: t,
-    raw: a,
+    raw: r,
     error: c,
     mode: d,
     rightElement: m,
     leftElement: u
-  }), f = ot({
+  }), f = tt({
     error: c,
-    raw: a,
+    raw: r,
     mode: d,
     disabled: t
-  }), R = a ? void 0 : i(Ue, "absolute"), x = a ? void 0 : i($e, "absolute");
+  }), I = r ? void 0 : i(He, "absolute"), k = r ? void 0 : i(Be, "absolute");
   return {
     wrapper: p,
-    textArea: k,
-    accessibleLabel: A,
-    visibleLabel: _,
+    textArea: b,
+    accessibleLabel: S,
+    visibleLabel: w,
     helperText: f,
-    rightElement: R,
-    leftElement: x
+    rightElement: I,
+    leftElement: k
   };
-}, lt = ({
+}, at = ({
   scrollHeight: e,
-  currentHeight: r,
-  currentLabelOffset: a = 0,
+  currentHeight: a,
+  currentLabelOffset: r = 0,
   currentHelperTextOffset: o = 0
 }) => {
-  let t, s;
-  if (e > 0 && e !== r) {
-    const c = e - r, d = Math.abs(c / 24);
-    t = a + -1 * Math.sign(c) * (12 * d), s = o + Math.sign(c) * (12 * d);
+  let t, l;
+  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);
   }
   return {
     labelOffset: t,
-    helperTextOffset: s,
+    helperTextOffset: l,
     scrollHeight: e
   };
-}, ne = Pe.forwardRef(
+}, oe = Oe.forwardRef(
   ({
     id: e,
-    name: r,
-    label: a,
+    name: a,
+    label: r,
     error: o = !1,
     raw: t = !1,
-    className: s,
+    className: l,
     textAreaClassName: c,
     mode: d = "system",
     focusMode: u = "system",
     value: m,
     defaultValue: p,
-    disabled: k = !1,
-    noBorder: A = !1,
-    labelId: _,
+    disabled: b = !1,
+    noBorder: S = !1,
+    labelId: w,
     helperText: f = "",
-    helperTextOnFocus: R = !1,
-    rightElement: x,
-    leftElement: w,
+    helperTextOnFocus: I = !1,
+    rightElement: k,
+    leftElement: C,
     onChange: $,
-    onFocus: X,
+    onFocus: Y,
     onBlur: F,
-    ...K
-  }, Q) => {
-    var Y;
-    const E = v(null), J = We([Q, E]), [Z, B] = me(), [ee, L] = me(), H = v(80), V = v(-25), n = v(null), h = v(30), C = v(null), S = Xe({ id: e, prefix: `${he}-` }), [I, T] = y(0), [b, M] = y(0), [W, q] = y(
-      !!(!R && f)
-    ), be = `${r} error, ${f}`, D = nt({
-      className: s,
+    ...q
+  }, K) => {
+    const x = _(null), J = Ve([K, x]), [Z, H] = de(), [Q, A] = de(), W = _(80), z = _(-25), L = _(null), n = _(30), h = _(null), E = We({ id: e, prefix: `${fe}-` }), [B, R] = g(0), [y, T] = g(0), [M, U] = g(
+      !!(!I && f)
+    ), ee = `${a} error, ${f}`, D = rt({
+      className: l,
       textAreaClassName: c,
       error: o,
       raw: t,
       focusMode: u,
-      disabled: k,
-      noBorder: A,
+      disabled: b,
+      noBorder: S,
       mode: d,
-      rightElement: !!x,
-      leftElement: !!w
-    }), [O, ke] = je({
+      rightElement: !!k,
+      leftElement: !!C
+    }), [O, ge] = Fe({
       value: m,
       initialControlledDelay: 20,
       defaultValue: p,
-      onChange: (g) => {
+      onChange: (N) => {
         $ && $({
           target: {
-            value: g
+            value: N
           }
         });
       }
-    }), xe = (g) => {
-      ke(g.target.value);
-    }, Ee = (g) => {
-      R && f && q(!0), X && X(g);
-    }, Te = (g) => {
-      R && f && !O && q(!1), F && F(g);
+    }), ye = (N) => {
+      ge(N.target.value);
+    }, be = (N) => {
+      I && f && U(!0), Y && Y(N);
+    }, ke = (N) => {
+      I && f && !O && U(!1), F && F(N);
     };
-    return z(() => {
-      B && B.width && T(B.width + 18 + 10);
-    }, [B]), z(() => {
-      L && L.width && M(L.width + 18 + 10);
-    }, [L]), z(() => {
-      t || E && E.current && O !== void 0 && (E.current.style.height = "inherit", E.current.style.height = E.current.scrollHeight + "px");
-    }, [O, t]), z(() => {
+    return j(() => {
+      H && H.width && R(H.width + 18 + 10);
+    }, [H]), 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 || setTimeout(() => {
-        var g;
-        (g = n?.current) == null || g.style.setProperty(
+        L?.current?.style.setProperty(
           "--av-text-area-wrapper-transition",
           O ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [O, t]), z(() => {
-      var g, le;
-      if (!t && E && E.current && O !== void 0) {
-        const { labelOffset: te, helperTextOffset: re, scrollHeight: Ne } = lt({
-          scrollHeight: E.current.scrollHeight,
-          currentHeight: H.current,
-          currentLabelOffset: V.current,
-          currentHelperTextOffset: h.current
+    }, [O, t]), j(() => {
+      if (!t && x && x.current && O !== void 0) {
+        const { labelOffset: N, helperTextOffset: te, scrollHeight: xe } = at({
+          scrollHeight: x.current.scrollHeight,
+          currentHeight: W.current,
+          currentLabelOffset: z.current,
+          currentHelperTextOffset: n.current
         });
-        te && (V.current = te, (g = n?.current) == null || g.style.setProperty(
+        N && (z.current = N, L?.current?.style.setProperty(
           "--av-text-area-label",
-          `${te}px`
-        )), re && (h.current = re, (le = C?.current) == null || le.style.setProperty(
+          `${N}px`
+        )), te && (n.current = te, h?.current?.style.setProperty(
           "--av-text-area-helper-text",
-          `${re}px`
-        )), H.current = Ne || H.current;
+          `${te}px`
+        )), W.current = xe || W.current;
       }
-    }, [O, t]), L.width > 0 && ((Y = n?.current) == null || Y.style.setProperty(
+    }, [O, t]), A.width > 0 && L?.current?.style.setProperty(
       "--tw-translate-x",
-      `${12 + L.width + 5}px`
-    )), /* @__PURE__ */ N("div", { className: D.wrapper, children: [
-      /* @__PURE__ */ l(
+      `${12 + A.width + 5}px`
+    ), /* @__PURE__ */ v("div", { className: D.wrapper, children: [
+      /* @__PURE__ */ s(
         "label",
         {
-          htmlFor: S,
-          id: _,
+          htmlFor: E,
+          id: w,
           className: D.accessibleLabel,
-          children: a
+          children: r
         }
       ),
-      w && /* @__PURE__ */ l(
+      C && /* @__PURE__ */ s(
         "div",
         {
-          ref: ee,
+          ref: Q,
           className: D.leftElement,
-          children: w
+          children: C
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ s(
         "textarea",
         {
           ref: J,
-          id: S,
-          name: r,
-          disabled: k,
+          id: E,
+          name: a,
+          disabled: b,
           placeholder: t ? void 0 : " ",
           className: D.textArea,
           rows: 1,
-          ...f && { "aria-describedby": `${S}-helper` },
+          ...f && { "aria-describedby": `${E}-helper` },
           ...o && { "aria-invalid": "true" },
-          ...x && !w && !t && { style: { paddingRight: I } },
-          ...w && !x && !t && { style: { paddingLeft: b } },
-          ...x && w && !t && {
+          ...k && !C && !t && { style: { paddingRight: B } },
+          ...C && !k && !t && { style: { paddingLeft: y } },
+          ...k && C && !t && {
             style: {
-              paddingRight: I,
-              paddingLeft: b
+              paddingRight: B,
+              paddingLeft: y
             }
           },
           value: O,
-          onChange: xe,
-          onFocus: Ee,
-          onBlur: Te,
-          ...K
+          onChange: ye,
+          onFocus: be,
+          onBlur: ke,
+          ...q
         }
       ),
-      !t && /* @__PURE__ */ l(
+      !t && /* @__PURE__ */ s(
         "label",
         {
-          ref: n,
+          ref: L,
           "aria-hidden": !0,
-          htmlFor: S,
+          htmlFor: E,
           className: `${D.visibleLabel}`,
-          children: a
+          children: r
         }
       ),
-      W && /* @__PURE__ */ l(
+      M && /* @__PURE__ */ s(
         "div",
         {
-          ref: C,
-          id: `${S}-helper`,
+          ref: h,
+          id: `${E}-helper`,
           className: D.helperText,
           children: f
         }
       ),
-      x && /* @__PURE__ */ l(
+      k && /* @__PURE__ */ s(
         "div",
         {
           ref: Z,
           className: D.rightElement,
-          children: x
+          children: k
         }
       ),
-      o && f && /* @__PURE__ */ l(Je, { politeness: "polite", clearAnnouncementDelay: 500, children: be })
+      o && f && /* @__PURE__ */ s(qe, { politeness: "polite", clearAnnouncementDelay: 500, children: ee })
     ] });
   }
 );
-ne.displayName = "TextArea";
+oe.displayName = "TextArea";
 /*!
-  @versini/ui-textarea v4.0.6
+  @versini/ui-textarea v4.0.7
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "4.0.6",
-    buildTime: "07/14/2025 12:04 PM EDT",
+    version: "4.0.7",
+    buildTime: "08/07/2025 04:11 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const st = "av-toggle", ct = () => i("peer", "h-6", "w-11", "rounded-full"), it = ({
+const ot = "av-toggle", nt = () => i("peer", "h-6", "w-11", "rounded-full"), st = ({
   focusMode: e
 }) => i(
   "peer-focus:outline",
@@ -543,14 +540,14 @@ const st = "av-toggle", ct = () => i("peer", "h-6", "w-11", "rounded-full"), it
     "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"
   }
-), dt = () => i(
+), lt = () => i(
   "peer-checked:after:translate-x-full",
   // background color when checked
-  "peer-checked:bg-violet-500",
+  "peer-checked:bg-action-light",
   // knob circle and border color when checked
   "peer-checked:after:bg-white",
   "peer-checked:after:border-white"
-), ut = () => i(
+), ct = () => i(
   "after:left-[2px]",
   "after:top-[2px]",
   "after:border",
@@ -562,66 +559,66 @@ const st = "av-toggle", ct = () => i("peer", "h-6", "w-11", "rounded-full"), it
   "after:rounded-full",
   "after:transition-all",
   "after:content-['']"
-), mt = ({
+), it = ({
   mode: e,
-  noBorder: r
+  noBorder: a
 }) => i({
-  border: !r,
-  "border-border-dark bg-surface-medium": e === "light",
+  border: !a,
+  "border-border-medium bg-surface-medium": e === "light",
   "border-border-light bg-surface-darker": e === "dark",
   "border-border-light bg-surface-darker dark:border-border-dark dark:bg-surface-medium": e === "alt-system",
-  "border-border-dark bg-surface-medium dark:border-border-light dark:bg-surface-darker": e === "system"
-}), ft = ({
+  "border-border-medium bg-surface-medium dark:border-border-light dark:bg-surface-darker": e === "system"
+}), dt = ({
   mode: e,
-  labelHidden: r
-}) => r ? "sr-only" : i("ml-2 text-sm", {
+  labelHidden: a
+}) => a ? "sr-only" : i("ml-2 text-sm", {
   "text-copy-dark": e === "light",
   "text-copy-lighter": e === "dark",
   "text-copy-lighter dark:text-copy-dark": e === "alt-system",
   "text-copy-dark dark:text-copy-lighter": e === "system"
-}), pt = ({ className: e }) => i(
-  st,
+}), ut = ({ className: e }) => i(
+  ot,
   "relative flex cursor-pointer items-center",
   e
-), ht = ({
+), mt = ({
   mode: e,
-  focusMode: r,
-  labelHidden: a,
+  focusMode: a,
+  labelHidden: r,
   className: o,
   noBorder: t
 }) => ({
   toggle: i(
+    nt(),
+    it({ mode: e, noBorder: t }),
+    st({ focusMode: a }),
     ct(),
-    mt({ mode: e, noBorder: t }),
-    it({ focusMode: r }),
-    ut(),
-    dt()
+    lt()
   ),
-  label: ft({ mode: e, labelHidden: a }),
+  label: dt({ mode: e, labelHidden: r }),
   input: "peer sr-only",
-  wrapper: pt({ className: o })
+  wrapper: ut({ className: o })
 }), G = ({
   checked: e = !1,
-  onChange: r,
-  label: a,
+  onChange: a,
+  label: r,
   labelHidden: o = !1,
   name: t,
-  mode: s = "system",
+  mode: l = "system",
   focusMode: c = "system",
   className: d,
   noBorder: u = !1
 }) => {
-  const m = ht({
-    mode: s,
+  const m = mt({
+    mode: l,
     focusMode: c,
     labelHidden: o,
     className: d,
     noBorder: u
-  }), p = (k) => {
-    r?.(k.target.checked);
+  }), p = (b) => {
+    a?.(b.target.checked);
   };
-  return /* @__PURE__ */ N("label", { className: m.wrapper, children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ v("label", { className: m.wrapper, children: [
+    /* @__PURE__ */ s(
       "input",
       {
         name: t,
@@ -631,155 +628,155 @@ const st = "av-toggle", ct = () => i("peer", "h-6", "w-11", "rounded-full"), it
         onChange: p
       }
     ),
-    /* @__PURE__ */ l("div", { className: m.toggle }),
-    /* @__PURE__ */ l("span", { className: m.label, children: a })
+    /* @__PURE__ */ s("div", { className: m.toggle }),
+    /* @__PURE__ */ s("span", { className: m.label, children: r })
   ] });
 };
 /*!
-  @versini/ui-toggle v4.0.5
+  @versini/ui-toggle v4.0.7
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOGGLE__ || (window.__VERSINI_UI_TOGGLE__ = {
-    version: "4.0.5",
-    buildTime: "06/28/2025 08:58 PM EDT",
+    version: "4.0.7",
+    buildTime: "08/07/2025 07:27 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Et = ({
+const bt = ({
   open: e,
-  onOpenChange: r
+  onOpenChange: a
 }) => {
-  const { getAccessToken: a, user: o } = ve(), {
+  const { getAccessToken: r, user: o } = Ee(), {
     data: t,
-    isSuccess: s,
+    isSuccess: l,
     refetch: c
-  } = Me({
+  } = Le({
     user: o?.username,
-    getAccessToken: a
-  }), [d, u] = y({
+    getAccessToken: r
+  }), [d, u] = g({
     loadingLocation: !1
-  }), [m, p] = y({
+  }), [m, p] = g({
     prompts: []
-  }), [k, A] = y(""), [_, f] = y(""), [R, x] = y(!1), [w, $] = y(!1), [X, F] = y(!1), [K, Q] = ie({
-    key: se + _e,
+  }), [b, S] = g(""), [w, f] = g(""), [I, k] = g(!1), [C, $] = g(!1), [Y, F] = g(!1), [q, K] = le({
+    key: ne + Te,
     initialValue: !1
-  }), [, Y] = ie({
-    key: se + we,
+  }), [, x] = le({
+    key: ne + Ne,
     initialValue: !1
-  }), E = (n) => {
-    Q(n);
-  }, J = (n) => {
-    x(n);
+  }), J = (n) => {
+    K(n);
   }, Z = (n) => {
+    k(n);
+  }, H = (n) => {
     $(n);
-  }, B = async (n) => {
-    Y(n), F(n), await Oe(n);
-  }, ee = async (n) => {
+  }, Q = async (n) => {
+    x(n), F(n), await Ae(n);
+  }, A = async (n) => {
     n.preventDefault();
     try {
-      await de({
-        accessToken: await a(),
-        type: ue.SET_USER_PREFERENCES,
+      await ce({
+        accessToken: await r(),
+        type: ie.SET_USER_PREFERENCES,
         params: {
           user: o?.username,
-          instructions: k,
-          location: _,
+          instructions: b,
+          location: w,
           provider: t?.provider,
           tags: m.prompts,
-          sendOnEnter: R,
-          useMemory: w
+          sendOnEnter: I,
+          useMemory: C
         }
       }), c(), u({
         loadingLocation: !1
       });
     } catch {
     }
-  }, L = async () => {
+  }, W = async () => {
     u({
       loadingLocation: !0
     }), f("...");
     try {
-      const n = Date.now(), h = await Le(), C = await de({
-        accessToken: await a(),
-        type: ue.GET_LOCATION,
+      const n = Date.now(), h = await Ie(), E = await ce({
+        accessToken: await r(),
+        type: ie.GET_LOCATION,
         params: {
           latitude: h.latitude,
           longitude: h.longitude
         }
-      }), I = Date.now() - n;
-      if (I < 2e3 && await new Promise((T) => setTimeout(T, 2e3 - I)), C.status === 200) {
-        const { city: T, state: b, country: M, displayName: W } = C.data, q = T && b && M ? `${T}, ${b}, ${M}` : W;
+      }), 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({
           loadingLocation: !1
-        }), f(q);
+        }), f(ee);
       } else
         u({
           loadingLocation: !1
         });
     } catch {
     }
-  }, H = () => {
-    c(), r(!1);
-  }, V = ({
+  }, z = () => {
+    c(), a(!1);
+  }, L = ({
     enabled: n = !1,
     privateChat: h = !1,
-    clipboardAccess: C = !1,
-    ...S
+    clipboardAccess: E = !1,
+    ...B
   }) => {
-    p((I) => {
-      const T = I.prompts, b = {
-        ...S,
+    p((R) => {
+      const y = R.prompts, T = {
+        ...B,
         enabled: n,
         privateChat: h,
-        clipboardAccess: C
+        clipboardAccess: E
       };
-      C ? b.content = b.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : b.content = b.content.replace(/{{clipboard}}/g, "");
-      const M = T.findIndex((W) => W.slot === S.slot);
+      E ? T.content = T.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : T.content = T.content.replace(/{{clipboard}}/g, "");
+      const M = y.findIndex((U) => U.slot === B.slot);
       return M === -1 ? {
-        ...I,
-        prompts: [...T, { ...b }]
-      } : (T[M] = b, {
-        ...I,
-        prompts: [...T]
+        ...R,
+        prompts: [...y, { ...T }]
+      } : (y[M] = T, {
+        ...R,
+        prompts: [...y]
       });
     });
   };
-  return j(() => {
-    t?.instructions && A(t.instructions), t?.location && f(t.location), t?.tags && p({ prompts: t.tags }), t?.sendOnEnter !== void 0 && x(t.sendOnEnter), t?.useMemory !== void 0 && $(t.useMemory), F(Ce());
-  }, [t]), s ? /* @__PURE__ */ N(
-    De,
+  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 && $(t.useMemory), F(ve());
+  }, [t]), l ? /* @__PURE__ */ v(
+    Re,
     {
       open: e,
-      onOpenChange: H,
-      title: Se,
-      footer: /* @__PURE__ */ N(
-        Re,
+      onOpenChange: z,
+      title: _e,
+      footer: /* @__PURE__ */ v(
+        Se,
         {
           columnGap: 2,
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ l(ce, { children: /* @__PURE__ */ l(
-              ae,
+            /* @__PURE__ */ s(se, { children: /* @__PURE__ */ s(
+              re,
               {
                 mode: "dark",
                 variant: "secondary",
                 focusMode: "light",
-                onClick: H,
+                noBorder: !0,
+                onClick: z,
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ l(ce, { children: /* @__PURE__ */ l(
-              ae,
+            /* @__PURE__ */ s(se, { children: /* @__PURE__ */ s(
+              re,
               {
                 mode: "dark",
-                variant: "danger",
                 focusMode: "light",
                 onClick: async (n) => {
-                  r(!1), await ee(n);
+                  a(!1), await A(n);
                 },
                 children: "Save"
               }
@@ -788,64 +785,61 @@ const Et = ({
         }
       ),
       children: [
-        /* @__PURE__ */ N(
-          U,
+        /* @__PURE__ */ v(
+          V,
           {
             header: P.SETTINGS_DETAILS.TITLE,
             className: "prose-dark dark:prose-lighter",
             children: [
-              /* @__PURE__ */ l("p", { className: "text-sm", children: P.SETTINGS_DETAILS.DETAILS }),
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ s("p", { className: "text-sm", children: P.SETTINGS_DETAILS.DETAILS }),
+              /* @__PURE__ */ s(
                 G,
                 {
                   className: "mt-2",
-                  noBorder: !0,
                   label: "Show Message Statistics",
                   name: "show-message-statistics",
-                  onChange: E,
-                  checked: K
+                  onChange: J,
+                  checked: q
                 }
               ),
-              /* @__PURE__ */ l("p", { className: "text-sm mt-5", children: P.SETTINGS_DETAILS.SEND_ON_ENTER }),
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ s("p", { className: "text-sm mt-5", children: P.SETTINGS_DETAILS.SEND_ON_ENTER }),
+              /* @__PURE__ */ s(
                 G,
                 {
                   className: "mt-2",
-                  noBorder: !0,
                   label: "Send Message on Enter",
                   name: "send-message-on-enter",
-                  onChange: J,
-                  checked: R
+                  onChange: Z,
+                  checked: I
                 }
               ),
-              /* @__PURE__ */ l("p", { className: "text-sm mt-5", children: P.SETTINGS_DETAILS.USE_MEMORY }),
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ s("p", { className: "text-sm mt-5", children: P.SETTINGS_DETAILS.USE_MEMORY }),
+              /* @__PURE__ */ s(
                 G,
                 {
                   className: "mt-2",
-                  noBorder: !0,
                   label: "Use Memory",
                   name: "use-memory",
-                  onChange: Z,
-                  checked: w
+                  onChange: H,
+                  checked: C
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ N(
-          U,
+        /* @__PURE__ */ v(
+          V,
           {
             header: "Custom Instructions",
             className: "prose-dark dark:prose-lighter mt-4",
             children: [
-              /* @__PURE__ */ N("p", { className: "text-sm", children: [
+              /* @__PURE__ */ v("p", { className: "text-sm", children: [
                 "What would you like ",
-                /* @__PURE__ */ l("em", { children: Ie }),
+                /* @__PURE__ */ s("em", { children: we }),
                 " to know about you to provide better responses?"
               ] }),
-              /* @__PURE__ */ l(
-                ne,
+              /* @__PURE__ */ s(
+                oe,
                 {
                   mode: "alt-system",
                   autoCapitalize: "off",
@@ -853,9 +847,9 @@ const Et = ({
                   autoCorrect: "off",
                   name: "customInstructions",
                   label: "Custom Instructions",
-                  value: k,
+                  value: b,
                   onChange: (n) => {
-                    A(n.target.value);
+                    S(n.target.value);
                   },
                   helperText: "Press ENTER to add a new line."
                 }
@@ -863,71 +857,71 @@ const Et = ({
             ]
           }
         ),
-        /* @__PURE__ */ N(U, { header: "Location", className: "prose-dark dark:prose-lighter mt-4", children: [
-          /* @__PURE__ */ l("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
-          /* @__PURE__ */ l(
-            ne,
+        /* @__PURE__ */ v(V, { header: "Location", className: "prose-dark dark:prose-lighter mt-4", children: [
+          /* @__PURE__ */ s("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
+          /* @__PURE__ */ s(
+            oe,
             {
               mode: "alt-system",
               name: "location",
               label: "Location",
-              value: _,
+              value: w,
               onChange: (n) => {
                 f(n.target.value);
               },
               helperText: "Enter your location or press auto-detect."
             }
           ),
-          /* @__PURE__ */ l(
-            ae,
+          /* @__PURE__ */ s(
+            re,
             {
               className: "mt-2",
               size: "small",
               noBorder: !0,
+              variant: "secondary",
               disabled: d.loadingLocation,
-              onClick: L,
+              onClick: W,
               children: d.loadingLocation ? "Detecting..." : "Auto-detect"
             }
           )
         ] }),
-        /* @__PURE__ */ N(
-          U,
+        /* @__PURE__ */ v(
+          V,
           {
             header: P.SETTINGS_CACHING.TITLE,
             className: "prose-dark dark:prose-lighter mt-4",
             children: [
-              /* @__PURE__ */ l("p", { className: "text-sm", children: P.SETTINGS_CACHING.DESCRIPTION }),
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ s("p", { className: "text-sm", children: P.SETTINGS_CACHING.DESCRIPTION }),
+              /* @__PURE__ */ s(
                 G,
                 {
                   className: "mt-2",
-                  noBorder: !0,
                   label: "Enable Assets Caching",
                   name: "enable-service-worker",
-                  onChange: B,
-                  checked: X
+                  onChange: Q,
+                  checked: Y
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ N(
-          U,
+        /* @__PURE__ */ v(
+          V,
           {
             header: P.SETTINGS_PROMPTS.TITLE,
             className: "prose-dark dark:prose-lighter mt-4",
             children: [
-              /* @__PURE__ */ l("p", { className: "text-sm", children: Ae }),
-              m.prompts && m.prompts.slice(0, 3).map((n) => /* @__PURE__ */ N(
-                U,
+              /* @__PURE__ */ s("p", { className: "text-sm", children: Ce }),
+              m.prompts && m.prompts.slice(0, 3).map((n) => /* @__PURE__ */ v(
+                V,
                 {
                   mode: "dark",
                   noBorder: !0,
                   header: n.label.replace("...", ""),
                   className: "prose-light mb-2",
                   children: [
-                    /* @__PURE__ */ l("p", { className: "text-sm", children: n.description }),
-                    /* @__PURE__ */ l(
+                    /* @__PURE__ */ s("p", { className: "text-sm", children: n.description }),
+                    /* @__PURE__ */ s(
                       G,
                       {
                         mode: "dark",
@@ -936,7 +930,7 @@ const Et = ({
                         label: "Enabled",
                         name: n.slot.toString(),
                         onChange: (h) => {
-                          V({
+                          L({
                             ...n,
                             enabled: h
                           });
@@ -944,7 +938,7 @@ const Et = ({
                         checked: n.enabled
                       }
                     ),
-                    /* @__PURE__ */ l(
+                    /* @__PURE__ */ s(
                       G,
                       {
                         mode: "dark",
@@ -953,7 +947,7 @@ const Et = ({
                         label: "Private Chat",
                         name: `private-${n.slot.toString()}`,
                         onChange: (h) => {
-                          V({
+                          L({
                             ...n,
                             privateChat: h
                           });
@@ -961,7 +955,7 @@ const Et = ({
                         checked: n.privateChat
                       }
                     ),
-                    /* @__PURE__ */ l(
+                    /* @__PURE__ */ s(
                       G,
                       {
                         mode: "dark",
@@ -970,7 +964,7 @@ const Et = ({
                         label: "Use Clipboard",
                         name: `clipboard-${n.slot.toString()}`,
                         onChange: (h) => {
-                          V({
+                          L({
                             ...n,
                             clipboardAccess: h
                           });
@@ -990,5 +984,5 @@ const Et = ({
   ) : null;
 };
 export {
-  Et as SettingsPanel
+  bt as SettingsPanel
 };