@versini/sassysaint 8.44.3 → 8.45.1

package/dist/chunks/{SettingsEntry.DeQAT_-t.js → SettingsEntry.BcIoX32W.js}

@@ -1,24 +1,24 @@
-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.DNSGhajh.js";
-import { useUserPreferences as Ie, E as Ae, tt as Le, mutateCall as se, SERVICE_TYPES as le } from "./App.DDTKqerX.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 { jsxs as b, jsx as s } from "react/jsx-runtime";
+import { n as xe, getCacheInfo as we, isServiceWorkerEnabled as Ne, SETTINGS_TITLE as Te, S as H, CARDS as P, Oe as Ee, C as se, PROMPTS_DESCRIPTION as ve, L as Ce, j as ie, getCurrentGeoLocation as Ie, handleServiceWorkerToggle as _e } from "./index.DiDmMMwR.js";
+import { useUserPreferences as Se, tt as Ae, mutateCall as de, SERVICE_TYPES as ue } from "./App.DuT94v-y.js";
+import Le, { useRef as v, useState as p, useLayoutEffect as J, useMemo as he, useEffect as $, useId as Me, useReducer as Re, useCallback as pe } 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 ge = "av-text-area", De = "av-text-area-wrapper", le = "av-text-area-helper-text", Oe = "av-text-area__control--right", Pe = "av-text-area__control--left";
+function Be() {
   const e = v(!1);
-  return X(() => (e.current = !0, () => {
+  return $(() => (e.current = !0, () => {
     e.current = !1;
-  }), []), De(() => e.current, []);
+  }), []), pe(() => e.current, []);
 }
-function Ue(e) {
-  return de(() => e.every((a) => a == null) ? () => {
+function Ge(e) {
+  return he(() => e.every((a) => a == null) ? () => {
   } : (a) => {
     e.forEach((r) => {
       typeof r == "function" ? r(a) : r != null && (r.current = a);
     });
   }, [...e]);
 }
-const $e = {
+const Ue = {
   x: 0,
   y: 0,
   width: 0,
@@ -28,18 +28,18 @@ const $e = {
   bottom: 0,
   right: 0
 };
-function ce(e) {
-  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);
+function me(e) {
+  const a = Be(), r = v(0), o = v(null), [t, l] = p(Ue), c = he(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
+    const f = d[0];
+    f && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
+      o.current && a() && l(f.contentRect);
     }));
   }), [a]);
-  return X(() => (o.current && c?.observe(o.current, e), () => {
+  return $(() => (o.current && c?.observe(o.current, e), () => {
     c?.disconnect(), r.current && cancelAnimationFrame(r.current);
   }), [c, e]), [o, t];
 }
-function Ve({
+function He({
   value: e,
   defaultValue: a,
   finalValue: r,
@@ -47,18 +47,18 @@ function Ve({
   },
   initialControlledDelay: t = 0
 }) {
-  const [s, c] = h(!1), [d, m] = h(
+  const [l, c] = p(!1), [d, f] = p(
     a !== void 0 ? a : r
-  ), g = (u) => {
-    m(u), o?.(u);
+  ), x = (u) => {
+    f(u), o?.(u);
   };
-  return X(() => {
-    (async () => e !== void 0 && !s && t > 0 && (await new Promise(
+  return $(() => {
+    (async () => e !== void 0 && !l && t > 0 && (await new Promise(
       (u) => setTimeout(u, t)
     ), c(!0)))();
-  }, [e, t, s]), e !== void 0 ? !s && t > 0 ? ["", o, !0] : [e, o, !0] : [d, g, !1];
+  }, [e, t, l]), e !== void 0 ? !l && t > 0 ? ["", o, !0] : [e, o, !0] : [d, x, !1];
 }
-function Fe(e) {
+function $e(e) {
   const a = Me();
   if (!e)
     return a;
@@ -69,7 +69,7 @@ function Fe(e) {
     return typeof r == "number" || typeof r == "string" ? `${o}${r}` : `${o}${a}`;
   }
 }
-const me = "SET_ANNOUNCEMENT", fe = "CLEAR_ANNOUNCEMENT", We = {
+const ye = "SET_ANNOUNCEMENT", be = "CLEAR_ANNOUNCEMENT", Ve = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -77,14 +77,14 @@ const me = "SET_ANNOUNCEMENT", fe = "CLEAR_ANNOUNCEMENT", We = {
   progressbar: null,
   status: "polite",
   timer: "assertive"
-}, ze = (e, a) => {
+}, Fe = (e, a) => {
   switch (a?.type) {
-    case me:
+    case ye:
       return {
         ...e,
         announcement: a.payload
       };
-    case fe:
+    case be:
       return {
         ...e,
         announcement: null
@@ -92,14 +92,14 @@ const me = "SET_ANNOUNCEMENT", fe = "CLEAR_ANNOUNCEMENT", We = {
     default:
       return e;
   }
-}, je = ({
+}, ze = ({
   onAnnouncementClear: e,
   dispatch: a
 }) => {
   a({
-    type: fe
+    type: be
   }), typeof e == "function" && e();
-}, ie = ({
+}, fe = ({
   children: e,
   clearAnnouncementDelay: a,
   clearAnnouncementTimeoutRef: r,
@@ -107,80 +107,80 @@ const me = "SET_ANNOUNCEMENT", fe = "CLEAR_ANNOUNCEMENT", We = {
   dispatch: t
 }) => {
   clearTimeout(r.current), e !== null && t({
-    type: me,
+    type: ye,
     payload: e
   }), a && (r.current = setTimeout(
-    () => je({
+    () => ze({
       onAnnouncementClear: o,
       dispatch: t
     }),
     a
   ));
-}, Xe = ({
+}, We = ({
   children: e,
   announcementTimeoutRef: a,
   announcementDelay: r,
   clearAnnouncementDelay: o,
   clearAnnouncementTimeoutRef: t,
-  onAnnouncementClear: s,
+  onAnnouncementClear: l,
   dispatch: c
 }) => {
-  clearTimeout(a.current), r ? a.current = setTimeout(ie, r, {
+  clearTimeout(a.current), r ? a.current = setTimeout(fe, r, {
     children: e,
     clearAnnouncementDelay: o,
     clearAnnouncementTimeoutRef: t,
-    onAnnouncementClear: s,
+    onAnnouncementClear: l,
     dispatch: c
-  }) : ie({
+  }) : fe({
     children: e,
     clearAnnouncementDelay: o,
     clearAnnouncementTimeoutRef: t,
-    onAnnouncementClear: s,
+    onAnnouncementClear: l,
     dispatch: c
   });
 };
-function Ye({
+function je({
   children: e,
   className: a,
   politeness: r,
   role: o = null,
   announcementDelay: t,
-  clearAnnouncementDelay: s,
+  clearAnnouncementDelay: l,
   onAnnouncementClear: c,
   visible: d,
-  ...m
+  ...f
 }) {
-  const g = v(null), u = v(null), [b, _] = Oe(ze, {
+  const x = v(null), u = v(null), [w, C] = Re(Fe, {
     announcement: null
   });
-  let C = r;
-  typeof C > "u" && (C = o ? We[o] : "assertive"), X(() => {
-    Xe({
-      announcementTimeoutRef: g,
+  let I = r;
+  typeof I > "u" && (I = o ? Ve[o] : "assertive"), $(() => {
+    We({
+      announcementTimeoutRef: x,
       announcementDelay: t,
       children: e,
-      clearAnnouncementDelay: s,
+      clearAnnouncementDelay: l,
       clearAnnouncementTimeoutRef: u,
       onAnnouncementClear: c,
-      dispatch: _
+      dispatch: C
     });
   }, [
     e,
     t,
-    s,
+    l,
     c
   ]);
-  const f = i(a, {
+  const g = i(a, {
     "sr-only": !d
   });
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(
     "div",
     {
-      "aria-live": C,
+      "aria-live": I,
       ...o && { role: o },
-      className: f,
-      ...m,
-      children: b.announcement
+      className: g,
+      ...f,
+      children: w.announcement
     }
   );
 }
@@ -197,19 +197,19 @@ try {
   });
 } catch {
 }
-const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", Je = ({ mode: e }) => i({
+const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", Ye = ({ 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"
-}), Ke = ({
+}), Xe = ({
   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"
-}), Ze = ({
+}), Je = ({
   noBorder: e,
   error: a
 }) => i("border-2", {
@@ -217,13 +217,13 @@ const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   "focus:border-border-dark": !e && a,
   "border-border-error-dark": !e && a,
   "border-transparent": e
-}), Qe = ({
+}), Ze = ({
   disabled: e,
   raw: a,
   error: r,
   mode: o,
   leftElement: t,
-  rightElement: s
+  rightElement: l
 }) => {
   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]": s === !0 && !t || !s && !t
+        "translate-x-[12px]": l === !0 && !t || !l && !t
       }
     );
   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",
@@ -249,14 +249,14 @@ 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]": 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"
       }
     );
-}, et = ({
+}, Ke = ({
   error: e,
   raw: a,
   mode: r,
@@ -266,255 +266,255 @@ const qe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     return "";
   if (o)
     return i(
-      ae,
+      le,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return i(ae, "absolute px-2 font-medium", {
+    return i(le, "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(ae, "absolute px-2 font-medium", {
+    return i(le, "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"
     });
-}, tt = ({
+}, Qe = ({
   className: e,
   textAreaClassName: a,
   raw: r,
   focusMode: o,
   disabled: t,
-  noBorder: s,
+  noBorder: l,
   error: c,
   mode: d,
-  leftElement: m,
-  rightElement: g
+  leftElement: f,
+  rightElement: x
 }) => {
   const u = r ? e : i(
     "relative flex w-full flex-col justify-center",
-    Pe,
+    De,
     e
-  ), b = r ? i(a) : i(
-    ue,
+  ), w = r ? i(a) : i(
+    ge,
     a,
     qe(),
-    Je({ mode: d }),
-    Ke({ focusMode: o }),
-    Ze({
-      noBorder: s,
+    Ye({ mode: d }),
+    Xe({ focusMode: o }),
+    Je({
+      noBorder: l,
       error: c
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": t
     }
-  ), _ = r ? void 0 : "sr-only", C = Qe({
+  ), C = r ? void 0 : "sr-only", I = Ze({
     disabled: t,
     raw: r,
     error: c,
     mode: d,
-    rightElement: g,
-    leftElement: m
-  }), f = et({
+    rightElement: x,
+    leftElement: f
+  }), g = Ke({
     error: c,
     raw: r,
     mode: d,
     disabled: t
-  }), I = r ? void 0 : i(Be, "absolute"), k = r ? void 0 : i(Ge, "absolute");
+  }), A = r ? void 0 : i(Oe, "absolute"), N = r ? void 0 : i(Pe, "absolute");
   return {
     wrapper: u,
-    textArea: b,
-    accessibleLabel: _,
-    visibleLabel: C,
-    helperText: f,
-    rightElement: I,
-    leftElement: k
+    textArea: w,
+    accessibleLabel: C,
+    visibleLabel: I,
+    helperText: g,
+    rightElement: A,
+    leftElement: N
   };
-}, rt = ({
+}, et = ({
   scrollHeight: e,
   currentHeight: a,
   currentLabelOffset: r = 0,
   currentHelperTextOffset: o = 0
 }) => {
-  let t, s;
+  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), s = o + Math.sign(c) * (12 * d);
+    t = r + -1 * Math.sign(c) * (12 * d), l = o + Math.sign(c) * (12 * d);
   }
   return {
     labelOffset: t,
-    helperTextOffset: s,
+    helperTextOffset: l,
     scrollHeight: e
   };
-}, oe = Re.forwardRef(
+}, ce = Le.forwardRef(
   ({
     id: e,
     name: a,
     label: r,
     error: o = !1,
     raw: t = !1,
-    className: s,
+    className: l,
     textAreaClassName: c,
     mode: d = "system",
-    focusMode: m = "system",
-    value: g,
+    focusMode: f = "system",
+    value: x,
     defaultValue: u,
-    disabled: b = !1,
-    noBorder: _ = !1,
-    labelId: C,
-    helperText: f = "",
-    helperTextOnFocus: I = !1,
-    rightElement: k,
-    leftElement: S,
+    disabled: w = !1,
+    noBorder: C = !1,
+    labelId: I,
+    helperText: g = "",
+    helperTextOnFocus: A = !1,
+    rightElement: N,
+    leftElement: _,
     onChange: V,
-    onFocus: Y,
+    onFocus: M,
     onBlur: F,
-    ...q
-  }, 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: s,
+    ...G
+  }, Z) => {
+    const y = v(null), K = Ge([Z, y]), [Q, R] = me(), [ee, S] = me(), z = v(80), te = v(-25), U = v(null), re = v(30), ae = v(null), D = $e({ id: e, prefix: `${ge}-` }), [W, j] = p(0), [q, n] = p(0), [h, L] = p(
+      !!(!A && g)
+    ), Y = `${a} error, ${g}`, k = Qe({
+      className: l,
       textAreaClassName: c,
       error: o,
       raw: t,
-      focusMode: m,
-      disabled: b,
-      noBorder: _,
+      focusMode: f,
+      disabled: w,
+      noBorder: C,
       mode: d,
-      rightElement: !!k,
-      leftElement: !!S
-    }), [M, pe] = Ve({
-      value: g,
+      rightElement: !!N,
+      leftElement: !!_
+    }), [m, T] = He({
+      value: x,
       initialControlledDelay: 20,
       defaultValue: u,
-      onChange: (w) => {
+      onChange: (E) => {
         V && V({
           target: {
-            value: w
+            value: E
           }
         });
       }
-    }), 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);
+    }), O = (E) => {
+      T(E.target.value);
+    }, X = (E) => {
+      A && g && L(!0), M && M(E);
+    }, oe = (E) => {
+      A && g && !m && L(!1), F && F(E);
     };
-    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 && M !== void 0 && (x.current.style.height = "inherit", x.current.style.height = x.current.scrollHeight + "px");
-    }, [M, t]), j(() => {
+    return J(() => {
+      R && R.width && j(R.width + 18 + 10);
+    }, [R]), J(() => {
+      S && S.width && n(S.width + 18 + 10);
+    }, [S]), J(() => {
+      t || y && y.current && m !== void 0 && (y.current.style.height = "inherit", y.current.style.height = y.current.scrollHeight + "px");
+    }, [m, t]), J(() => {
       t || setTimeout(() => {
-        L?.current?.style.setProperty(
+        U?.current?.style.setProperty(
           "--av-text-area-wrapper-transition",
-          M ? "none" : "all 0.2s ease-out"
+          m ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [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
+    }, [m, t]), J(() => {
+      if (!t && y && y.current && m !== void 0) {
+        const { labelOffset: E, helperTextOffset: ne, scrollHeight: ke } = et({
+          scrollHeight: y.current.scrollHeight,
+          currentHeight: z.current,
+          currentLabelOffset: te.current,
+          currentHelperTextOffset: re.current
         });
-        w && (z.current = w, L?.current?.style.setProperty(
+        E && (te.current = E, U?.current?.style.setProperty(
           "--av-text-area-label",
-          `${w}px`
-        )), te && (n.current = te, p?.current?.style.setProperty(
+          `${E}px`
+        )), ne && (re.current = ne, ae?.current?.style.setProperty(
           "--av-text-area-helper-text",
-          `${te}px`
-        )), W.current = be || W.current;
+          `${ne}px`
+        )), z.current = ke || z.current;
       }
-    }, [M, t]), A.width > 0 && L?.current?.style.setProperty(
+    }, [m, t]), S.width > 0 && U?.current?.style.setProperty(
       "--tw-translate-x",
-      `${12 + A.width + 5}px`
-    ), /* @__PURE__ */ N("div", { className: D.wrapper, children: [
-      /* @__PURE__ */ l(
+      `${12 + S.width + 5}px`
+    ), /* @__PURE__ */ b("div", { className: k.wrapper, children: [
+      /* @__PURE__ */ s(
         "label",
         {
-          htmlFor: E,
-          id: C,
-          className: D.accessibleLabel,
+          htmlFor: D,
+          id: I,
+          className: k.accessibleLabel,
           children: r
         }
       ),
-      S && /* @__PURE__ */ l(
+      _ && /* @__PURE__ */ s(
         "div",
         {
-          ref: Q,
-          className: D.leftElement,
-          children: S
+          ref: ee,
+          className: k.leftElement,
+          children: _
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ s(
         "textarea",
         {
           ref: K,
-          id: E,
+          id: D,
           name: a,
-          disabled: b,
+          disabled: w,
           placeholder: t ? void 0 : " ",
-          className: D.textArea,
+          className: k.textArea,
           rows: 1,
-          ...f && { "aria-describedby": `${E}-helper` },
+          ...g && { "aria-describedby": `${D}-helper` },
           ...o && { "aria-invalid": "true" },
-          ...k && !S && !t && { style: { paddingRight: H } },
-          ...S && !k && !t && { style: { paddingLeft: y } },
-          ...k && S && !t && {
+          ...N && !_ && !t && { style: { paddingRight: W } },
+          ..._ && !N && !t && { style: { paddingLeft: q } },
+          ...N && _ && !t && {
             style: {
-              paddingRight: H,
-              paddingLeft: y
+              paddingRight: W,
+              paddingLeft: q
             }
           },
-          value: M,
-          onChange: he,
-          onFocus: ge,
-          onBlur: ye,
-          ...q
+          value: m,
+          onChange: O,
+          onFocus: X,
+          onBlur: oe,
+          ...G
         }
       ),
-      !t && /* @__PURE__ */ l(
+      !t && /* @__PURE__ */ s(
         "label",
         {
-          ref: L,
+          ref: U,
           "aria-hidden": !0,
-          htmlFor: E,
-          className: `${D.visibleLabel}`,
+          htmlFor: D,
+          className: `${k.visibleLabel}`,
           children: r
         }
       ),
-      O && /* @__PURE__ */ l(
+      h && /* @__PURE__ */ s(
         "div",
         {
-          ref: p,
-          id: `${E}-helper`,
-          className: D.helperText,
-          children: f
+          ref: ae,
+          id: `${D}-helper`,
+          className: k.helperText,
+          children: g
         }
       ),
-      k && /* @__PURE__ */ l(
+      N && /* @__PURE__ */ s(
         "div",
         {
-          ref: Z,
-          className: D.rightElement,
-          children: k
+          ref: Q,
+          className: k.rightElement,
+          children: N
         }
       ),
-      o && f && /* @__PURE__ */ l(Ye, { politeness: "polite", clearAnnouncementDelay: 500, children: ee })
+      o && g && /* @__PURE__ */ s(je, { politeness: "polite", clearAnnouncementDelay: 500, children: Y })
     ] });
   }
 );
-oe.displayName = "TextArea";
+ce.displayName = "TextArea";
 /*!
   @versini/ui-textarea v4.0.11
   © 2025 gizmette.com
@@ -528,7 +528,7 @@ try {
   });
 } catch {
 }
-const at = "av-toggle", ot = ({ narrow: e }) => i(
+const tt = "av-toggle", rt = ({ narrow: e }) => i(
   "peer",
   "rounded-full",
   {
@@ -537,7 +537,7 @@ const at = "av-toggle", ot = ({ narrow: e }) => i(
   },
   // Smooth background/border transition when toggling
   "transition-colors duration-300 ease-in-out motion-reduce:transition-none"
-), nt = ({
+), at = ({
   focusMode: e
 }) => i(
   "peer-focus:outline",
@@ -549,7 +549,7 @@ const at = "av-toggle", ot = ({ narrow: e }) => i(
     "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 = ({ narrow: e }) => i(
+), ot = ({ narrow: e }) => i(
   {
     "peer-checked:after:translate-x-full": !e,
     "peer-checked:after:translate-x-4": e
@@ -559,7 +559,7 @@ const at = "av-toggle", ot = ({ narrow: e }) => i(
   // knob circle and border color when checked
   "peer-checked:after:bg-white",
   "peer-checked:after:border-white"
-), lt = ({ narrow: e }) => i(
+), nt = ({ narrow: e }) => i(
   "after:left-[2px]",
   "after:top-[2px]",
   "after:border",
@@ -575,7 +575,7 @@ const at = "av-toggle", ot = ({ narrow: e }) => i(
     // Narrow toggle knob (oval)
     " after:h-4 after:w-7": e
   }
-), ct = ({
+), st = ({
   mode: e,
   noBorder: a
 }) => i({
@@ -584,7 +584,7 @@ const at = "av-toggle", ot = ({ narrow: e }) => i(
   "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-medium bg-surface-medium dark:border-border-light dark:bg-surface-darker": e === "system"
-}), it = ({
+}), lt = ({
   mode: e,
   labelHidden: a
 }) => a ? "sr-only" : i("ml-2 text-sm", {
@@ -592,63 +592,63 @@ const at = "av-toggle", ot = ({ narrow: e }) => i(
   "text-copy-lighter": e === "dark",
   "text-copy-lighter dark:text-copy-dark": e === "alt-system",
   "text-copy-dark dark:text-copy-lighter": e === "system"
-}), dt = ({ className: e }) => i(
-  at,
+}), ct = ({ className: e }) => i(
+  tt,
   "relative flex cursor-pointer items-center",
   e
-), ut = ({
+), it = ({
   mode: e,
   focusMode: a,
   labelHidden: r,
   className: o,
   noBorder: t,
-  narrow: s
+  narrow: l
 }) => ({
   toggle: i(
-    ot({ narrow: s }),
-    ct({ mode: e, noBorder: t }),
-    nt({ focusMode: a }),
-    lt({ narrow: s }),
-    st({ narrow: s })
+    rt({ narrow: l }),
+    st({ mode: e, noBorder: t }),
+    at({ focusMode: a }),
+    nt({ narrow: l }),
+    ot({ narrow: l })
   ),
-  label: it({ mode: e, labelHidden: r }),
+  label: lt({ mode: e, labelHidden: r }),
   input: "peer sr-only",
-  wrapper: dt({ className: o })
+  wrapper: ct({ className: o })
 }), B = ({
   checked: e = !1,
   onChange: a,
   label: r,
   labelHidden: o = !1,
   name: t,
-  mode: s = "system",
+  mode: l = "system",
   focusMode: c = "system",
   className: d,
-  noBorder: m = !1,
-  narrow: g = !1
+  noBorder: f = !1,
+  narrow: x = !1
 }) => {
-  const u = ut({
-    mode: s,
+  const u = it({
+    mode: l,
     focusMode: c,
     labelHidden: o,
     className: d,
-    noBorder: m,
-    narrow: g
-  }), b = (_) => {
-    a?.(_.target.checked);
+    noBorder: f,
+    narrow: x
+  }), w = (C) => {
+    a?.(C.target.checked);
   };
-  return /* @__PURE__ */ N("label", { className: u.wrapper, children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ b("label", { className: u.wrapper, children: [
+    /* @__PURE__ */ s(
       "input",
       {
         name: t,
         checked: e,
         type: "checkbox",
         className: u.input,
-        onChange: b
+        onChange: w
       }
     ),
-    /* @__PURE__ */ l("div", { className: u.toggle }),
-    /* @__PURE__ */ l("span", { className: u.label, children: r })
+    /* @__PURE__ */ s("div", { className: u.toggle }),
+    /* @__PURE__ */ s("span", { className: u.label, children: r })
   ] });
 };
 /*!
@@ -664,138 +664,150 @@ try {
   });
 } catch {
 }
-const yt = ({
+const pt = ({
   open: e,
   onOpenChange: a
 }) => {
-  const { getAccessToken: r, user: o } = ke(), {
+  const { getAccessToken: r, user: o } = xe(), {
     data: t,
-    isSuccess: s,
+    isSuccess: l,
     refetch: c
-  } = Ie({
+  } = Se({
     user: o?.username,
     getAccessToken: r
-  }), [d, m] = h({
+  }), [d, f] = p({
     loadingLocation: !1
-  }), [g, u] = h({
+  }), [x, u] = p({
     prompts: []
-  }), [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
-  }), K = (n) => {
-    J(n);
-  }, Z = (n) => {
-    k(n);
-  }, G = (n) => {
+  }), [w, C] = p(""), [I, g] = p(""), [A, N] = p(!1), [_, V] = p(!1), [M, F] = p(!1), [G, Z] = p(!1), [y, K] = p(null), [Q, R] = p(!1), [ee, S] = p(!1), z = (n) => {
+    S(n);
+  }, te = (n) => {
+    N(n);
+  }, U = (n) => {
     V(n);
-  }, Q = async (n) => {
-    x(n), F(n), await Se(n);
-  }, A = async (n) => {
+  }, re = (n) => {
+    Z(n);
+  }, ae = async (n) => {
     n.preventDefault();
     try {
-      await se({
+      await de({
         accessToken: await r(),
-        type: le.SET_USER_PREFERENCES,
+        type: ue.SET_USER_PREFERENCES,
         params: {
           user: o?.username,
-          instructions: b,
-          location: C,
+          instructions: w,
+          location: I,
           provider: t?.provider,
-          tags: g.prompts,
-          sendOnEnter: I,
-          useMemory: S,
-          showDetails: q
+          tags: x.prompts,
+          sendOnEnter: A,
+          useMemory: _,
+          showDetails: ee
         }
-      }), c(), m({
+      }), G !== M && (await _e(G), F(G)), c(), f({
         loadingLocation: !1
       });
     } catch {
     }
-  }, W = async () => {
-    m({
+  }, D = async () => {
+    f({
       loadingLocation: !0
-    }), f("...");
+    }), g("...");
     try {
-      const n = Date.now(), p = await Ce(), E = await se({
+      const n = Date.now(), h = await Ie(), L = await de({
         accessToken: await r(),
-        type: le.GET_LOCATION,
+        type: ue.GET_LOCATION,
         params: {
-          latitude: p.latitude,
-          longitude: p.longitude
+          latitude: h.latitude,
+          longitude: h.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: O, displayName: U } = E.data, ee = y && T && O ? `${y}, ${T}, ${O}` : U;
-        m({
+      }), k = Date.now() - n;
+      if (k < 2e3 && await new Promise((m) => setTimeout(m, 2e3 - k)), L.status === 200) {
+        const { city: m, state: T, country: O, displayName: X } = L.data, oe = m && T && O ? `${m}, ${T}, ${O}` : X;
+        f({
           loadingLocation: !1
-        }), f(ee);
+        }), g(oe);
       } else
-        m({
+        f({
           loadingLocation: !1
         });
     } catch {
     }
-  }, z = () => {
+  }, W = () => {
     c(), a(!1);
-  }, L = ({
+  }, j = ({
     enabled: n = !1,
-    privateChat: p = !1,
-    clipboardAccess: E = !1,
-    ...H
+    privateChat: h = !1,
+    clipboardAccess: L = !1,
+    ...Y
   }) => {
-    u((R) => {
-      const y = R.prompts, T = {
-        ...H,
+    u((k) => {
+      const m = k.prompts, T = {
+        ...Y,
         enabled: n,
-        privateChat: p,
-        clipboardAccess: E
+        privateChat: h,
+        clipboardAccess: L
       };
-      E ? T.content = T.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : T.content = T.content.replace(/{{clipboard}}/g, "");
-      const O = y.findIndex((U) => U.slot === H.slot);
+      L ? T.content = T.content.replace(/{{clipboard}}/g, "") + " {{clipboard}}" : T.content = T.content.replace(/{{clipboard}}/g, "");
+      const O = m.findIndex((X) => X.slot === Y.slot);
       return O === -1 ? {
-        ...R,
-        prompts: [...y, { ...T }]
-      } : (y[O] = T, {
-        ...R,
-        prompts: [...y]
+        ...k,
+        prompts: [...m, { ...T }]
+      } : (m[O] = T, {
+        ...k,
+        prompts: [...m]
       });
     });
-  };
-  return X(() => {
-    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,
+  }, q = pe(async () => {
+    try {
+      R(!0);
+      const n = await we();
+      K(n);
+    } catch {
+    } finally {
+      R(!1);
+    }
+  }, []);
+  return $(() => {
+    if (!t)
+      return;
+    t.instructions && C(t.instructions), t.location && g(t.location), t.tags && u({ prompts: t.tags }), t.sendOnEnter !== void 0 && N(t.sendOnEnter), t.useMemory !== void 0 && V(t.useMemory), t.showDetails !== void 0 && S(t.showDetails);
+    const n = Ne();
+    F(n), Z(n);
+  }, [t]), $(() => {
+    M ? q() : K(null);
+  }, [M, q]), l ? /* @__PURE__ */ b(
+    Ae,
     {
       open: e,
-      onOpenChange: z,
-      title: we,
+      onOpenChange: W,
+      title: Te,
       animation: !0,
       animationType: "fade",
-      footer: /* @__PURE__ */ N(
-        _e,
+      footer: /* @__PURE__ */ b(
+        Ce,
         {
           columnGap: 2,
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ l(ne, { children: /* @__PURE__ */ l(
-              re,
+            /* @__PURE__ */ s(ie, { children: /* @__PURE__ */ s(
+              se,
               {
                 mode: "dark",
                 variant: "secondary",
                 focusMode: "light",
                 noBorder: !0,
-                onClick: z,
+                onClick: W,
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ l(ne, { children: /* @__PURE__ */ l(
-              re,
+            /* @__PURE__ */ s(ie, { children: /* @__PURE__ */ s(
+              se,
               {
                 mode: "dark",
                 focusMode: "light",
                 onClick: async (n) => {
-                  a(!1), await A(n);
+                  a(!1), await ae(n);
                 },
                 children: "Save"
               }
@@ -804,66 +816,66 @@ const yt = ({
         }
       ),
       children: [
-        /* @__PURE__ */ N(
-          $,
+        /* @__PURE__ */ b(
+          H,
           {
             header: P.SETTINGS_DETAILS.TITLE,
             className: "prose-dark dark:prose-lighter",
             noBorder: !0,
             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(
                 B,
                 {
                   narrow: !0,
                   className: "mt-2",
                   label: "Show Message Statistics",
                   name: "show-message-statistics",
-                  onChange: K,
-                  checked: q
+                  onChange: z,
+                  checked: ee
                 }
               ),
-              /* @__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(
                 B,
                 {
                   narrow: !0,
                   className: "mt-2",
                   label: "Send Message on Enter",
                   name: "send-message-on-enter",
-                  onChange: Z,
-                  checked: I
+                  onChange: te,
+                  checked: A
                 }
               ),
-              /* @__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(
                 B,
                 {
                   narrow: !0,
                   className: "mt-2",
                   label: "Use Memory",
                   name: "use-memory",
-                  onChange: G,
-                  checked: S
+                  onChange: U,
+                  checked: _
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ N(
-          $,
+        /* @__PURE__ */ b(
+          H,
           {
             header: "Custom Instructions",
             className: "prose-dark dark:prose-lighter mt-4",
             noBorder: !0,
             children: [
-              /* @__PURE__ */ N("p", { className: "text-sm", children: [
+              /* @__PURE__ */ b("p", { className: "text-sm", children: [
                 "What would you like ",
-                /* @__PURE__ */ l("em", { children: Ne }),
+                /* @__PURE__ */ s("em", { children: Ee }),
                 " to know about you to provide better responses?"
               ] }),
-              /* @__PURE__ */ l(
-                oe,
+              /* @__PURE__ */ s(
+                ce,
                 {
                   mode: "alt-system",
                   autoCapitalize: "off",
@@ -871,9 +883,9 @@ const yt = ({
                   autoCorrect: "off",
                   name: "customInstructions",
                   label: "Custom Instructions",
-                  value: b,
+                  value: w,
                   onChange: (n) => {
-                    _(n.target.value);
+                    C(n.target.value);
                   },
                   helperText: "Press ENTER to add a new line."
                 }
@@ -881,82 +893,60 @@ const yt = ({
             ]
           }
         ),
-        /* @__PURE__ */ N(
-          $,
+        /* @__PURE__ */ b(
+          H,
           {
             header: "Location",
             className: "prose-dark dark:prose-lighter mt-4",
             noBorder: !0,
             children: [
-              /* @__PURE__ */ l("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
-              /* @__PURE__ */ l(
-                oe,
+              /* @__PURE__ */ s("p", { className: "text-sm", children: "You can share your location to receive customized responses based on your area." }),
+              /* @__PURE__ */ s(
+                ce,
                 {
                   mode: "alt-system",
                   name: "location",
                   label: "Location",
-                  value: C,
+                  value: I,
                   onChange: (n) => {
-                    f(n.target.value);
+                    g(n.target.value);
                   },
                   helperText: "Enter your location or press auto-detect."
                 }
               ),
-              /* @__PURE__ */ l(
-                re,
+              /* @__PURE__ */ s(
+                se,
                 {
                   className: "mt-2",
                   size: "small",
                   noBorder: !0,
                   variant: "secondary",
                   disabled: d.loadingLocation,
-                  onClick: W,
+                  onClick: D,
                   children: d.loadingLocation ? "Detecting..." : "Auto-detect"
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ N(
-          $,
-          {
-            header: P.SETTINGS_CACHING.TITLE,
-            className: "prose-dark dark:prose-lighter mt-4",
-            noBorder: !0,
-            children: [
-              /* @__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",
-                  onChange: Q,
-                  checked: Y
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ N(
-          $,
+        /* @__PURE__ */ b(
+          H,
           {
             header: P.SETTINGS_PROMPTS.TITLE,
             className: "prose-dark dark:prose-lighter mt-4",
             noBorder: !0,
             children: [
-              /* @__PURE__ */ l("p", { className: "text-sm", children: ve }),
-              g.prompts && g.prompts.slice(0, 3).map((n) => /* @__PURE__ */ N(
-                $,
+              /* @__PURE__ */ s("p", { className: "text-sm", children: ve }),
+              x.prompts && x.prompts.slice(0, 3).map((n) => /* @__PURE__ */ b(
+                H,
                 {
                   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(
                       B,
                       {
                         narrow: !0,
@@ -966,16 +956,16 @@ const yt = ({
                         noBorder: !0,
                         label: "Enabled",
                         name: n.slot.toString(),
-                        onChange: (p) => {
-                          L({
+                        onChange: (h) => {
+                          j({
                             ...n,
-                            enabled: p
+                            enabled: h
                           });
                         },
                         checked: n.enabled
                       }
                     ),
-                    /* @__PURE__ */ l(
+                    /* @__PURE__ */ s(
                       B,
                       {
                         narrow: !0,
@@ -985,16 +975,16 @@ const yt = ({
                         noBorder: !0,
                         label: "Private Chat",
                         name: `private-${n.slot.toString()}`,
-                        onChange: (p) => {
-                          L({
+                        onChange: (h) => {
+                          j({
                             ...n,
-                            privateChat: p
+                            privateChat: h
                           });
                         },
                         checked: n.privateChat
                       }
                     ),
-                    /* @__PURE__ */ l(
+                    /* @__PURE__ */ s(
                       B,
                       {
                         narrow: !0,
@@ -1004,10 +994,10 @@ const yt = ({
                         noBorder: !0,
                         label: "Use Clipboard",
                         name: `clipboard-${n.slot.toString()}`,
-                        onChange: (p) => {
-                          L({
+                        onChange: (h) => {
+                          j({
                             ...n,
-                            clipboardAccess: p
+                            clipboardAccess: h
                           });
                         },
                         checked: n.clipboardAccess
@@ -1019,11 +1009,56 @@ const yt = ({
               ))
             ]
           }
+        ),
+        /* @__PURE__ */ b(
+          H,
+          {
+            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(
+                B,
+                {
+                  narrow: !0,
+                  className: "mt-2",
+                  label: "Enable Assets Caching",
+                  name: "enable-service-worker",
+                  onChange: re,
+                  checked: G
+                }
+              ),
+              M && /* @__PURE__ */ b("div", { className: "mt-4 p-3 border border-dashed border-neutral-700 dark:border-neutral-400 rounded @container/optimizations", children: [
+                /* @__PURE__ */ s("h3", { className: "m-0 mb-2 text-xs uppercase opacity-70", children: "Cache Info" }),
+                y ? /* @__PURE__ */ b("div", { className: "text-xs space-y-2", children: [
+                  /* @__PURE__ */ b("p", { className: "m-0", children: [
+                    "Version: ",
+                    /* @__PURE__ */ s("strong", { children: y.version })
+                  ] }),
+                  /* @__PURE__ */ b("p", { className: "m-0", children: [
+                    "Total Items: ",
+                    /* @__PURE__ */ s("strong", { children: y.totalItems })
+                  ] }),
+                  y.caches.map((n) => /* @__PURE__ */ s("div", { children: /* @__PURE__ */ s("ul", { className: "not-prose font-mono mt-2 list-none w-[95cqw]", children: n.urls.map((h) => /* @__PURE__ */ s(
+                    "li",
+                    {
+                      className: "truncate text-xs text-copy-dark dark:text-copy-light overflow-hidden text-ellipsis",
+                      title: h,
+                      children: new URL(h).pathname
+                    },
+                    h
+                  )) }) }, n.name)),
+                  y.totalItems === 0 && !Q && /* @__PURE__ */ s("p", { className: "italic m-0 opacity-70", children: "No cached assets yet." })
+                ] }) : /* @__PURE__ */ s("p", { className: "text-xs opacity-70 m-0", children: Q ? "Loading cache info..." : "No cache info available." })
+              ] })
+            ]
+          }
         )
       ]
     }
   ) : null;
 };
 export {
-  yt as SettingsPanel
+  pt as SettingsPanel
 };