@versini/sassysaint 4.2.0 → 4.3.1

package/dist/chunks/{useLocalStorage.DJIqD2i3.js → useLocalStorage.C4iGBmg7.js}

@@ -1,8 +1,8 @@
-import { jsxs as N, Fragment as be, jsx as l } from "react/jsx-runtime";
+import { jsxs as x, Fragment as fe, jsx as l } from "react/jsx-runtime";
 import i from "clsx";
-import H, { useContext as O, useRef as w, useState as J, useLayoutEffect as M, useSyncExternalStore as fe, useCallback as q, useEffect as ke } from "react";
-import { A as _e, i as xe, f as we, S as Ne, f$1 as Te, M as ve, U as Se, r as Ce, o as Ie, n as ae, l as Ee, a as j, MODEL_GPT4 as He } from "./index.BvXbpfqe.js";
-const Oe = (e) => {
+import H, { useContext as O, useRef as N, useState as J, useLayoutEffect as L, useSyncExternalStore as ke, useCallback as q, useEffect as _e } from "react";
+import { A as xe, i as we, f as Ne, S as Te, f$1 as ve, V as Se, j as Ce, F as Ie, r as Ee, o as He, n as ae, l as Oe, a as j, MODEL_GPT4 as Ae } from "./index.BlSrPZWf.js";
+const $e = (e) => {
   let r = "";
   if (typeof e == "number" || typeof e == "string")
     r = "m-" + e;
@@ -23,11 +23,11 @@ const Oe = (e) => {
   semantic: n = !1,
   ...m
 }) => {
-  const h = Oe(c), y = i(
+  const h = $e(c), y = i(
     h,
     a || o
   );
-  return /* @__PURE__ */ N(be, { children: [
+  return /* @__PURE__ */ x(fe, { children: [
     /* @__PURE__ */ l(
       "svg",
       {
@@ -52,33 +52,33 @@ const Oe = (e) => {
 try {
   window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
     version: "1.4.8",
-    buildTime: "08/25/2024 02:12 PM EDT",
+    buildTime: "09/05/2024 01:34 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
 /*!
-  @versini/ui-icons v1.11.0
+  @versini/ui-icons v1.12.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "1.11.0",
-    buildTime: "08/25/2024 02:12 PM EDT",
+    version: "1.12.0",
+    buildTime: "09/05/2024 01:34 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Ae = ({
+const Be = ({
   className: e,
   viewBox: r,
   spacing: t,
   title: a,
   monotone: s,
   ...o
-}) => /* @__PURE__ */ N(
+}) => /* @__PURE__ */ x(
   Q,
   {
     defaultViewBox: "0 0 576 512",
@@ -99,14 +99,14 @@ const Ae = ({
       /* @__PURE__ */ l("path", { d: "M137.4 470.6c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 370.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V370.7L86.6 329.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96z" })
     ]
   }
-), Be = ({
+), Me = ({
   className: e,
   viewBox: r,
   spacing: t,
   title: a,
   monotone: s,
   ...o
-}) => /* @__PURE__ */ N(
+}) => /* @__PURE__ */ x(
   Q,
   {
     defaultViewBox: "0 0 576 512",
@@ -127,14 +127,14 @@ const Ae = ({
       /* @__PURE__ */ l("path", { d: "M128 480c9 0 17.5-3.8 23.6-10.4l88-96c11.9-13 11.1-33.3-2-45.2s-33.3-11.1-45.2 2L160 365.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V365.7L63.6 330.4c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96C110.5 476.2 119 480 128 480z" })
     ]
   }
-), $e = ({
+), Le = ({
   className: e,
   viewBox: r,
   spacing: t,
   title: a,
   monotone: s,
   ...o
-}) => /* @__PURE__ */ N(
+}) => /* @__PURE__ */ x(
   Q,
   {
     defaultViewBox: "0 0 576 512",
@@ -172,13 +172,13 @@ const Ae = ({
     labelRight: p,
     labelLeft: _,
     spacing: g,
-    noBackground: C = !1,
-    align: x = "center",
+    noBackground: S = !1,
+    align: C = "center",
     active: A = !1,
-    ...B
-  }, $) => {
-    const V = _e({
-      type: we,
+    ...$
+  }, B) => {
+    const U = xe({
+      type: Ne,
       mode: t,
       focusMode: a,
       fullWidth: s,
@@ -190,8 +190,8 @@ const Ae = ({
       labelRight: p,
       labelLeft: _,
       spacing: g,
-      noBackground: C,
-      align: x
+      noBackground: S,
+      align: C
     }), z = i({
       "text-copy-accent-dark": t === "light" && !d,
       "text-copy-light": t === "dark" && !d,
@@ -214,15 +214,15 @@ const Ae = ({
         "after:border-table-light dark:after:border-table-dark": t === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ l("div", { className: G, children: /* @__PURE__ */ N(
-      xe,
+    return /* @__PURE__ */ l("div", { className: G, children: /* @__PURE__ */ x(
+      we,
       {
-        ref: $,
-        className: V,
+        ref: B,
+        className: U,
         disabled: r,
         type: c,
         "aria-label": m || h,
-        ...B,
+        ...$,
         children: [
           _ && /* @__PURE__ */ l("span", { className: "pr-2", children: _ }),
           /* @__PURE__ */ l("div", { className: z, children: e }),
@@ -233,16 +233,16 @@ const Ae = ({
   }
 );
 se.displayName = "ButtonSort";
-const S = H.createContext({
+const v = H.createContext({
   mode: "light",
   cellWrapper: "thead",
   stickyHeader: !1,
   stickyFooter: !1,
   compact: !1
-}), R = "thead", Y = "tfoot", v = "tbody", U = {
+}), R = "thead", Y = "tfoot", T = "tbody", V = {
   ASC: "asc",
   DESC: "desc"
-}, Le = ({
+}, Ve = ({
   mode: e,
   className: r,
   wrapperClassName: t,
@@ -252,7 +252,7 @@ const S = H.createContext({
 }) => ({
   wrapper: i(
     "not-prose relative w-full rounded-lg shadow-md",
-    Ne(o),
+    Te(o),
     {
       "overflow-x-auto": !a && !s,
       "overflow-y-scroll": a || s,
@@ -275,7 +275,7 @@ const S = H.createContext({
     "text-copy-light dark:text-copy-dark": e === "system",
     "text-copy-dark dark:text-copy-light": e === "alt-system"
   })
-}), Me = ({
+}), Re = ({
   className: e,
   stickyHeader: r,
   mode: t
@@ -295,7 +295,7 @@ const S = H.createContext({
   "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": r && t === "system",
   "shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": r && t === "light",
   "shadow-[rgb(65_65_65_/30%)_-0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": r && t === "alt-system"
-}), Re = ({
+}), ze = ({
   mode: e,
   className: r,
   cellWrapper: t
@@ -306,14 +306,14 @@ const S = H.createContext({
   "bg-table-head-light dark:bg-table-head-dark": e === "alt-system"
 }) : i("border-b last:border-0", r, {
   "border-table-dark": e === "dark",
-  "odd:bg-table-dark-odd even:bg-table-dark-even": t === v && e === "dark",
+  "odd:bg-table-dark-odd even:bg-table-dark-even": t === T && e === "dark",
   "border-table-light": e === "light",
-  "odd:bg-table-light-odd even:bg-table-light-even": t === v && e === "light",
+  "odd:bg-table-light-odd even:bg-table-light-even": t === T && e === "light",
   "border-table-dark dark:border-table-light": e === "system",
-  "odd:bg-table-dark-odd even:bg-table-dark-even dark:odd:bg-table-light-odd dark:even:bg-table-light-even": t === v && e === "system",
+  "odd:bg-table-dark-odd even:bg-table-dark-even dark:odd:bg-table-light-odd dark:even:bg-table-light-even": t === T && e === "system",
   "border-table-light dark:border-table-dark": e === "alt-system",
-  "odd:bg-table-light-odd even:bg-table-light-even dark:odd:bg-table-dark-odd dark:even:bg-table-dark-even": t === v && e === "alt-system"
-}), Ve = ({
+  "odd:bg-table-light-odd even:bg-table-light-even dark:odd:bg-table-dark-odd dark:even:bg-table-dark-even": t === T && e === "alt-system"
+}), Ge = ({
   cellWrapper: e,
   className: r,
   compact: t,
@@ -324,9 +324,9 @@ const S = H.createContext({
   "text-copy-light dark:text-copy-dark": a === "system",
   "text-copy-dark dark:text-copy-light": a === "alt-system",
   "px-4 py-3": !t && (e === R || e === Y),
-  "p-4": !t && e === v,
+  "p-4": !t && e === T,
   "px-4 py-1": t
-}), st = ({
+}), lt = ({
   children: e,
   mode: r = "system",
   caption: t,
@@ -340,7 +340,7 @@ const S = H.createContext({
   spacing: h,
   ...y
 }) => {
-  const p = Le({
+  const p = Ve({
     mode: r,
     className: o,
     wrapperClassName: c,
@@ -349,7 +349,7 @@ const S = H.createContext({
     spacing: h
   });
   return /* @__PURE__ */ l(
-    S.Provider,
+    v.Provider,
     {
       value: { mode: r, stickyHeader: n, stickyFooter: m, compact: a },
       children: /* @__PURE__ */ l(
@@ -359,7 +359,7 @@ const S = H.createContext({
           ...d && {
             style: { maxHeight: d }
           },
-          children: /* @__PURE__ */ N("table", { className: p.table, summary: s, ...y, children: [
+          children: /* @__PURE__ */ x("table", { className: p.table, summary: s, ...y, children: [
             t && /* @__PURE__ */ l("caption", { className: p.caption, children: t }),
             e
           ] })
@@ -367,25 +367,25 @@ const S = H.createContext({
       )
     }
   );
-}, ot = ({
+}, ct = ({
   children: e,
   className: r,
   ...t
 }) => {
-  const a = O(S);
+  const a = O(v);
   a.cellWrapper = R;
-  const s = Me({
+  const s = Re({
     className: r,
     mode: a.mode,
     stickyHeader: a.stickyHeader
   });
   return /* @__PURE__ */ l("thead", { className: s, ...t, children: e });
-}, lt = ({
+}, dt = ({
   children: e,
   className: r,
   ...t
 }) => {
-  const a = O(S);
+  const a = O(v);
   a.cellWrapper = Y;
   const s = Ue({
     className: r,
@@ -393,34 +393,34 @@ const S = H.createContext({
     stickyFooter: a.stickyFooter
   });
   return /* @__PURE__ */ l("tfoot", { className: s, ...t, children: e });
-}, ct = ({ children: e, ...r }) => {
-  const t = O(S);
-  return t.cellWrapper = v, /* @__PURE__ */ l("tbody", { ...r, children: e });
-}, dt = ({
+}, it = ({ children: e, ...r }) => {
+  const t = O(v);
+  return t.cellWrapper = T, /* @__PURE__ */ l("tbody", { ...r, children: e });
+}, nt = ({
   children: e,
   className: r,
   ...t
 }) => {
-  const a = O(S), s = Re({
+  const a = O(v), s = ze({
     mode: a.mode,
     cellWrapper: a.cellWrapper,
     className: r
   });
   return /* @__PURE__ */ l("tr", { className: s, ...t, children: e });
-}, ze = ({
+}, Fe = ({
   children: e,
   component: r,
   className: t,
   ...a
 }) => {
-  const s = O(S), o = r || (s.cellWrapper === R ? "th" : "td"), c = Ve({
+  const s = O(v), o = r || (s.cellWrapper === R ? "th" : "td"), c = Ge({
     cellWrapper: s.cellWrapper,
     className: t,
     mode: s.mode,
     compact: s.compact
   });
   return /* @__PURE__ */ l(o, { className: c, ...a, children: e });
-}, it = ({
+}, mt = ({
   align: e,
   children: r,
   className: t,
@@ -433,12 +433,12 @@ const S = H.createContext({
   cellId: m,
   ...h
 }) => /* @__PURE__ */ l(
-  ze,
+  Fe,
   {
     component: a,
     className: t,
     role: "columnheader",
-    "aria-sort": d === U.ASC && n === m ? "ascending" : d === U.DESC && n === m ? "descending" : "other",
+    "aria-sort": d === V.ASC && n === m ? "ascending" : d === V.DESC && n === m ? "descending" : "other",
     ...h,
     children: /* @__PURE__ */ l(
       se,
@@ -452,12 +452,12 @@ const S = H.createContext({
         mode: o,
         fullWidth: !0,
         labelRight: r,
-        children: d === U.ASC && n === m ? /* @__PURE__ */ l($e, { className: "size-4", monotone: !0 }) : d === U.DESC && n === m ? /* @__PURE__ */ l(Be, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ l(Ae, { className: "size-4", monotone: !0 })
+        children: d === V.ASC && n === m ? /* @__PURE__ */ l(Le, { className: "size-4", monotone: !0 }) : d === V.DESC && n === m ? /* @__PURE__ */ l(Me, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ l(Be, { className: "size-4", monotone: !0 })
       }
     )
   }
 );
-function Ge({
+function De({
   value: e,
   defaultValue: r,
   finalValue: t,
@@ -471,21 +471,21 @@ function Ge({
     o(c), a == null || a(c);
   }, !1];
 }
-const De = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", Fe = ({
+const Pe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", We = ({
   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"
-}), We = ({
+}), qe = ({
   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"
-}), Pe = ({
+}), je = ({
   noBorder: e,
   error: r
 }) => i("border-2", {
@@ -493,7 +493,7 @@ const De = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   "focus:border-border-dark": !e && r,
   "border-border-error-dark": !e && r,
   "border-transparent": e
-}), qe = ({
+}), Je = ({
   disabled: e,
   raw: r,
   error: t,
@@ -517,7 +517,7 @@ const De = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       "text-copy-error-dark dark:text-copy-error-light": a === "system",
       "text-copy-medium dark:text-copy-error-dark": a === "alt-system"
     });
-}, je = ({
+}, Qe = ({
   error: e,
   raw: r,
   mode: t,
@@ -544,7 +544,7 @@ const De = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       "text-copy-error-dark dark:text-copy-error-light": t === "system",
       "dark:text-copy-error-dark text-copy-error-light": t === "alt-system"
     });
-}, Je = ({
+}, Ye = ({
   className: e,
   textAreaClassName: r,
   raw: t,
@@ -557,33 +557,33 @@ const De = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
 }) => {
   const m = t ? e : i(
     "relative flex w-full flex-col justify-center",
-    Ce,
+    Ee,
     e,
-    Ie(d)
+    He(d)
   ), h = t ? i(r) : i(
     ae,
     r,
-    De(),
-    Fe({ mode: n }),
-    We({ focusMode: a }),
-    Pe({
+    Pe(),
+    We({ mode: n }),
+    qe({ focusMode: a }),
+    je({
       noBorder: o,
       error: c
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": s
     }
-  ), y = t ? void 0 : "sr-only", p = qe({
+  ), y = t ? void 0 : "sr-only", p = Je({
     disabled: s,
     raw: t,
     error: c,
     mode: n
-  }), _ = je({
+  }), _ = Qe({
     error: c,
     raw: t,
     mode: n,
     disabled: s
-  }), g = t ? void 0 : i(Ee, "absolute");
+  }), g = t ? void 0 : i(Oe, "absolute");
   return {
     wrapper: m,
     textArea: h,
@@ -592,7 +592,7 @@ const De = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     helperText: _,
     rightElement: g
   };
-}, Qe = ({
+}, Ke = ({
   scrollHeight: e,
   currentHeight: r,
   currentLabelOffset: t = 0,
@@ -608,7 +608,7 @@ const De = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     helperTextOffset: o,
     scrollHeight: e
   };
-}, Ye = H.forwardRef(
+}, Xe = H.forwardRef(
   ({
     id: e,
     name: r,
@@ -625,17 +625,17 @@ const De = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     noBorder: p = !1,
     labelId: _,
     helperText: g = "",
-    helperTextOnFocus: C = !1,
-    rightElement: x,
+    helperTextOnFocus: S = !1,
+    rightElement: C,
     onChange: A,
-    onFocus: B,
-    onBlur: $,
-    spacing: V,
+    onFocus: $,
+    onBlur: B,
+    spacing: U,
     ...z
   }, G) => {
-    const b = w(null), ce = Te([G, b]), L = w(null), D = w(80), K = w(-25), I = w(null), X = w(30), F = w(null), E = ve({ id: e, prefix: `${ae}-` }), [de, ie] = J(0), [ne, Z] = J(
-      !!(!C && g)
-    ), me = `${r} error, ${g}`, T = Je({
+    const b = N(null), ce = ve([G, b]), [de, M] = Se(), F = N(80), K = N(-25), I = N(null), X = N(30), D = N(null), E = Ce({ id: e, prefix: `${ae}-` }), [ie, ne] = J(0), [me, Z] = J(
+      !!(!S && g)
+    ), ue = `${r} error, ${g}`, w = Ye({
       className: o,
       textAreaClassName: c,
       error: a,
@@ -643,9 +643,9 @@ const De = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       focusMode: n,
       disabled: y,
       noBorder: p,
-      spacing: V,
+      spacing: U,
       mode: d
-    }), [f, ue] = Ge({
+    }), [f, he] = De({
       value: m,
       defaultValue: h,
       onChange: (u) => {
@@ -655,18 +655,18 @@ const De = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           }
         });
       }
-    }), he = (u) => {
-      ue(u.target.value);
-    }, pe = (u) => {
-      C && g && Z(!0), B && B(u);
+    }), pe = (u) => {
+      he(u.target.value);
     }, ge = (u) => {
-      C && g && !f && Z(!1), $ && $(u);
+      S && g && Z(!0), $ && $(u);
+    }, ye = (u) => {
+      S && g && !f && Z(!1), B && B(u);
     };
-    return M(() => {
-      !s && x && L.current && L.current.offsetWidth > 0 && ie(L.current.offsetWidth + 18 + 10);
-    }, [x, s]), M(() => {
+    return L(() => {
+      M && M.width && ne(M.width + 18 + 10);
+    }, [M]), L(() => {
       s || b && b.current && f !== void 0 && (b.current.style.height = "inherit", b.current.style.height = b.current.scrollHeight + "px");
-    }, [f, s]), M(() => {
+    }, [f, s]), L(() => {
       s || setTimeout(() => {
         var u;
         (u = I == null ? void 0 : I.current) == null || u.style.setProperty(
@@ -674,30 +674,30 @@ const De = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           f ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [f, s]), M(() => {
+    }, [f, s]), L(() => {
       var u, ee;
       if (!s && b && b.current && f !== void 0) {
-        const { labelOffset: W, helperTextOffset: P, scrollHeight: ye } = Qe({
+        const { labelOffset: P, helperTextOffset: W, scrollHeight: be } = Ke({
           scrollHeight: b.current.scrollHeight,
-          currentHeight: D.current,
+          currentHeight: F.current,
           currentLabelOffset: K.current,
           currentHelperTextOffset: X.current
         });
-        W && (K.current = W, (u = I == null ? void 0 : I.current) == null || u.style.setProperty(
+        P && (K.current = P, (u = I == null ? void 0 : I.current) == null || u.style.setProperty(
           "--av-text-area-label",
-          `${W}px`
-        )), P && (X.current = P, (ee = F == null ? void 0 : F.current) == null || ee.style.setProperty(
-          "--av-text-area-helper-text",
           `${P}px`
-        )), D.current = ye || D.current;
+        )), W && (X.current = W, (ee = D == null ? void 0 : D.current) == null || ee.style.setProperty(
+          "--av-text-area-helper-text",
+          `${W}px`
+        )), F.current = be || F.current;
       }
-    }, [f, s]), /* @__PURE__ */ N("div", { className: T.wrapper, children: [
+    }, [f, s]), /* @__PURE__ */ x("div", { className: w.wrapper, children: [
       /* @__PURE__ */ l(
         "label",
         {
           htmlFor: E,
           id: _,
-          className: T.accessibleLabel,
+          className: w.accessibleLabel,
           children: t
         }
       ),
@@ -709,15 +709,15 @@ const De = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           name: r,
           disabled: y,
           placeholder: s ? void 0 : " ",
-          className: T.textArea,
+          className: w.textArea,
           rows: 1,
           ...g && { "aria-describedby": `${E}-helper` },
           ...a && { "aria-invalid": "true" },
-          ...x && !s && { style: { paddingRight: de } },
+          ...C && !s && { style: { paddingRight: ie } },
           value: f,
-          onChange: he,
-          onFocus: pe,
-          onBlur: ge,
+          onChange: pe,
+          onFocus: ge,
+          onBlur: ye,
           ...z
         }
       ),
@@ -727,32 +727,32 @@ const De = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           ref: I,
           "aria-hidden": !0,
           htmlFor: E,
-          className: T.visibleLabel,
+          className: w.visibleLabel,
           children: t
         }
       ),
-      ne && /* @__PURE__ */ l(
+      me && /* @__PURE__ */ l(
         "div",
         {
-          ref: F,
+          ref: D,
           id: `${E}-helper`,
-          className: T.helperText,
+          className: w.helperText,
           children: g
         }
       ),
-      x && /* @__PURE__ */ l(
+      C && /* @__PURE__ */ l(
         "div",
         {
-          ref: L,
-          className: T.rightElement,
-          children: x
+          ref: de,
+          className: w.rightElement,
+          children: C
         }
       ),
-      a && g && /* @__PURE__ */ l(Se, { politeness: "polite", clearAnnouncementDelay: 500, children: me })
+      a && g && /* @__PURE__ */ l(Ie, { politeness: "polite", clearAnnouncementDelay: 500, children: ue })
     ] });
   }
 );
-Ye.displayName = "TextArea";
+Xe.displayName = "TextArea";
 const k = {
   GET_LOCATION: `query GetLocation($latitude: Float!, $longitude: Float!) {
     location(latitude: $latitude, longitude: $longitude) {
@@ -806,12 +806,21 @@ const k = {
 		}
 	}`,
   GET_CUSTOM_INSTRUCTIONS: `query GetCustomInstructions($user: String!) {
-		getCustomInstructions(user: $user)
+		getCustomInstructions(user: $user) {
+			instructions
+			location
+		}
 	}`,
-  SET_CUSTOM_INSTRUCTIONS: `mutation SetCustomInstructions($user: String!, $instructions: String!) {
-		setCustomInstructions(user: $user, instructions: $instructions)
+  SET_CUSTOM_INSTRUCTIONS: `mutation SetCustomInstructions(
+		$user: String!,
+		$instructions: String!,
+		$location: String) {
+			setCustomInstructions(
+			user: $user,
+			instructions: $instructions,
+			location: $location)
 	}`
-}, nt = {
+}, ut = {
   GET_LOCATION: {
     schema: k.GET_LOCATION,
     method: "location",
@@ -866,10 +875,11 @@ const k = {
     method: "setCustomInstructions",
     data: (e) => ({
       user: e.user,
-      instructions: e.instructions
+      instructions: e.instructions,
+      location: e.location
     })
   }
-}, oe = process.env.PUBLIC_SASSY_API_SERVER_URL, Ke = async ({
+}, oe = process.env.PUBLIC_SASSY_API_SERVER_URL, Ze = async ({
   query: e,
   data: r,
   headers: t = {}
@@ -885,14 +895,14 @@ const k = {
     query: e,
     variables: r
   })
-}), mt = async ({
+}), ht = async ({
   accessToken: e,
   type: r,
   params: t = {}
 }) => {
   const a = r != null && r.data ? r.data(t) : t;
   try {
-    const s = `Bearer ${e}`, o = await Ke({
+    const s = `Bearer ${e}`, o = await Ze({
       headers: {
         authorization: s
       },
@@ -910,7 +920,7 @@ const k = {
   } catch (s) {
     return console.error(s), { status: 500, data: [] };
   }
-}, ut = async ({
+}, pt = async ({
   accessToken: e,
   name: r,
   data: t,
@@ -926,10 +936,10 @@ const k = {
     },
     body: JSON.stringify(t)
   });
-}, ht = H.createContext({
+}, gt = H.createContext({
   state: {
     id: "",
-    model: He,
+    model: Ae,
     usage: 0,
     messages: [],
     isComponent: !1
@@ -937,7 +947,7 @@ const k = {
   dispatch: () => {
   },
   serverStats: { version: "", models: [], plugins: [] }
-}), pt = H.createContext({
+}), yt = H.createContext({
   state: { searchString: "", sortedCell: "", sortDirection: "" },
   dispatch: () => {
   }
@@ -950,18 +960,18 @@ const te = (e, r) => {
     typeof r == "function" ? r() : r
   );
   window.localStorage.setItem(e, t), le(e, t);
-}, Xe = (e) => {
+}, et = (e) => {
   window.localStorage.removeItem(e), le(e, null);
-}, re = (e) => window.localStorage.getItem(e), Ze = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
-function gt({
+}, re = (e) => window.localStorage.getItem(e), tt = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
+function bt({
   key: e,
   initialValue: r
 }) {
-  const t = fe(Ze, () => re(e)), a = q(
+  const t = ke(tt, () => re(e)), a = q(
     (c) => {
       try {
         const d = typeof c == "function" ? c(JSON.parse(t)) : c;
-        d == null ? Xe(e) : te(e, d);
+        d == null ? et(e) : te(e, d);
       } catch (d) {
         console.warn(d);
       }
@@ -972,7 +982,7 @@ function gt({
   }, [r, a]), o = q(() => {
     a(null);
   }, [a]);
-  return ke(() => {
+  return _e(() => {
     try {
       re(e) === null && typeof r < "u" && te(e, r);
     } catch (c) {
@@ -981,20 +991,20 @@ function gt({
   }, [e, r]), [t ? JSON.parse(t) : null, a, s, o];
 }
 export {
-  ht as AppContext,
-  gt as E,
-  pt as HistoryContext,
-  ze as J,
-  nt as SERVICE_TYPES,
-  ot as at,
-  it as ct,
-  st as et,
+  gt as AppContext,
+  Xe as At,
+  bt as E,
+  yt as HistoryContext,
+  Fe as J,
+  ut as SERVICE_TYPES,
+  ct as at,
+  mt as ct,
+  lt as et,
   Q as g,
-  U as k,
-  Ye as kt,
-  dt as lt,
-  ut as restCall,
-  lt as rt,
-  mt as serviceCall,
-  ct as st
+  V as k,
+  nt as lt,
+  pt as restCall,
+  dt as rt,
+  ht as serviceCall,
+  it as st
 };