@versini/sassysaint 4.1.0 → 4.3.0

package/dist/chunks/useLocalStorage.CPkzjnpM.js

@@ -0,0 +1,1010 @@
+import { jsxs as N, Fragment as be, 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.B6eo37ct.js";
+const Oe = (e) => {
+  let r = "";
+  if (typeof e == "number" || typeof e == "string")
+    r = "m-" + e;
+  else {
+    const t = [];
+    (e == null ? void 0 : e.t) !== void 0 && t.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && t.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && t.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && t.push(`ml-${e.l}`), r = t.join(" ");
+  }
+  return r;
+}, Q = ({
+  children: e,
+  fill: r,
+  viewBox: t,
+  className: a,
+  defaultViewBox: s,
+  defaultClassName: o,
+  spacing: c,
+  title: d,
+  semantic: n = !1,
+  ...m
+}) => {
+  const h = Oe(c), y = i(
+    h,
+    a || o
+  );
+  return /* @__PURE__ */ N(be, { children: [
+    /* @__PURE__ */ l(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        className: y,
+        viewBox: t || s,
+        fill: r || "currentColor",
+        role: "img",
+        "aria-hidden": !n,
+        focusable: !1,
+        ...m,
+        children: e
+      }
+    ),
+    d && n && /* @__PURE__ */ l("span", { className: "sr-only", children: d })
+  ] });
+};
+/*!
+  @versini/ui-private v1.4.8
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
+    version: "1.4.8",
+    buildTime: "08/25/2024 02:12 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+/*!
+  @versini/ui-icons v1.11.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",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Ae = ({
+  className: e,
+  viewBox: r,
+  spacing: t,
+  title: a,
+  monotone: s,
+  ...o
+}) => /* @__PURE__ */ N(
+  Q,
+  {
+    defaultViewBox: "0 0 576 512",
+    defaultClassName: "size-5",
+    viewBox: r,
+    className: e,
+    spacing: t,
+    title: a || "Sort",
+    ...o,
+    children: [
+      /* @__PURE__ */ l(
+        "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" })
+    ]
+  }
+), $e = ({
+  className: e,
+  viewBox: r,
+  spacing: t,
+  title: a,
+  monotone: s,
+  ...o
+}) => /* @__PURE__ */ N(
+  Q,
+  {
+    defaultViewBox: "0 0 576 512",
+    defaultClassName: "size-5",
+    viewBox: r,
+    className: e,
+    spacing: t,
+    title: a || "Sort Down",
+    ...o,
+    children: [
+      /* @__PURE__ */ l(
+        "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" })
+    ]
+  }
+), Be = ({
+  className: e,
+  viewBox: r,
+  spacing: t,
+  title: a,
+  monotone: s,
+  ...o
+}) => /* @__PURE__ */ N(
+  Q,
+  {
+    defaultViewBox: "0 0 576 512",
+    defaultClassName: "size-5",
+    viewBox: r,
+    className: e,
+    spacing: t,
+    title: a || "Sort Up",
+    ...o,
+    children: [
+      /* @__PURE__ */ l(
+        "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" })
+    ]
+  }
+), se = H.forwardRef(
+  ({
+    children: e,
+    disabled: r = !1,
+    mode: t = "system",
+    focusMode: a = "system",
+    fullWidth: s = !1,
+    className: o,
+    type: c = "button",
+    raw: d = !1,
+    noBorder: n = !1,
+    "aria-label": m,
+    label: h,
+    size: y = "medium",
+    labelRight: p,
+    labelLeft: _,
+    spacing: g,
+    noBackground: C = !1,
+    align: x = "center",
+    active: A = !1,
+    ...$
+  }, B) => {
+    const V = _e({
+      type: we,
+      mode: t,
+      focusMode: a,
+      fullWidth: s,
+      disabled: r,
+      raw: d,
+      className: o,
+      noBorder: n,
+      size: y,
+      labelRight: p,
+      labelLeft: _,
+      spacing: g,
+      noBackground: C,
+      align: x
+    }), 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(
+      "relative",
+      "focus-within:static",
+      "focus-within:after:border-transparent",
+      "after:absolute",
+      "after:content-['']",
+      "after:border-b-2",
+      "after:bottom-[-4px]",
+      "after:left-0",
+      "after:right-0",
+      {
+        "after:border-table-dark": t === "dark",
+        "after:border-table-light": t === "light",
+        "after:border-table-dark dark:after:border-table-light": t === "system",
+        "after:border-table-light dark:after:border-table-dark": t === "alt-system"
+      }
+    ) : "";
+    return /* @__PURE__ */ l("div", { className: G, children: /* @__PURE__ */ N(
+      xe,
+      {
+        ref: B,
+        className: V,
+        disabled: r,
+        type: c,
+        "aria-label": m || h,
+        ...$,
+        children: [
+          _ && /* @__PURE__ */ l("span", { className: "pr-2", children: _ }),
+          /* @__PURE__ */ l("div", { className: z, children: e }),
+          p && /* @__PURE__ */ l("span", { className: "pl-2", children: p })
+        ]
+      }
+    ) });
+  }
+);
+se.displayName = "ButtonSort";
+const S = H.createContext({
+  mode: "light",
+  cellWrapper: "thead",
+  stickyHeader: !1,
+  stickyFooter: !1,
+  compact: !1
+}), R = "thead", Y = "tfoot", v = "tbody", U = {
+  ASC: "asc",
+  DESC: "desc"
+}, Le = ({
+  mode: e,
+  className: r,
+  wrapperClassName: t,
+  stickyHeader: a,
+  stickyFooter: s,
+  spacing: o
+}) => ({
+  wrapper: i(
+    "not-prose relative w-full rounded-lg shadow-md",
+    Ne(o),
+    {
+      "overflow-x-auto": !a && !s,
+      "overflow-y-scroll": a || s,
+      "bg-surface-darker text-copy-light": e === "dark",
+      "bg-surface-light text-copy-dark": e === "light",
+      "bg-surface-darker text-copy-light dark:bg-surface-light dark:text-copy-dark": e === "system",
+      "bg-surface-light text-copy-dark dark:bg-surface-darker dark:text-copy-light": e === "alt-system"
+    },
+    t
+  ),
+  table: i("my-0 w-full text-left text-sm", r, {
+    "text-copy-light": e === "dark",
+    "text-copy-dark": e === "light",
+    "text-copy-light dark:text-copy-dark": e === "system",
+    "text-copy-dark dark:text-copy-light": e === "alt-system"
+  }),
+  caption: i("py-2 text-sm font-bold", {
+    "text-copy-light": e === "dark",
+    "text-copy-dark": e === "light",
+    "text-copy-light dark:text-copy-dark": e === "system",
+    "text-copy-dark dark:text-copy-light": e === "alt-system"
+  })
+}), Me = ({
+  className: e,
+  stickyHeader: r,
+  mode: t
+}) => i(e, {
+  "sticky top-0 z-10": r,
+  "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": r && t === "dark",
+  "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 = ({
+  className: e,
+  stickyFooter: r,
+  mode: t
+}) => i(e, {
+  "sticky bottom-0 z-10": r,
+  "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": r && t === "dark",
+  "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 = ({
+  mode: e,
+  className: r,
+  cellWrapper: t
+}) => t === R || t === Y ? i({
+  "bg-table-head-dark": e === "dark",
+  "bg-table-head-light": e === "light",
+  "bg-table-head-dark dark:bg-table-head-light": e === "system",
+  "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",
+  "border-table-light": e === "light",
+  "odd:bg-table-light-odd even:bg-table-light-even": t === v && 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",
+  "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 = ({
+  cellWrapper: e,
+  className: r,
+  compact: t,
+  mode: a
+}) => i(r, {
+  "text-copy-light": a === "dark",
+  "text-copy-dark": a === "light",
+  "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,
+  "px-4 py-1": t
+}), st = ({
+  children: e,
+  mode: r = "system",
+  caption: t,
+  compact: a,
+  summary: s,
+  className: o,
+  wrapperClassName: c,
+  maxHeight: d,
+  stickyHeader: n,
+  stickyFooter: m,
+  spacing: h,
+  ...y
+}) => {
+  const p = Le({
+    mode: r,
+    className: o,
+    wrapperClassName: c,
+    stickyHeader: n,
+    stickyFooter: m,
+    spacing: h
+  });
+  return /* @__PURE__ */ l(
+    S.Provider,
+    {
+      value: { mode: r, stickyHeader: n, stickyFooter: m, compact: a },
+      children: /* @__PURE__ */ l(
+        "div",
+        {
+          className: p.wrapper,
+          ...d && {
+            style: { maxHeight: d }
+          },
+          children: /* @__PURE__ */ N("table", { className: p.table, summary: s, ...y, children: [
+            t && /* @__PURE__ */ l("caption", { className: p.caption, children: t }),
+            e
+          ] })
+        }
+      )
+    }
+  );
+}, ot = ({
+  children: e,
+  className: r,
+  ...t
+}) => {
+  const a = O(S);
+  a.cellWrapper = R;
+  const s = Me({
+    className: r,
+    mode: a.mode,
+    stickyHeader: a.stickyHeader
+  });
+  return /* @__PURE__ */ l("thead", { className: s, ...t, children: e });
+}, lt = ({
+  children: e,
+  className: r,
+  ...t
+}) => {
+  const a = O(S);
+  a.cellWrapper = Y;
+  const s = Ue({
+    className: r,
+    mode: a.mode,
+    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 = ({
+  children: e,
+  className: r,
+  ...t
+}) => {
+  const a = O(S), s = Re({
+    mode: a.mode,
+    cellWrapper: a.cellWrapper,
+    className: r
+  });
+  return /* @__PURE__ */ l("tr", { className: s, ...t, children: e });
+}, ze = ({
+  children: e,
+  component: r,
+  className: t,
+  ...a
+}) => {
+  const s = O(S), o = r || (s.cellWrapper === R ? "th" : "td"), c = Ve({
+    cellWrapper: s.cellWrapper,
+    className: t,
+    mode: s.mode,
+    compact: s.compact
+  });
+  return /* @__PURE__ */ l(o, { className: c, ...a, children: e });
+}, it = ({
+  align: e,
+  children: r,
+  className: t,
+  component: a,
+  focusMode: s = "alt-system",
+  mode: o = "alt-system",
+  onClick: c,
+  sortDirection: d,
+  sortedCell: n,
+  cellId: m,
+  ...h
+}) => /* @__PURE__ */ l(
+  ze,
+  {
+    component: a,
+    className: t,
+    role: "columnheader",
+    "aria-sort": d === U.ASC && n === m ? "ascending" : d === U.DESC && n === m ? "descending" : "other",
+    ...h,
+    children: /* @__PURE__ */ l(
+      se,
+      {
+        active: n === m,
+        className: "rounded-none text-sm",
+        onClick: c,
+        align: e,
+        noBorder: !0,
+        focusMode: s,
+        mode: o,
+        fullWidth: !0,
+        labelRight: r,
+        children: d === U.ASC && n === m ? /* @__PURE__ */ l(Be, { className: "size-4", monotone: !0 }) : d === U.DESC && n === m ? /* @__PURE__ */ l($e, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ l(Ae, { className: "size-4", monotone: !0 })
+      }
+    )
+  }
+);
+function Ge({
+  value: e,
+  defaultValue: r,
+  finalValue: t,
+  onChange: a = () => {
+  }
+}) {
+  const [s, o] = J(
+    r !== void 0 ? r : t
+  );
+  return e !== void 0 ? [e, a, !0] : [s, (c) => {
+    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 = ({
+  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 = ({
+  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 = ({
+  noBorder: e,
+  error: r
+}) => i("border-2", {
+  "border-border-dark": !e && !r,
+  "focus:border-border-dark": !e && r,
+  "border-border-error-dark": !e && r,
+  "border-transparent": e
+}), qe = ({
+  disabled: e,
+  raw: r,
+  error: t,
+  mode: a
+}) => {
+  if (r)
+    return "";
+  if (e)
+    return i("absolute px-2 cursor-not-allowed opacity-50 font-medium");
+  if (!t)
+    return i("absolute px-2 cursor-text font-medium", {
+      "text-copy-medium": a === "dark",
+      "text-copy-dark": a === "light",
+      "text-copy-dark dark:text-copy-medium": a === "system",
+      "text-copy-medium dark:text-copy-dark": a === "alt-system"
+    });
+  if (t)
+    return i("absolute px-2 cursor-text font-medium", {
+      "text-copy-medium": a === "dark",
+      "text-copy-error-dark": a === "light",
+      "text-copy-error-dark dark:text-copy-error-light": a === "system",
+      "text-copy-medium dark:text-copy-error-dark": a === "alt-system"
+    });
+}, je = ({
+  error: e,
+  raw: r,
+  mode: t,
+  disabled: a
+}) => {
+  if (r)
+    return "";
+  if (a)
+    return i(
+      j,
+      "absolute px-2 cursor-not-allowed opacity-50 font-medium"
+    );
+  if (!e)
+    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", {
+      "text-copy-error-light": t === "dark",
+      "text-copy-error-dark": t === "light",
+      "text-copy-error-dark dark:text-copy-error-light": t === "system",
+      "dark:text-copy-error-dark text-copy-error-light": t === "alt-system"
+    });
+}, Je = ({
+  className: e,
+  textAreaClassName: r,
+  raw: t,
+  focusMode: a,
+  disabled: s,
+  noBorder: o,
+  error: c,
+  spacing: d,
+  mode: n
+}) => {
+  const m = t ? e : i(
+    "relative flex w-full flex-col justify-center",
+    Ce,
+    e,
+    Ie(d)
+  ), h = t ? i(r) : i(
+    ae,
+    r,
+    De(),
+    Fe({ mode: n }),
+    We({ focusMode: a }),
+    Pe({
+      noBorder: o,
+      error: c
+    }),
+    {
+      "disabled:cursor-not-allowed disabled:opacity-50": s
+    }
+  ), y = t ? void 0 : "sr-only", p = qe({
+    disabled: s,
+    raw: t,
+    error: c,
+    mode: n
+  }), _ = je({
+    error: c,
+    raw: t,
+    mode: n,
+    disabled: s
+  }), g = t ? void 0 : i(Ee, "absolute");
+  return {
+    wrapper: m,
+    textArea: h,
+    accessibleLabel: y,
+    visibleLabel: p,
+    helperText: _,
+    rightElement: g
+  };
+}, Qe = ({
+  scrollHeight: e,
+  currentHeight: r,
+  currentLabelOffset: t = 0,
+  currentHelperTextOffset: a = 0
+}) => {
+  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);
+  }
+  return {
+    labelOffset: s,
+    helperTextOffset: o,
+    scrollHeight: e
+  };
+}, Ye = H.forwardRef(
+  ({
+    id: e,
+    name: r,
+    label: t,
+    error: a = !1,
+    raw: s = !1,
+    className: o,
+    textAreaClassName: c,
+    mode: d = "system",
+    focusMode: n = "system",
+    value: m,
+    defaultValue: h,
+    disabled: y = !1,
+    noBorder: p = !1,
+    labelId: _,
+    helperText: g = "",
+    helperTextOnFocus: C = !1,
+    rightElement: x,
+    onChange: A,
+    onFocus: $,
+    onBlur: B,
+    spacing: V,
+    ...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({
+      className: o,
+      textAreaClassName: c,
+      error: a,
+      raw: s,
+      focusMode: n,
+      disabled: y,
+      noBorder: p,
+      spacing: V,
+      mode: d
+    }), [f, ue] = Ge({
+      value: m,
+      defaultValue: h,
+      onChange: (u) => {
+        A && A({
+          target: {
+            value: u
+          }
+        });
+      }
+    }), he = (u) => {
+      ue(u.target.value);
+    }, pe = (u) => {
+      C && g && Z(!0), $ && $(u);
+    }, ge = (u) => {
+      C && 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(() => {
+      s || b && b.current && f !== void 0 && (b.current.style.height = "inherit", b.current.style.height = b.current.scrollHeight + "px");
+    }, [f, s]), M(() => {
+      s || setTimeout(() => {
+        var u;
+        (u = I == null ? void 0 : I.current) == null || u.style.setProperty(
+          "--av-text-area-wrapper-transition",
+          f ? "none" : "all 0.2s ease-out"
+        );
+      }, 0);
+    }, [f, s]), M(() => {
+      var u, ee;
+      if (!s && b && b.current && f !== void 0) {
+        const { labelOffset: W, helperTextOffset: P, scrollHeight: ye } = Qe({
+          scrollHeight: b.current.scrollHeight,
+          currentHeight: D.current,
+          currentLabelOffset: K.current,
+          currentHelperTextOffset: X.current
+        });
+        W && (K.current = W, (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;
+      }
+    }, [f, s]), /* @__PURE__ */ N("div", { className: T.wrapper, children: [
+      /* @__PURE__ */ l(
+        "label",
+        {
+          htmlFor: E,
+          id: _,
+          className: T.accessibleLabel,
+          children: t
+        }
+      ),
+      /* @__PURE__ */ l(
+        "textarea",
+        {
+          ref: ce,
+          id: E,
+          name: r,
+          disabled: y,
+          placeholder: s ? void 0 : " ",
+          className: T.textArea,
+          rows: 1,
+          ...g && { "aria-describedby": `${E}-helper` },
+          ...a && { "aria-invalid": "true" },
+          ...x && !s && { style: { paddingRight: de } },
+          value: f,
+          onChange: he,
+          onFocus: pe,
+          onBlur: ge,
+          ...z
+        }
+      ),
+      !s && /* @__PURE__ */ l(
+        "label",
+        {
+          ref: I,
+          "aria-hidden": !0,
+          htmlFor: E,
+          className: T.visibleLabel,
+          children: t
+        }
+      ),
+      ne && /* @__PURE__ */ l(
+        "div",
+        {
+          ref: F,
+          id: `${E}-helper`,
+          className: T.helperText,
+          children: g
+        }
+      ),
+      x && /* @__PURE__ */ l(
+        "div",
+        {
+          ref: L,
+          className: T.rightElement,
+          children: x
+        }
+      ),
+      a && g && /* @__PURE__ */ l(Se, { politeness: "polite", clearAnnouncementDelay: 500, children: me })
+    ] });
+  }
+);
+Ye.displayName = "TextArea";
+const k = {
+  GET_LOCATION: `query GetLocation($latitude: Float!, $longitude: Float!) {
+    location(latitude: $latitude, longitude: $longitude) {
+    	country
+			state
+			city
+			displayName
+    }
+  }`,
+  GET_CHATS: `query GetChats($userId: String!) {
+		chats(user: $userId) {
+			timestamp
+			id
+			messages {
+				content
+			}
+		}
+	}`,
+  GET_CHATS_STATS: `query GetChatsStats($userId: String!) {
+		chatsStats(user: $userId) {
+			totalChats
+			averageProcessingTimes
+		}
+	}`,
+  GET_CHAT: `query GetChatById($id: String!) {
+		chatById(id: $id) {
+			model
+			usage
+			messages {
+				content
+				role
+				name
+				processingTime
+			}
+		}
+	}`,
+  DELETE_CHAT: `mutation DeleteChat($id: String!, $userId: String!) {
+		deleteChat(id: $id, user: $userId) {
+			timestamp
+			id
+			messages {
+				content
+			}
+		}
+	}`,
+  ABOUT: `query About {
+		about {
+			version
+			models
+			plugins
+		}
+	}`,
+  GET_CUSTOM_INSTRUCTIONS: `query GetCustomInstructions($user: String!) {
+		getCustomInstructions(user: $user) {
+			instructions
+			location
+		}
+	}`,
+  SET_CUSTOM_INSTRUCTIONS: `mutation SetCustomInstructions(
+		$user: String!,
+		$instructions: String!,
+		$location: String) {
+			setCustomInstructions(
+			user: $user,
+			instructions: $instructions,
+			location: $location)
+	}`
+}, nt = {
+  GET_LOCATION: {
+    schema: k.GET_LOCATION,
+    method: "location",
+    data: (e) => ({
+      latitude: e.latitude,
+      longitude: e.longitude
+    })
+  },
+  GET_CHATS: {
+    schema: k.GET_CHATS,
+    method: "chats",
+    data: (e) => ({
+      userId: e.userId
+    })
+  },
+  GET_CHATS_STATS: {
+    schema: k.GET_CHATS_STATS,
+    method: "chatsStats",
+    data: (e) => ({
+      userId: e.userId
+    })
+  },
+  GET_CHAT: {
+    schema: k.GET_CHAT,
+    method: "chatById",
+    data: (e) => ({
+      id: e.id
+    })
+  },
+  DELETE_CHAT: {
+    schema: k.DELETE_CHAT,
+    method: "deleteChat",
+    data: (e) => ({
+      id: e.id,
+      userId: e.userId
+    })
+  },
+  ABOUT: {
+    schema: k.ABOUT,
+    method: "about",
+    data: () => ({})
+  },
+  GET_CUSTOM_INSTRUCTIONS: {
+    schema: k.GET_CUSTOM_INSTRUCTIONS,
+    method: "getCustomInstructions",
+    data: (e) => ({
+      user: e.user
+    })
+  },
+  SET_CUSTOM_INSTRUCTIONS: {
+    schema: k.SET_CUSTOM_INSTRUCTIONS,
+    method: "setCustomInstructions",
+    data: (e) => ({
+      user: e.user,
+      instructions: e.instructions,
+      location: e.location
+    })
+  }
+}, oe = process.env.PUBLIC_SASSY_API_SERVER_URL, Ke = async ({
+  query: e,
+  data: r,
+  headers: t = {}
+}) => await fetch(`${oe}/graphql`, {
+  method: "POST",
+  credentials: "include",
+  headers: {
+    ...t,
+    "Content-Type": "application/json",
+    Accept: "application/json"
+  },
+  body: JSON.stringify({
+    query: e,
+    variables: r
+  })
+}), mt = 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({
+      headers: {
+        authorization: s
+      },
+      query: r.schema,
+      data: a
+    });
+    if (o.status !== 200)
+      return { status: o.status, data: [] };
+    const { data: c, errors: d } = await o.json();
+    return {
+      status: o.status,
+      data: c[r.method],
+      errors: d
+    };
+  } catch (s) {
+    return console.error(s), { status: 500, data: [] };
+  }
+}, ut = async ({
+  accessToken: e,
+  name: r,
+  data: t,
+  method: a = "POST"
+}) => {
+  const s = `Bearer ${e}`;
+  return await fetch(`${oe}/api/${r}`, {
+    method: a,
+    credentials: "include",
+    headers: {
+      "Content-Type": "application/json",
+      authorization: s
+    },
+    body: JSON.stringify(t)
+  });
+}, ht = H.createContext({
+  state: {
+    id: "",
+    model: He,
+    usage: 0,
+    messages: [],
+    isComponent: !1
+  },
+  dispatch: () => {
+  },
+  serverStats: { version: "", models: [], plugins: [] }
+}), pt = H.createContext({
+  state: { searchString: "", sortedCell: "", sortDirection: "" },
+  dispatch: () => {
+  }
+});
+function le(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);
+}, Xe = (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({
+  key: e,
+  initialValue: r
+}) {
+  const t = fe(Ze, () => re(e)), a = q(
+    (c) => {
+      try {
+        const d = typeof c == "function" ? c(JSON.parse(t)) : c;
+        d == null ? Xe(e) : te(e, d);
+      } catch (d) {
+        console.warn(d);
+      }
+    },
+    [e, t]
+  ), s = q(() => {
+    a(r);
+  }, [r, a]), o = q(() => {
+    a(null);
+  }, [a]);
+  return ke(() => {
+    try {
+      re(e) === null && typeof r < "u" && te(e, r);
+    } catch (c) {
+      console.warn(c);
+    }
+  }, [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,
+  Q as g,
+  U as k,
+  Ye as kt,
+  dt as lt,
+  ut as restCall,
+  lt as rt,
+  mt as serviceCall,
+  ct as st
+};