@versini/sassysaint 4.3.2 → 4.3.4

package/dist/chunks/{useLocalStorage.RmxGoFAM.js → useLocalStorage.CHGtMHE-.js}

@@ -1,8 +1,8 @@
-import { jsxs as x, Fragment as fe, jsx as l } from "react/jsx-runtime";
+import { jsxs as x, Fragment as ke, jsx as c } from "react/jsx-runtime";
 import i from "clsx";
-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.CRgG-bmB.js";
-const $e = (e) => {
+import H, { useContext as A, useRef as N, useState as z, useLayoutEffect as L, useEffect as ae, useSyncExternalStore as _e, useCallback as j } 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 se, l as Ae, a as J, MODEL_GPT4 as Oe } from "./index.DW-8fMRN.js";
+const Be = (e) => {
   let r = "";
   if (typeof e == "number" || typeof e == "string")
     r = "m-" + e;
@@ -18,17 +18,17 @@ const $e = (e) => {
   className: a,
   defaultViewBox: s,
   defaultClassName: o,
-  spacing: c,
-  title: d,
+  spacing: d,
+  title: l,
   semantic: n = !1,
   ...m
 }) => {
-  const h = $e(c), y = i(
-    h,
+  const u = Be(d), y = i(
+    u,
     a || o
   );
-  return /* @__PURE__ */ x(fe, { children: [
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ x(ke, { children: [
+    /* @__PURE__ */ c(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -42,7 +42,7 @@ const $e = (e) => {
         children: e
       }
     ),
-    d && n && /* @__PURE__ */ l("span", { className: "sr-only", children: d })
+    l && n && /* @__PURE__ */ c("span", { className: "sr-only", children: l })
   ] });
 };
 /*!
@@ -52,7 +52,7 @@ const $e = (e) => {
 try {
   window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
     version: "1.4.8",
-    buildTime: "09/05/2024 01:34 PM EDT",
+    buildTime: "09/09/2024 06:39 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -65,13 +65,13 @@ try {
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
     version: "1.12.0",
-    buildTime: "09/05/2024 01:34 PM EDT",
+    buildTime: "09/09/2024 06:39 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Be = ({
+const Me = ({
   className: e,
   viewBox: r,
   spacing: t,
@@ -89,17 +89,17 @@ const Be = ({
     title: a || "Sort",
     ...o,
     children: [
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ c(
         "path",
         {
           opacity: s ? "1" : "0.4",
           d: "M393.4 41.4c12.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 0L448 141.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V141.3l-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96z"
         }
       ),
-      /* @__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" })
+      /* @__PURE__ */ c("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" })
     ]
   }
-), Me = ({
+), $e = ({
   className: e,
   viewBox: r,
   spacing: t,
@@ -117,14 +117,14 @@ const Be = ({
     title: a || "Sort Down",
     ...o,
     children: [
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ c(
         "path",
         {
           opacity: s ? "1" : "0.4",
           d: "M288 448c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32zm0-128c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32zm0-128c0 17.7 14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32zm0-128c0 17.7 14.3 32 32 32H544c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32z"
         }
       ),
-      /* @__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" })
+      /* @__PURE__ */ c("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" })
     ]
   }
 ), Le = ({
@@ -145,17 +145,17 @@ const Be = ({
     title: a || "Sort Up",
     ...o,
     children: [
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ c(
         "path",
         {
           opacity: s ? "1" : "0.4",
           d: "M288 64c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32H544c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32z"
         }
       ),
-      /* @__PURE__ */ l("path", { d: "M128 32c9 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 146.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V146.3L63.6 181.6c-11.9 13-32.2 13.9-45.2 2s-13.9-32.2-2-45.2l88-96C110.5 35.8 119 32 128 32z" })
+      /* @__PURE__ */ c("path", { d: "M128 32c9 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 146.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V146.3L63.6 181.6c-11.9 13-32.2 13.9-45.2 2s-13.9-32.2-2-45.2l88-96C110.5 35.8 119 32 128 32z" })
     ]
   }
-), se = H.forwardRef(
+), oe = H.forwardRef(
   ({
     children: e,
     disabled: r = !1,
@@ -163,27 +163,27 @@ const Be = ({
     focusMode: a = "system",
     fullWidth: s = !1,
     className: o,
-    type: c = "button",
-    raw: d = !1,
+    type: d = "button",
+    raw: l = !1,
     noBorder: n = !1,
     "aria-label": m,
-    label: h,
+    label: u,
     size: y = "medium",
     labelRight: p,
     labelLeft: _,
     spacing: g,
     noBackground: S = !1,
     align: C = "center",
-    active: A = !1,
-    ...$
-  }, B) => {
+    active: O = !1,
+    ...B
+  }, M) => {
     const U = xe({
       type: Ne,
       mode: t,
       focusMode: a,
       fullWidth: s,
       disabled: r,
-      raw: d,
+      raw: l,
       className: o,
       noBorder: n,
       size: y,
@@ -192,12 +192,12 @@ const Be = ({
       spacing: g,
       noBackground: S,
       align: C
-    }), z = i({
-      "text-copy-accent-dark": t === "light" && !d,
-      "text-copy-light": t === "dark" && !d,
-      "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !d,
-      "text-copy-light dark:text-copy-accent-dark": t === "system" && !d
-    }), G = A ? i(
+    }), G = i({
+      "text-copy-accent-dark": t === "light" && !l,
+      "text-copy-light": t === "dark" && !l,
+      "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !l,
+      "text-copy-light dark:text-copy-accent-dark": t === "system" && !l
+    }), D = O ? i(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -214,25 +214,25 @@ const Be = ({
         "after:border-table-light dark:after:border-table-dark": t === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ l("div", { className: G, children: /* @__PURE__ */ x(
+    return /* @__PURE__ */ c("div", { className: D, children: /* @__PURE__ */ x(
       we,
       {
-        ref: B,
+        ref: M,
         className: U,
         disabled: r,
-        type: c,
-        "aria-label": m || h,
-        ...$,
+        type: d,
+        "aria-label": m || u,
+        ...B,
         children: [
-          _ && /* @__PURE__ */ l("span", { className: "pr-2", children: _ }),
-          /* @__PURE__ */ l("div", { className: z, children: e }),
-          p && /* @__PURE__ */ l("span", { className: "pl-2", children: p })
+          _ && /* @__PURE__ */ c("span", { className: "pr-2", children: _ }),
+          /* @__PURE__ */ c("div", { className: G, children: e }),
+          p && /* @__PURE__ */ c("span", { className: "pl-2", children: p })
         ]
       }
     ) });
   }
 );
-se.displayName = "ButtonSort";
+oe.displayName = "ButtonSort";
 const v = H.createContext({
   mode: "light",
   cellWrapper: "thead",
@@ -275,7 +275,7 @@ const v = H.createContext({
     "text-copy-light dark:text-copy-dark": e === "system",
     "text-copy-dark dark:text-copy-light": e === "alt-system"
   })
-}), Re = ({
+}), ze = ({
   className: e,
   stickyHeader: r,
   mode: t
@@ -285,7 +285,7 @@ const v = 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"
-}), Ue = ({
+}), Re = ({
   className: e,
   stickyFooter: r,
   mode: t
@@ -295,7 +295,7 @@ const v = 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"
-}), ze = ({
+}), Ue = ({
   mode: e,
   className: r,
   cellWrapper: t
@@ -333,34 +333,34 @@ const v = H.createContext({
   compact: a,
   summary: s,
   className: o,
-  wrapperClassName: c,
-  maxHeight: d,
+  wrapperClassName: d,
+  maxHeight: l,
   stickyHeader: n,
   stickyFooter: m,
-  spacing: h,
+  spacing: u,
   ...y
 }) => {
   const p = Ve({
     mode: r,
     className: o,
-    wrapperClassName: c,
+    wrapperClassName: d,
     stickyHeader: n,
     stickyFooter: m,
-    spacing: h
+    spacing: u
   });
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ c(
     v.Provider,
     {
       value: { mode: r, stickyHeader: n, stickyFooter: m, compact: a },
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ c(
         "div",
         {
           className: p.wrapper,
-          ...d && {
-            style: { maxHeight: d }
+          ...l && {
+            style: { maxHeight: l }
           },
           children: /* @__PURE__ */ x("table", { className: p.table, summary: s, ...y, children: [
-            t && /* @__PURE__ */ l("caption", { className: p.caption, children: t }),
+            t && /* @__PURE__ */ c("caption", { className: p.caption, children: t }),
             e
           ] })
         }
@@ -372,54 +372,54 @@ const v = H.createContext({
   className: r,
   ...t
 }) => {
-  const a = O(v);
+  const a = A(v);
   a.cellWrapper = R;
-  const s = Re({
+  const s = ze({
     className: r,
     mode: a.mode,
     stickyHeader: a.stickyHeader
   });
-  return /* @__PURE__ */ l("thead", { className: s, ...t, children: e });
+  return /* @__PURE__ */ c("thead", { className: s, ...t, children: e });
 }, dt = ({
   children: e,
   className: r,
   ...t
 }) => {
-  const a = O(v);
+  const a = A(v);
   a.cellWrapper = Y;
-  const s = Ue({
+  const s = Re({
     className: r,
     mode: a.mode,
     stickyFooter: a.stickyFooter
   });
-  return /* @__PURE__ */ l("tfoot", { className: s, ...t, children: e });
+  return /* @__PURE__ */ c("tfoot", { className: s, ...t, children: e });
 }, it = ({ children: e, ...r }) => {
-  const t = O(v);
-  return t.cellWrapper = T, /* @__PURE__ */ l("tbody", { ...r, children: e });
+  const t = A(v);
+  return t.cellWrapper = T, /* @__PURE__ */ c("tbody", { ...r, children: e });
 }, nt = ({
   children: e,
   className: r,
   ...t
 }) => {
-  const a = O(v), s = ze({
+  const a = A(v), s = Ue({
     mode: a.mode,
     cellWrapper: a.cellWrapper,
     className: r
   });
-  return /* @__PURE__ */ l("tr", { className: s, ...t, children: e });
-}, Fe = ({
+  return /* @__PURE__ */ c("tr", { className: s, ...t, children: e });
+}, De = ({
   children: e,
   component: r,
   className: t,
   ...a
 }) => {
-  const s = O(v), o = r || (s.cellWrapper === R ? "th" : "td"), c = Ge({
+  const s = A(v), o = r || (s.cellWrapper === R ? "th" : "td"), d = Ge({
     cellWrapper: s.cellWrapper,
     className: t,
     mode: s.mode,
     compact: s.compact
   });
-  return /* @__PURE__ */ l(o, { className: c, ...a, children: e });
+  return /* @__PURE__ */ c(o, { className: d, ...a, children: e });
 }, mt = ({
   align: e,
   children: r,
@@ -427,49 +427,54 @@ const v = H.createContext({
   component: a,
   focusMode: s = "alt-system",
   mode: o = "alt-system",
-  onClick: c,
-  sortDirection: d,
+  onClick: d,
+  sortDirection: l,
   sortedCell: n,
   cellId: m,
-  ...h
-}) => /* @__PURE__ */ l(
-  Fe,
+  ...u
+}) => /* @__PURE__ */ c(
+  De,
   {
     component: a,
     className: t,
     role: "columnheader",
-    "aria-sort": d === V.ASC && n === m ? "ascending" : d === V.DESC && n === m ? "descending" : "other",
-    ...h,
-    children: /* @__PURE__ */ l(
-      se,
+    "aria-sort": l === V.ASC && n === m ? "ascending" : l === V.DESC && n === m ? "descending" : "other",
+    ...u,
+    children: /* @__PURE__ */ c(
+      oe,
       {
         active: n === m,
         className: "rounded-none text-sm",
-        onClick: c,
+        onClick: d,
         align: e,
         noBorder: !0,
         focusMode: s,
         mode: o,
         fullWidth: !0,
         labelRight: r,
-        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 })
+        children: l === V.ASC && n === m ? /* @__PURE__ */ c(Le, { className: "size-4", monotone: !0 }) : l === V.DESC && n === m ? /* @__PURE__ */ c($e, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ c(Me, { className: "size-4", monotone: !0 })
       }
     )
   }
 );
-function De({
+function Fe({
   value: e,
   defaultValue: r,
   finalValue: t,
   onChange: a = () => {
-  }
+  },
+  initialControlledDelay: s = 0
 }) {
-  const [s, o] = J(
+  const [o, d] = z(!1), [l, n] = z(
     r !== void 0 ? r : t
-  );
-  return e !== void 0 ? [e, a, !0] : [s, (c) => {
-    o(c), a == null || a(c);
-  }, !1];
+  ), m = (u) => {
+    n(u), a == null || a(u);
+  };
+  return ae(() => {
+    (async () => e !== void 0 && !o && s > 0 && (await new Promise(
+      (u) => setTimeout(u, s)
+    ), d(!0)))();
+  }, [e, s, o]), e !== void 0 ? !o && s > 0 ? ["", a, !0] : [e, a, !0] : [l, m, !1];
 }
 const Pe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", We = ({
   mode: e
@@ -527,18 +532,18 @@ const Pe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     return "";
   if (a)
     return i(
-      j,
+      J,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return i(j, "absolute px-2 font-medium", {
+    return i(J, "absolute px-2 font-medium", {
       "text-copy-medium": t === "dark",
       "text-copy-dark": t === "light",
       "text-copy-dark dark:text-copy-medium": t === "system",
       "text-copy-medium dark:text-copy-dark": t === "alt-system"
     });
   if (e)
-    return i(j, "absolute px-2 font-medium", {
+    return i(J, "absolute px-2 font-medium", {
       "text-copy-error-light": t === "dark",
       "text-copy-error-dark": t === "light",
       "text-copy-error-dark dark:text-copy-error-light": t === "system",
@@ -551,24 +556,24 @@ const Pe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   focusMode: a,
   disabled: s,
   noBorder: o,
-  error: c,
-  spacing: d,
+  error: d,
+  spacing: l,
   mode: n
 }) => {
   const m = t ? e : i(
     "relative flex w-full flex-col justify-center",
     Ee,
     e,
-    He(d)
-  ), h = t ? i(r) : i(
-    ae,
+    He(l)
+  ), u = t ? i(r) : i(
+    se,
     r,
     Pe(),
     We({ mode: n }),
     qe({ focusMode: a }),
     je({
       noBorder: o,
-      error: c
+      error: d
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": s
@@ -576,17 +581,17 @@ const Pe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   ), y = t ? void 0 : "sr-only", p = Je({
     disabled: s,
     raw: t,
-    error: c,
+    error: d,
     mode: n
   }), _ = Qe({
-    error: c,
+    error: d,
     raw: t,
     mode: n,
     disabled: s
-  }), g = t ? void 0 : i(Oe, "absolute");
+  }), g = t ? void 0 : i(Ae, "absolute");
   return {
     wrapper: m,
-    textArea: h,
+    textArea: u,
     accessibleLabel: y,
     visibleLabel: p,
     helperText: _,
@@ -600,8 +605,8 @@ const Pe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
 }) => {
   let s, o;
   if (e > 0 && e !== r) {
-    const c = e - r, d = Math.abs(c / 24);
-    s = t + -1 * Math.sign(c) * (12 * d), o = a + Math.sign(c) * (12 * d);
+    const d = e - r, l = Math.abs(d / 24);
+    s = t + -1 * Math.sign(d) * (12 * l), o = a + Math.sign(d) * (12 * l);
   }
   return {
     labelOffset: s,
@@ -616,83 +621,84 @@ const Pe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     error: a = !1,
     raw: s = !1,
     className: o,
-    textAreaClassName: c,
-    mode: d = "system",
+    textAreaClassName: d,
+    mode: l = "system",
     focusMode: n = "system",
     value: m,
-    defaultValue: h,
+    defaultValue: u,
     disabled: y = !1,
     noBorder: p = !1,
     labelId: _,
     helperText: g = "",
     helperTextOnFocus: S = !1,
     rightElement: C,
-    onChange: A,
-    onFocus: $,
-    onBlur: B,
+    onChange: O,
+    onFocus: B,
+    onBlur: M,
     spacing: U,
-    ...z
-  }, G) => {
-    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(
+    ...G
+  }, D) => {
+    const b = N(null), de = ve([D, b]), [ie, $] = Se(), F = N(80), K = N(-25), I = N(null), X = N(30), P = N(null), E = Ce({ id: e, prefix: `${se}-` }), [ne, me] = z(0), [ue, Z] = z(
       !!(!S && g)
-    ), ue = `${r} error, ${g}`, w = Ye({
+    ), he = `${r} error, ${g}`, w = Ye({
       className: o,
-      textAreaClassName: c,
+      textAreaClassName: d,
       error: a,
       raw: s,
       focusMode: n,
       disabled: y,
       noBorder: p,
       spacing: U,
-      mode: d
-    }), [f, he] = De({
+      mode: l
+    }), [f, pe] = Fe({
       value: m,
-      defaultValue: h,
-      onChange: (u) => {
-        A && A({
+      initialControlledDelay: 20,
+      defaultValue: u,
+      onChange: (h) => {
+        O && O({
           target: {
-            value: u
+            value: h
           }
         });
       }
-    }), pe = (u) => {
-      he(u.target.value);
-    }, ge = (u) => {
-      S && g && Z(!0), $ && $(u);
-    }, ye = (u) => {
-      S && g && !f && Z(!1), B && B(u);
+    }), ge = (h) => {
+      pe(h.target.value);
+    }, ye = (h) => {
+      S && g && Z(!0), B && B(h);
+    }, be = (h) => {
+      S && g && !f && Z(!1), M && M(h);
     };
     return L(() => {
-      M && M.width && ne(M.width + 18 + 10);
-    }, [M]), L(() => {
+      $ && $.width && me($.width + 18 + 10);
+    }, [$]), L(() => {
       s || b && b.current && f !== void 0 && (b.current.style.height = "inherit", b.current.style.height = b.current.scrollHeight + "px");
     }, [f, s]), L(() => {
       s || setTimeout(() => {
-        var u;
-        (u = I == null ? void 0 : I.current) == null || u.style.setProperty(
+        var h;
+        (h = I == null ? void 0 : I.current) == null || h.style.setProperty(
           "--av-text-area-wrapper-transition",
           f ? "none" : "all 0.2s ease-out"
         );
       }, 0);
     }, [f, s]), L(() => {
-      var u, ee;
+      var h, ee;
       if (!s && b && b.current && f !== void 0) {
-        const { labelOffset: P, helperTextOffset: W, scrollHeight: be } = Ke({
+        const { labelOffset: W, helperTextOffset: q, scrollHeight: fe } = Ke({
           scrollHeight: b.current.scrollHeight,
           currentHeight: F.current,
           currentLabelOffset: K.current,
           currentHelperTextOffset: X.current
         });
-        P && (K.current = P, (u = I == null ? void 0 : I.current) == null || u.style.setProperty(
+        W && (K.current = W, (h = I == null ? void 0 : I.current) == null || h.style.setProperty(
           "--av-text-area-label",
-          `${P}px`
-        )), 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;
+        )), q && (X.current = q, (ee = P == null ? void 0 : P.current) == null || ee.style.setProperty(
+          "--av-text-area-helper-text",
+          `${q}px`
+        )), F.current = fe || F.current;
       }
     }, [f, s]), /* @__PURE__ */ x("div", { className: w.wrapper, children: [
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ c(
         "label",
         {
           htmlFor: E,
@@ -701,10 +707,10 @@ const Pe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           children: t
         }
       ),
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ c(
         "textarea",
         {
-          ref: ce,
+          ref: de,
           id: E,
           name: r,
           disabled: y,
@@ -713,15 +719,15 @@ const Pe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           rows: 1,
           ...g && { "aria-describedby": `${E}-helper` },
           ...a && { "aria-invalid": "true" },
-          ...C && !s && { style: { paddingRight: ie } },
+          ...C && !s && { style: { paddingRight: ne } },
           value: f,
-          onChange: pe,
-          onFocus: ge,
-          onBlur: ye,
-          ...z
+          onChange: ge,
+          onFocus: ye,
+          onBlur: be,
+          ...G
         }
       ),
-      !s && /* @__PURE__ */ l(
+      !s && /* @__PURE__ */ c(
         "label",
         {
           ref: I,
@@ -731,24 +737,24 @@ const Pe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           children: t
         }
       ),
-      me && /* @__PURE__ */ l(
+      ue && /* @__PURE__ */ c(
         "div",
         {
-          ref: D,
+          ref: P,
           id: `${E}-helper`,
           className: w.helperText,
           children: g
         }
       ),
-      C && /* @__PURE__ */ l(
+      C && /* @__PURE__ */ c(
         "div",
         {
-          ref: de,
+          ref: ie,
           className: w.rightElement,
           children: C
         }
       ),
-      a && g && /* @__PURE__ */ l(Ie, { politeness: "polite", clearAnnouncementDelay: 500, children: ue })
+      a && g && /* @__PURE__ */ c(Ie, { politeness: "polite", clearAnnouncementDelay: 500, children: he })
     ] });
   }
 );
@@ -879,11 +885,11 @@ const k = {
       location: e.location
     })
   }
-}, oe = process.env.PUBLIC_SASSY_API_SERVER_URL, Ze = async ({
+}, le = process.env.PUBLIC_SASSY_API_SERVER_URL, Ze = async ({
   query: e,
   data: r,
   headers: t = {}
-}) => await fetch(`${oe}/graphql`, {
+}) => await fetch(`${le}/graphql`, {
   method: "POST",
   credentials: "include",
   headers: {
@@ -911,11 +917,11 @@ const k = {
     });
     if (o.status !== 200)
       return { status: o.status, data: [] };
-    const { data: c, errors: d } = await o.json();
+    const { data: d, errors: l } = await o.json();
     return {
       status: o.status,
-      data: c[r.method],
-      errors: d
+      data: d[r.method],
+      errors: l
     };
   } catch (s) {
     return console.error(s), { status: 500, data: [] };
@@ -927,7 +933,7 @@ const k = {
   method: a = "POST"
 }) => {
   const s = `Bearer ${e}`;
-  return await fetch(`${oe}/api/${r}`, {
+  return await fetch(`${le}/api/${r}`, {
     method: a,
     credentials: "include",
     headers: {
@@ -939,7 +945,7 @@ const k = {
 }, gt = H.createContext({
   state: {
     id: "",
-    model: Ae,
+    model: Oe,
     usage: 0,
     messages: [],
     isComponent: !1
@@ -952,51 +958,51 @@ const k = {
   dispatch: () => {
   }
 });
-function le(e, r) {
+function ce(e, r) {
   window.dispatchEvent(new StorageEvent("storage", { key: e, newValue: r }));
 }
 const te = (e, r) => {
   const t = JSON.stringify(
     typeof r == "function" ? r() : r
   );
-  window.localStorage.setItem(e, t), le(e, t);
+  window.localStorage.setItem(e, t), ce(e, t);
 }, et = (e) => {
-  window.localStorage.removeItem(e), le(e, null);
+  window.localStorage.removeItem(e), ce(e, null);
 }, re = (e) => window.localStorage.getItem(e), tt = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
 function bt({
   key: e,
   initialValue: r
 }) {
-  const t = ke(tt, () => re(e)), a = q(
-    (c) => {
+  const t = _e(tt, () => re(e)), a = j(
+    (d) => {
       try {
-        const d = typeof c == "function" ? c(JSON.parse(t)) : c;
-        d == null ? et(e) : te(e, d);
-      } catch (d) {
-        console.warn(d);
+        const l = typeof d == "function" ? d(JSON.parse(t)) : d;
+        l == null ? et(e) : te(e, l);
+      } catch (l) {
+        console.warn(l);
       }
     },
     [e, t]
-  ), s = q(() => {
+  ), s = j(() => {
     a(r);
-  }, [r, a]), o = q(() => {
+  }, [r, a]), o = j(() => {
     a(null);
   }, [a]);
-  return _e(() => {
+  return ae(() => {
     try {
       re(e) === null && typeof r < "u" && te(e, r);
-    } catch (c) {
-      console.warn(c);
+    } catch (d) {
+      console.warn(d);
     }
   }, [e, r]), [t ? JSON.parse(t) : null, a, s, o];
 }
 export {
   gt as AppContext,
-  Xe as At,
   bt as E,
   yt as HistoryContext,
-  Fe as J,
+  De as J,
   ut as SERVICE_TYPES,
+  Xe as Tt,
   ct as at,
   mt as ct,
   lt as et,