@versini/sassysaint 5.5.0 → 5.5.1

package/dist/chunks/{index.CqSoo2Fx.js → index.Du-zwZIx.js}

@@ -1,27 +1,71 @@
-import N, { useSyncExternalStore as He, useCallback as P, useEffect as z, useContext as L, useRef as f, useState as $, useLayoutEffect as B, useMemo as me, useId as Be, useReducer as ze } from "react";
-import { DEFAULT_AI_ENGINE as X } from "./index.UHRCFkiB.js";
-import i from "clsx";
-import { jsx as c, jsxs as C, Fragment as Le } from "react/jsx-runtime";
-function ge(e, r) {
+import C, { useSyncExternalStore as He, useCallback as P, useEffect as R, useContext as B, useRef as f, useState as $, useLayoutEffect as L, useMemo as me, useId as ze, useReducer as Le } from "react";
+import { jsxs as N, jsx as c, Fragment as Ve } from "react/jsx-runtime";
+import { g as ge, DEFAULT_AI_ENGINE as X, O as Oe, ACTION_RESET as Me } from "./index.DiAX0KiN.js";
+import l from "clsx";
+const Ue = ({
+  className: e,
+  viewBox: r,
+  title: t,
+  monotone: a,
+  ...o
+}) => /* @__PURE__ */ N(
+  ge,
+  {
+    defaultViewBox: "0 0 448 512",
+    size: "size-5",
+    viewBox: r,
+    className: e,
+    title: t || "Add",
+    ...o,
+    children: [
+      /* @__PURE__ */ c(
+        "path",
+        {
+          opacity: a ? "1" : "0.4",
+          d: "M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"
+        }
+      ),
+      /* @__PURE__ */ c("path", { d: "" })
+    ]
+  }
+), Fe = ({
+  className: e,
+  viewBox: r,
+  title: t,
+  monotone: a,
+  ...o
+}) => /* @__PURE__ */ c(
+  ge,
+  {
+    defaultViewBox: "0 0 384 512",
+    size: "size-5",
+    viewBox: r,
+    className: e,
+    title: t || "Close",
+    ...o,
+    children: /* @__PURE__ */ c("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z" })
+  }
+);
+function he(e, r) {
   window.dispatchEvent(new StorageEvent("storage", { key: e, newValue: r }));
 }
 const le = (e, r) => {
   const t = JSON.stringify(
     typeof r == "function" ? r() : r
   );
-  window.localStorage.setItem(e, t), ge(e, t);
-}, Me = (e) => {
-  window.localStorage.removeItem(e), ge(e, null);
-}, se = (e) => window.localStorage.getItem(e), Oe = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
-function Rt({
+  window.localStorage.setItem(e, t), he(e, t);
+}, Pe = (e) => {
+  window.localStorage.removeItem(e), he(e, null);
+}, se = (e) => window.localStorage.getItem(e), Ge = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
+function Ot({
   key: e,
   initialValue: r
 }) {
-  const t = He(Oe, () => se(e)), a = P(
-    (l) => {
+  const t = He(Ge, () => se(e)), a = P(
+    (i) => {
       try {
-        const s = typeof l == "function" ? l(JSON.parse(t)) : l;
-        s == null ? Me(e) : le(e, s);
+        const s = typeof i == "function" ? i(JSON.parse(t)) : i;
+        s == null ? Pe(e) : le(e, s);
       } catch (s) {
         console.warn(s);
       }
@@ -32,15 +76,15 @@ function Rt({
   }, [r, a]), n = P(() => {
     a(null);
   }, [a]);
-  return z(() => {
+  return R(() => {
     try {
       se(e) === null && typeof r < "u" && le(e, r);
-    } catch (l) {
-      console.warn(l);
+    } catch (i) {
+      console.warn(i);
     }
   }, [e, r]), [t ? JSON.parse(t) : null, a, o, n];
 }
-const w = {
+const E = {
   GET_LOCATION: `query GetLocation($latitude: Float!, $longitude: Float!) {
     location(latitude: $latitude, longitude: $longitude) {
     	country
@@ -144,44 +188,44 @@ const w = {
 			engine: $engine,
 			tags: $tags)
 	}`
-}, Ht = {
+}, Mt = {
   GET_LOCATION: {
-    schema: w.GET_LOCATION,
+    schema: E.GET_LOCATION,
     method: "location"
   },
   GET_CHATS: {
-    schema: w.GET_CHATS,
+    schema: E.GET_CHATS,
     method: "chats"
   },
   GET_CHATS_STATS: {
-    schema: w.GET_CHATS_STATS,
+    schema: E.GET_CHATS_STATS,
     method: "chatsStats"
   },
   GET_CHAT: {
-    schema: w.GET_CHAT,
+    schema: E.GET_CHAT,
     method: "chatById"
   },
   DELETE_CHAT: {
-    schema: w.DELETE_CHAT,
+    schema: E.DELETE_CHAT,
     method: "deleteChat"
   },
   ABOUT: {
-    schema: w.ABOUT,
+    schema: E.ABOUT,
     method: "about"
   },
   GET_USER_PREFERENCES: {
-    schema: w.GET_USER_PREFERENCES,
+    schema: E.GET_USER_PREFERENCES,
     method: "getUserPreferences"
   },
   SET_USER_PREFERENCES: {
-    schema: w.SET_USER_PREFERENCES,
+    schema: E.SET_USER_PREFERENCES,
     method: "setUserPreferences"
   }
-}, he = process.env.PUBLIC_SASSY_API_SERVER_URL, Ve = async ({
+}, pe = process.env.PUBLIC_SASSY_API_SERVER_URL, De = async ({
   query: e,
   data: r,
   headers: t = {}
-}) => await fetch(`${he}/graphql`, {
+}) => await fetch(`${pe}/graphql`, {
   method: "POST",
   credentials: "include",
   headers: {
@@ -193,14 +237,14 @@ const w = {
     query: e,
     variables: r
   })
-}), Bt = async ({
+}), Ut = async ({
   accessToken: e,
   type: r,
   params: t = {}
 }) => {
   const a = r != null && r.data ? r.data(t) : t;
   try {
-    const o = `Bearer ${e}`, n = await Ve({
+    const o = `Bearer ${e}`, n = await De({
       headers: {
         authorization: o
       },
@@ -209,23 +253,23 @@ const w = {
     });
     if (n.status !== 200)
       return { status: n.status, data: [] };
-    const { data: l, errors: s } = await n.json();
+    const { data: i, errors: s } = await n.json();
     return {
       status: n.status,
-      data: l[r.method],
+      data: i[r.method],
       errors: s
     };
   } catch (o) {
     return console.error(o), { status: 500, data: [] };
   }
-}, zt = async ({
+}, Ft = async ({
   accessToken: e,
   name: r,
   data: t,
   method: a = "POST"
 }) => {
   const o = `Bearer ${e}`;
-  return await fetch(`${he}/api/${r}`, {
+  return await fetch(`${pe}/api/${r}`, {
     method: a,
     credentials: "include",
     headers: {
@@ -234,7 +278,7 @@ const w = {
     },
     body: JSON.stringify(t)
   });
-}, Lt = N.createContext({
+}, We = C.createContext({
   state: {
     id: "",
     model: X,
@@ -253,15 +297,40 @@ const w = {
     engine: X,
     engines: []
   }
-}), Mt = N.createContext({
+}), Pt = C.createContext({
   state: { searchString: "", sortedCell: "", sortDirection: "" },
   dispatch: () => {
   }
-}), Ot = N.createContext({
+}), Gt = C.createContext({
   state: { tag: "" },
   dispatch: () => {
   }
-});
+}), Dt = ({
+  mode: e = "light",
+  focusMode: r = "light",
+  radius: t = "small"
+}) => {
+  const { state: a, dispatch: o } = B(We), n = f(null), i = f(!1), s = (d) => {
+    d.preventDefault(), o({
+      type: Me
+    });
+  };
+  return R(() => {
+    var d;
+    (a == null ? void 0 : a.streaming) === !0 && !i.current && n.current && (i.current = !0, n.current.focus()), (a == null ? void 0 : a.streaming) === !1 && (i.current = !1, (d = n.current) == null || d.blur());
+  }, [a]), /* @__PURE__ */ c(
+    Oe,
+    {
+      noBorder: !0,
+      radius: t,
+      mode: e,
+      focusMode: r,
+      ref: n,
+      onClick: s,
+      children: a != null && a.streaming ? /* @__PURE__ */ c(Fe, { size: "size-4", monotone: !0 }) : /* @__PURE__ */ c(Ue, { size: "size-4", monotone: !0 })
+    }
+  );
+};
 /*!
   @versini/ui-table v2.0.8
   © 2024 gizmette.com
@@ -275,17 +344,17 @@ try {
   });
 } catch {
 }
-const G = "thead", K = "tfoot", A = "tbody", F = {
+const G = "thead", K = "tfoot", I = "tbody", F = {
   ASC: "asc",
   DESC: "desc"
-}, Ue = ({
+}, je = ({
   mode: e,
   className: r,
   wrapperClassName: t,
   stickyHeader: a,
   stickyFooter: o
 }) => ({
-  wrapper: i(
+  wrapper: l(
     "not-prose relative w-full rounded-lg shadow-md",
     {
       "overflow-x-auto": !a && !o,
@@ -297,23 +366,23 @@ const G = "thead", K = "tfoot", A = "tbody", F = {
     },
     t
   ),
-  table: i("my-0 w-full text-left text-sm", r, {
+  table: l("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", {
+  caption: l("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"
   })
-}), Fe = ({
+}), qe = ({
   className: e,
   stickyHeader: r,
   mode: t
-}) => i(
+}) => l(
   {
     "sticky top-0 z-10": r,
     "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": r && t === "dark",
@@ -322,11 +391,11 @@ const G = "thead", K = "tfoot", A = "tbody", F = {
     "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"
   },
   e
-), Pe = ({
+), Je = ({
   className: e,
   stickyFooter: r,
   mode: t
-}) => i(
+}) => l(
   {
     "sticky bottom-0 z-10": r,
     "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": r && t === "dark",
@@ -335,11 +404,11 @@ const G = "thead", K = "tfoot", A = "tbody", F = {
     "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"
   },
   e
-), Ge = ({
+), Qe = ({
   mode: e,
   className: r,
   cellWrapper: t
-}) => t === G || t === K ? i(
+}) => t === G || t === K ? l(
   {
     "bg-table-head-dark": e === "dark",
     "bg-table-head-light": e === "light",
@@ -347,60 +416,60 @@ const G = "thead", K = "tfoot", A = "tbody", F = {
     "bg-table-head-light dark:bg-table-head-dark": e === "alt-system"
   },
   r
-) : i(
+) : l(
   "border-b last:border-0",
   {
     "border-table-dark": e === "dark",
-    "odd:bg-table-dark-odd even:bg-table-dark-even": t === A && e === "dark",
+    "odd:bg-table-dark-odd even:bg-table-dark-even": t === I && e === "dark",
     "border-table-light": e === "light",
-    "odd:bg-table-light-odd even:bg-table-light-even": t === A && e === "light",
+    "odd:bg-table-light-odd even:bg-table-light-even": t === I && 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 === A && 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 === I && 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 === A && 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 === I && e === "alt-system"
   },
   r
-), De = ({
+), Xe = ({
   cellWrapper: e,
   className: r,
   compact: t,
   mode: a
-}) => i(
+}) => l(
   {
     "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 === G || e === K),
-    "p-4": !t && e === A,
+    "p-4": !t && e === I,
     "px-2 py-1.5": t
   },
   r
-), We = ({
+), Ye = ({
   buttonClassName: e
-}) => i("rounded-none text-sm", e), ce = "av-button", pe = "icon", je = "button", qe = "link", Je = ({
+}) => l("rounded-none text-sm", e), ce = "av-button", be = "icon", Ke = "button", Ze = "link", et = ({
   type: e,
   size: r,
   labelRight: t,
   labelLeft: a,
   align: o
 }) => {
-  const n = "text-sm font-medium max-h-8 py-0 px-2", l = "text-base font-medium max-h-9 py-1 px-3", s = "text-lg font-medium max-h-12 py-2 px-4";
+  const n = "text-sm font-medium max-h-8 py-0 px-2", i = "text-base font-medium max-h-9 py-1 px-3", s = "text-lg font-medium max-h-12 py-2 px-4";
   switch (e) {
-    case je:
-      return i({
+    case Ke:
+      return l({
         [n]: r === "small",
-        [l]: r === "medium",
+        [i]: r === "medium",
         [s]: r === "large"
       });
-    case qe:
-      return i("text-center", {
+    case Ze:
+      return l("text-center", {
         [n]: r === "small",
-        [l]: r === "medium",
+        [i]: r === "medium",
         [s]: r === "large"
       });
-    case pe:
-      return i("inline-flex items-center", {
+    case be:
+      return l("inline-flex items-center", {
         "justify-center": o === "center",
         "justify-start": o === "left",
         "justify-end": o === "right",
@@ -412,7 +481,7 @@ const G = "thead", K = "tfoot", A = "tbody", F = {
         "h-12 px-4 text-lg font-medium": r === "large" && (t || a)
       });
   }
-}, Qe = ({
+}, tt = ({
   mode: e,
   noBackground: r,
   noTruncate: t,
@@ -420,13 +489,13 @@ const G = "thead", K = "tfoot", A = "tbody", F = {
   radius: o
 }) => {
   if (r)
-    return i("not-prose", {
+    return l("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small"
     });
   if (a === "primary")
-    return i("not-prose", {
+    return l("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -437,7 +506,7 @@ const G = "thead", K = "tfoot", A = "tbody", F = {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return i("not-prose", {
+    return l("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -448,7 +517,7 @@ const G = "thead", K = "tfoot", A = "tbody", F = {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return i("not-prose", {
+    return l("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -459,7 +528,7 @@ const G = "thead", K = "tfoot", A = "tbody", F = {
       "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "selected")
-    return i("not-prose", {
+    return l("not-prose", {
       "rounded-full": o === "large",
       "rounded-md": o === "medium",
       "rounded-sm": o === "small",
@@ -469,7 +538,7 @@ const G = "thead", K = "tfoot", A = "tbody", F = {
       "bg-action-selected-dark text-copy-light dark:bg-action-selected-light dark:text-copy-lighter": e === "system",
       "bg-action-selected-light text-copy-lighter dark:bg-action-selected-dark dark:text-copy-light": e === "alt-system"
     });
-}, Xe = ({
+}, rt = ({
   mode: e,
   disabled: r,
   variant: t
@@ -477,34 +546,34 @@ const G = "thead", K = "tfoot", A = "tbody", F = {
   if (r)
     return "";
   if (t === "primary")
-    return i("hover:text-copy-light-hover", {
+    return l("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "dark",
       "hover:bg-action-light-hover": e === "light",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
     });
   if (t === "secondary")
-    return i("hover:text-copy-light-hover", {
+    return l("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "light",
       "hover:bg-action-light-hover": e === "dark",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
     });
   if (t === "danger")
-    return i("hover:text-copy-light-hover", {
+    return l("hover:text-copy-light-hover", {
       "hover:bg-action-danger-dark-hover": e === "dark",
       "hover:bg-action-danger-light-hover": e === "light",
       "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
       "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
     });
   if (t === "selected")
-    return i("hover:text-copy-light-hover", {
+    return l("hover:text-copy-light-hover", {
       "hover:bg-action-selected-dark-hover": e === "dark",
       "hover:bg-action-selected-light-hover": e === "light",
       "hover:bg-action-selected-dark-hover dark:hover:bg-action-selected-light-hover": e === "system",
       "hover:bg-action-selected-light-hover dark:hover:bg-action-selected-dark-hover": e === "alt-system"
     });
-}, Ye = ({
+}, at = ({
   mode: e,
   disabled: r,
   variant: t
@@ -512,34 +581,34 @@ const G = "thead", K = "tfoot", A = "tbody", F = {
   if (r)
     return "";
   if (t === "primary")
-    return i("active:text-copy-light-active", {
+    return l("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "dark",
       "active:bg-action-light-active": e === "light",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
     });
   if (t === "secondary")
-    return i("active:text-copy-light-active", {
+    return l("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "light",
       "active:bg-action-light-active": e === "dark",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
     });
   if (t === "danger")
-    return i("active:text-copy-lighter-active", {
+    return l("active:text-copy-lighter-active", {
       "active:bg-action-danger-dark-active": e === "dark",
       "active:bg-action-danger-light-active": e === "light",
       "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
       "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
     });
   if (t === "selected")
-    return i("active:text-copy-lighter-active", {
+    return l("active:text-copy-lighter-active", {
       "active:bg-action-selected-dark-active": e === "dark",
       "active:bg-action-selected-light-active": e === "light",
       "active:bg-action-selected-dark-active dark:active:bg-action-selected-light-active": e === "system",
       "active:bg-action-selected-light-active dark:active:bg-action-selected-dark-active": e === "alt-system"
     });
-}, Ke = ({
+}, ot = ({
   mode: e,
   noBorder: r,
   variant: t
@@ -547,48 +616,48 @@ const G = "thead", K = "tfoot", A = "tbody", F = {
   if (r)
     return "border border-transparent";
   if (t === "primary")
-    return i("border", {
+    return l("border", {
       "border-border-dark": e === "dark",
       "border-border-accent": e === "light",
       "border-border-dark dark:border-border-accent": e === "system",
       "border-border-accent dark:border-border-dark": e === "alt-system"
     });
   if (t === "secondary")
-    return i("border", {
+    return l("border", {
       "border-border-dark": e === "light",
       "border-border-accent": e === "dark",
       "border-border-dark dark:border-border-accent": e === "alt-system",
       "border-border-accent dark:border-border-dark": e === "system"
     });
   if (t === "danger")
-    return i("border", {
+    return l("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
   if (t === "selected")
-    return i("border", {
+    return l("border", {
       "border-border-selected-dark": e === "dark",
       "border-border-selected-medium": e === "light",
       "border-border-selected-dark dark:border-border-selected-medium": e === "system",
       "border-border-selected-medium dark:border-border-selected-dark": e === "alt-system"
     });
-}, Ze = ({
+}, nt = ({
   focusMode: e
-}) => i("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => l("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"
-}), et = ({
+}), it = ({
   type: e,
   className: r,
   raw: t,
   mode: a,
   focusMode: o,
   disabled: n,
-  fullWidth: l,
+  fullWidth: i,
   size: s,
   noBorder: d,
   labelRight: u,
@@ -598,48 +667,48 @@ const G = "thead", K = "tfoot", A = "tbody", F = {
   noTruncate: b,
   align: p,
   radius: v
-}) => (g || (g = "primary"), t ? i(ce, r) : i(
+}) => (g || (g = "primary"), t ? l(ce, r) : l(
   ce,
-  Qe({
+  tt({
     mode: a,
     variant: g,
     noBackground: h,
     noTruncate: b,
     radius: v
   }),
-  Je({
+  et({
     type: e,
     size: s,
     labelRight: u,
     labelLeft: m,
     align: p
   }),
-  Ke({ mode: a, variant: g, noBorder: d }),
-  Ze({ focusMode: o }),
-  Xe({ mode: a, variant: g, disabled: n }),
-  Ye({ mode: a, variant: g, disabled: n }),
+  ot({ mode: a, variant: g, noBorder: d }),
+  nt({ focusMode: o }),
+  rt({ mode: a, variant: g, disabled: n }),
+  at({ mode: a, variant: g, disabled: n }),
   {
-    "w-full": l,
+    "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": n
   },
   r
-)), tt = (e, r, t) => {
+)), lt = (e, r, t) => {
   var a;
   !r && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof t == "function" && t(e);
-}, be = N.forwardRef((e, r) => {
+}, ye = C.forwardRef((e, r) => {
   const { onClick: t, noInternalClick: a = !1, ...o } = e;
   return /* @__PURE__ */ c(
     "button",
     {
       ref: r,
       onClick: (n) => {
-        tt(n, a, t);
+        lt(n, a, t);
       },
       ...o
     }
   );
 });
-be.displayName = "BaseButton";
+ye.displayName = "BaseButton";
 /*!
   @versini/ui-button v3.2.0
   © 2024 gizmette.com
@@ -653,7 +722,7 @@ try {
   });
 } catch {
 }
-const ye = N.forwardRef(
+const fe = C.forwardRef(
   ({
     children: e,
     disabled: r = !1,
@@ -661,7 +730,7 @@ const ye = N.forwardRef(
     focusMode: a = "system",
     fullWidth: o = !1,
     className: n,
-    type: l = "button",
+    type: i = "button",
     raw: s = !1,
     noBorder: d = !1,
     "aria-label": u,
@@ -673,10 +742,10 @@ const ye = N.forwardRef(
     align: v = "center",
     active: k = !1,
     radius: _ = "large",
-    ...M
+    ...V
   }, O) => {
-    const V = et({
-      type: pe,
+    const M = it({
+      type: be,
       mode: t,
       focusMode: a,
       fullWidth: o,
@@ -690,12 +759,12 @@ const ye = N.forwardRef(
       noBackground: p,
       align: v,
       radius: _
-    }), D = i({
+    }), D = l({
       "text-copy-accent-dark": t === "light" && !s,
       "text-copy-light": t === "dark" && !s,
       "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !s,
       "text-copy-light dark:text-copy-accent-dark": t === "system" && !s
-    }), W = k ? i(
+    }), W = k ? l(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -712,15 +781,15 @@ const ye = N.forwardRef(
         "after:border-table-light dark:after:border-table-dark": t === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ c("div", { className: W, children: /* @__PURE__ */ C(
-      be,
+    return /* @__PURE__ */ c("div", { className: W, children: /* @__PURE__ */ N(
+      ye,
       {
         ref: O,
-        className: V,
+        className: M,
         disabled: r,
-        type: l,
+        type: i,
         "aria-label": u || m,
-        ...M,
+        ...V,
         children: [
           b && /* @__PURE__ */ c("span", { className: "pr-2", children: b }),
           /* @__PURE__ */ c("div", { className: D, children: e }),
@@ -730,7 +799,7 @@ const ye = N.forwardRef(
     ) });
   }
 );
-ye.displayName = "ButtonSort";
+fe.displayName = "ButtonSort";
 const Z = ({
   children: e,
   fill: r,
@@ -738,12 +807,12 @@ const Z = ({
   className: a,
   defaultViewBox: o,
   size: n,
-  title: l,
+  title: i,
   semantic: s = !1,
   ...d
 }) => {
-  const u = i(n, a);
-  return /* @__PURE__ */ C(Le, { children: [
+  const u = l(n, a);
+  return /* @__PURE__ */ N(Ve, { children: [
     /* @__PURE__ */ c(
       "svg",
       {
@@ -758,7 +827,7 @@ const Z = ({
         children: e
       }
     ),
-    l && s && /* @__PURE__ */ c("span", { className: "sr-only", children: l })
+    i && s && /* @__PURE__ */ c("span", { className: "sr-only", children: i })
   ] });
 };
 /*!
@@ -774,13 +843,13 @@ try {
   });
 } catch {
 }
-const rt = ({
+const st = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ C(
+}) => /* @__PURE__ */ N(
   Z,
   {
     defaultViewBox: "0 0 576 512",
@@ -800,13 +869,13 @@ const rt = ({
       /* @__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" })
     ]
   }
-), at = ({
+), ct = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ C(
+}) => /* @__PURE__ */ N(
   Z,
   {
     defaultViewBox: "0 0 576 512",
@@ -826,13 +895,13 @@ const rt = ({
       /* @__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" })
     ]
   }
-), ot = ({
+), dt = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ C(
+}) => /* @__PURE__ */ N(
   Z,
   {
     defaultViewBox: "0 0 576 512",
@@ -866,34 +935,34 @@ try {
   });
 } catch {
 }
-const R = N.createContext({
+const H = C.createContext({
   mode: "light",
   cellWrapper: "thead",
   stickyHeader: !1,
   stickyFooter: !1,
   compact: !1
-}), Vt = ({
+}), Wt = ({
   children: e,
   mode: r = "system",
   caption: t,
   compact: a,
   summary: o,
   className: n,
-  wrapperClassName: l,
+  wrapperClassName: i,
   maxHeight: s,
   stickyHeader: d,
   stickyFooter: u,
   ...m
 }) => {
-  const h = Ue({
+  const h = je({
     mode: r,
     className: n,
-    wrapperClassName: l,
+    wrapperClassName: i,
     stickyHeader: d,
     stickyFooter: u
   });
   return /* @__PURE__ */ c(
-    R.Provider,
+    H.Provider,
     {
       value: { mode: r, stickyHeader: d, stickyFooter: u, compact: a },
       children: /* @__PURE__ */ c(
@@ -903,7 +972,7 @@ const R = N.createContext({
           ...s && {
             style: { maxHeight: s }
           },
-          children: /* @__PURE__ */ C("table", { className: h.table, summary: o, ...m, children: [
+          children: /* @__PURE__ */ N("table", { className: h.table, summary: o, ...m, children: [
             t && /* @__PURE__ */ c("caption", { className: h.caption, children: t }),
             e
           ] })
@@ -911,76 +980,76 @@ const R = N.createContext({
       )
     }
   );
-}, Ut = ({
+}, jt = ({
   children: e,
   className: r,
   ...t
 }) => {
-  const a = L(R);
+  const a = B(H);
   a.cellWrapper = G;
-  const o = Fe({
+  const o = qe({
     className: r,
     mode: a.mode,
     stickyHeader: a.stickyHeader
   });
   return /* @__PURE__ */ c("thead", { className: o, ...t, children: e });
-}, Ft = ({
+}, qt = ({
   children: e,
   className: r,
   ...t
 }) => {
-  const a = L(R);
+  const a = B(H);
   a.cellWrapper = K;
-  const o = Pe({
+  const o = Je({
     className: r,
     mode: a.mode,
     stickyFooter: a.stickyFooter
   });
   return /* @__PURE__ */ c("tfoot", { className: o, ...t, children: e });
-}, Pt = ({ children: e, ...r }) => {
-  const t = L(R);
-  return t.cellWrapper = A, /* @__PURE__ */ c("tbody", { ...r, children: e });
-}, Gt = ({
+}, Jt = ({ children: e, ...r }) => {
+  const t = B(H);
+  return t.cellWrapper = I, /* @__PURE__ */ c("tbody", { ...r, children: e });
+}, Qt = ({
   children: e,
   className: r,
   ...t
 }) => {
-  const a = L(R), o = Ge({
+  const a = B(H), o = Qe({
     mode: a.mode,
     cellWrapper: a.cellWrapper,
     className: r
   });
   return /* @__PURE__ */ c("tr", { className: o, ...t, children: e });
-}, nt = ({
+}, ut = ({
   children: e,
   component: r,
   className: t,
   ...a
 }) => {
-  const o = L(R), n = r || (o.cellWrapper === G ? "th" : "td"), l = De({
+  const o = B(H), n = r || (o.cellWrapper === G ? "th" : "td"), i = Xe({
     cellWrapper: o.cellWrapper,
     className: t,
     mode: o.mode,
     compact: o.compact
   });
-  return /* @__PURE__ */ c(n, { className: l, ...a, children: e });
-}, Dt = ({
+  return /* @__PURE__ */ c(n, { className: i, ...a, children: e });
+}, Xt = ({
   align: e,
   children: r,
   buttonClassName: t,
   className: a,
   component: o,
   focusMode: n = "alt-system",
-  mode: l = "alt-system",
+  mode: i = "alt-system",
   onClick: s,
   sortDirection: d,
   sortedCell: u,
   cellId: m,
   ...h
 }) => {
-  const g = We({ buttonClassName: t });
+  const g = Ye({ buttonClassName: t });
   return /* @__PURE__ */ c(
-    nt,
+    ut,
     {
       component: o,
       className: a,
@@ -988,7 +1057,7 @@ const R = N.createContext({
       "aria-sort": d === F.ASC && u === m ? "ascending" : d === F.DESC && u === m ? "descending" : "other",
       ...h,
       children: /* @__PURE__ */ c(
-        ye,
+        fe,
         {
           active: u === m,
           className: g,
@@ -996,10 +1065,10 @@ const R = N.createContext({
           align: e,
           noBorder: !0,
           focusMode: n,
-          mode: l,
+          mode: i,
           fullWidth: !0,
           labelRight: r,
-          children: d === F.ASC && u === m ? /* @__PURE__ */ c(ot, { className: "size-4", monotone: !0 }) : d === F.DESC && u === m ? /* @__PURE__ */ c(at, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ c(rt, { className: "size-4", monotone: !0 })
+          children: d === F.ASC && u === m ? /* @__PURE__ */ c(dt, { className: "size-4", monotone: !0 }) : d === F.DESC && u === m ? /* @__PURE__ */ c(ct, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ c(st, { className: "size-4", monotone: !0 })
         }
       )
     }
@@ -1018,14 +1087,14 @@ try {
   });
 } catch {
 }
-const fe = "av-text-area", it = "av-text-area-wrapper", Y = "av-text-area-helper-text", lt = "av-text-area__control--right", st = "av-text-area__control--left";
-function ct() {
+const ke = "av-text-area", mt = "av-text-area-wrapper", Y = "av-text-area-helper-text", gt = "av-text-area__control--right", ht = "av-text-area__control--left";
+function pt() {
   const e = f(!1);
-  return z(() => (e.current = !0, () => {
+  return R(() => (e.current = !0, () => {
     e.current = !1;
   }), []), P(() => e.current, []);
 }
-function dt(e) {
+function bt(e) {
   return me(() => e.every((r) => r == null) ? () => {
   } : (r) => {
     e.forEach((t) => {
@@ -1033,7 +1102,7 @@ function dt(e) {
     });
   }, e);
 }
-const ut = {
+const yt = {
   x: 0,
   y: 0,
   width: 0,
@@ -1044,17 +1113,17 @@ const ut = {
   right: 0
 };
 function de(e) {
-  const r = ct(), t = f(0), a = f(null), [o, n] = $(ut), l = me(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
+  const r = pt(), t = f(0), a = f(null), [o, n] = $(yt), i = me(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
     const d = s[0];
     d && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
       a.current && r() && n(d.contentRect);
     }));
   }), [r]);
-  return z(() => (a.current && (l == null || l.observe(a.current, e)), () => {
-    l == null || l.disconnect(), t.current && cancelAnimationFrame(t.current);
-  }), [l, e]), [a, o];
+  return R(() => (a.current && (i == null || i.observe(a.current, e)), () => {
+    i == null || i.disconnect(), t.current && cancelAnimationFrame(t.current);
+  }), [i, e]), [a, o];
 }
-function mt({
+function ft({
   value: e,
   defaultValue: r,
   finalValue: t,
@@ -1062,19 +1131,19 @@ function mt({
   },
   initialControlledDelay: o = 0
 }) {
-  const [n, l] = $(!1), [s, d] = $(
+  const [n, i] = $(!1), [s, d] = $(
     r !== void 0 ? r : t
   ), u = (m) => {
     d(m), a == null || a(m);
   };
-  return z(() => {
+  return R(() => {
     (async () => e !== void 0 && !n && o > 0 && (await new Promise(
       (m) => setTimeout(m, o)
-    ), l(!0)))();
+    ), i(!0)))();
   }, [e, o, n]), e !== void 0 ? !n && o > 0 ? ["", a, !0] : [e, a, !0] : [s, u, !1];
 }
-function gt(e) {
-  const r = Be();
+function kt(e) {
+  const r = ze();
   if (!e)
     return r;
   if (typeof e == "number" || typeof e == "string")
@@ -1084,7 +1153,7 @@ function gt(e) {
     return typeof t == "number" || typeof t == "string" ? `${a}${t}` : `${a}${r}`;
   }
 }
-const ke = "SET_ANNOUNCEMENT", ve = "CLEAR_ANNOUNCEMENT", ht = {
+const ve = "SET_ANNOUNCEMENT", xe = "CLEAR_ANNOUNCEMENT", vt = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -1092,14 +1161,14 @@ const ke = "SET_ANNOUNCEMENT", ve = "CLEAR_ANNOUNCEMENT", ht = {
   progressbar: null,
   status: "polite",
   timer: "assertive"
-}, pt = (e, r) => {
+}, xt = (e, r) => {
   switch (r == null ? void 0 : r.type) {
-    case ke:
+    case ve:
       return {
         ...e,
         announcement: r.payload
       };
-    case ve:
+    case xe:
       return {
         ...e,
         announcement: null
@@ -1107,12 +1176,12 @@ const ke = "SET_ANNOUNCEMENT", ve = "CLEAR_ANNOUNCEMENT", ht = {
     default:
       return e;
   }
-}, bt = ({
+}, _t = ({
   onAnnouncementClear: e,
   dispatch: r
 }) => {
   r({
-    type: ve
+    type: xe
   }), typeof e == "function" && e();
 }, ue = ({
   children: e,
@@ -1122,70 +1191,70 @@ const ke = "SET_ANNOUNCEMENT", ve = "CLEAR_ANNOUNCEMENT", ht = {
   dispatch: o
 }) => {
   clearTimeout(t.current), e !== null && o({
-    type: ke,
+    type: ve,
     payload: e
   }), r && (t.current = setTimeout(
-    () => bt({
+    () => _t({
       onAnnouncementClear: a,
       dispatch: o
     }),
     r
   ));
-}, yt = ({
+}, wt = ({
   children: e,
   announcementTimeoutRef: r,
   announcementDelay: t,
   clearAnnouncementDelay: a,
   clearAnnouncementTimeoutRef: o,
   onAnnouncementClear: n,
-  dispatch: l
+  dispatch: i
 }) => {
   clearTimeout(r.current), t ? r.current = setTimeout(ue, t, {
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: o,
     onAnnouncementClear: n,
-    dispatch: l
+    dispatch: i
   }) : ue({
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: o,
     onAnnouncementClear: n,
-    dispatch: l
+    dispatch: i
   });
 };
-function ft({
+function Et({
   children: e,
   className: r,
   politeness: t,
   role: a = null,
   announcementDelay: o,
   clearAnnouncementDelay: n,
-  onAnnouncementClear: l,
+  onAnnouncementClear: i,
   visible: s,
   ...d
 }) {
-  const u = f(null), m = f(null), [h, g] = ze(pt, {
+  const u = f(null), m = f(null), [h, g] = Le(xt, {
     announcement: null
   });
   let b = t;
-  typeof b > "u" && (b = a ? ht[a] : "assertive"), z(() => {
-    yt({
+  typeof b > "u" && (b = a ? vt[a] : "assertive"), R(() => {
+    wt({
       announcementTimeoutRef: u,
       announcementDelay: o,
       children: e,
       clearAnnouncementDelay: n,
       clearAnnouncementTimeoutRef: m,
-      onAnnouncementClear: l,
+      onAnnouncementClear: i,
       dispatch: g
     });
   }, [
     e,
     o,
     n,
-    l
+    i
   ]);
-  const p = i(r, {
+  const p = l(r, {
     "sr-only": !s
   });
   return /* @__PURE__ */ c(
@@ -1212,27 +1281,27 @@ try {
   });
 } catch {
 }
-const kt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", vt = ({ mode: e }) => i({
+const Nt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", St = ({ mode: e }) => l({
   "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"
-}), xt = ({
+}), Tt = ({
   focusMode: e
-}) => i("focus:outline focus:outline-2 focus:outline-offset-2", {
+}) => l("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"
-}), _t = ({
+}), Ct = ({
   noBorder: e,
   error: r
-}) => i("border-2", {
+}) => l("border-2", {
   "border-border-dark": !e && !r,
   "focus:border-border-dark": !e && r,
   "border-border-error-dark": !e && r,
   "border-transparent": e
-}), Et = ({
+}), At = ({
   disabled: e,
   raw: r,
   error: t,
@@ -1243,14 +1312,14 @@ const kt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   if (r)
     return "";
   if (e)
-    return i(
+    return l(
       "transform translate-y-0 scale-100 absolute px-2 cursor-not-allowed opacity-50 font-medium",
       {
         "translate-x-[12px]": n === !0 && !o || !n && !o
       }
     );
   if (!t)
-    return i(
+    return l(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
         "translate-x-[12px]": n === !0 && !o || !n && !o,
@@ -1261,7 +1330,7 @@ const kt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       }
     );
   if (t)
-    return i(
+    return l(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
         "translate-x-[12px]": n === !0 && !o || !n && !o,
@@ -1271,7 +1340,7 @@ const kt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "text-copy-medium dark:text-copy-error-dark": a === "alt-system"
       }
     );
-}, wt = ({
+}, It = ({
   error: e,
   raw: r,
   mode: t,
@@ -1280,66 +1349,66 @@ const kt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   if (r)
     return "";
   if (a)
-    return i(
+    return l(
       Y,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return i(Y, "absolute px-2 font-medium", {
+    return l(Y, "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(Y, "absolute px-2 font-medium", {
+    return l(Y, "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"
     });
-}, St = ({
+}, $t = ({
   className: e,
   textAreaClassName: r,
   raw: t,
   focusMode: a,
   disabled: o,
   noBorder: n,
-  error: l,
+  error: i,
   mode: s,
   leftElement: d,
   rightElement: u
 }) => {
-  const m = t ? e : i(
+  const m = t ? e : l(
     "relative flex w-full flex-col justify-center",
-    it,
+    mt,
     e
-  ), h = t ? i(r) : i(
-    fe,
+  ), h = t ? l(r) : l(
+    ke,
     r,
-    kt(),
-    vt({ mode: s }),
-    xt({ focusMode: a }),
-    _t({
+    Nt(),
+    St({ mode: s }),
+    Tt({ focusMode: a }),
+    Ct({
       noBorder: n,
-      error: l
+      error: i
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": o
     }
-  ), g = t ? void 0 : "sr-only", b = Et({
+  ), g = t ? void 0 : "sr-only", b = At({
     disabled: o,
     raw: t,
-    error: l,
+    error: i,
     mode: s,
     rightElement: u,
     leftElement: d
-  }), p = wt({
-    error: l,
+  }), p = It({
+    error: i,
     raw: t,
     mode: s,
     disabled: o
-  }), v = t ? void 0 : i(lt, "absolute"), k = t ? void 0 : i(st, "absolute");
+  }), v = t ? void 0 : l(gt, "absolute"), k = t ? void 0 : l(ht, "absolute");
   return {
     wrapper: m,
     textArea: h,
@@ -1349,7 +1418,7 @@ const kt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     rightElement: v,
     leftElement: k
   };
-}, Tt = ({
+}, Rt = ({
   scrollHeight: e,
   currentHeight: r,
   currentLabelOffset: t = 0,
@@ -1357,15 +1426,15 @@ const kt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
 }) => {
   let o, n;
   if (e > 0 && e !== r) {
-    const l = e - r, s = Math.abs(l / 24);
-    o = t + -1 * Math.sign(l) * (12 * s), n = a + Math.sign(l) * (12 * s);
+    const i = e - r, s = Math.abs(i / 24);
+    o = t + -1 * Math.sign(i) * (12 * s), n = a + Math.sign(i) * (12 * s);
   }
   return {
     labelOffset: o,
     helperTextOffset: n,
     scrollHeight: e
   };
-}, Nt = N.forwardRef(
+}, Bt = C.forwardRef(
   ({
     id: e,
     name: r,
@@ -1373,7 +1442,7 @@ const kt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     error: a = !1,
     raw: o = !1,
     className: n,
-    textAreaClassName: l,
+    textAreaClassName: i,
     mode: s = "system",
     focusMode: d = "system",
     value: u,
@@ -1385,17 +1454,17 @@ const kt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     helperTextOnFocus: v = !1,
     rightElement: k,
     leftElement: _,
-    onChange: M,
+    onChange: V,
     onFocus: O,
-    onBlur: V,
+    onBlur: M,
     ...D
   }, W) => {
     var ee;
-    const x = f(null), xe = dt([W, x]), [_e, U] = de(), [Ee, I] = de(), j = f(80), te = f(-25), S = f(null), re = f(30), q = f(null), H = gt({ id: e, prefix: `${fe}-` }), [ae, we] = $(0), [oe, Se] = $(0), [Te, ne] = $(
+    const x = f(null), _e = bt([W, x]), [we, U] = de(), [Ee, A] = de(), j = f(80), te = f(-25), S = f(null), re = f(30), q = f(null), z = kt({ id: e, prefix: `${ke}-` }), [ae, Ne] = $(0), [oe, Se] = $(0), [Te, ne] = $(
       !!(!v && p)
-    ), Ne = `${r} error, ${p}`, T = St({
+    ), Ce = `${r} error, ${p}`, T = $t({
       className: n,
-      textAreaClassName: l,
+      textAreaClassName: i,
       error: a,
       raw: o,
       focusMode: d,
@@ -1404,42 +1473,42 @@ const kt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       mode: s,
       rightElement: !!k,
       leftElement: !!_
-    }), [E, Ce] = mt({
+    }), [w, Ae] = ft({
       value: u,
       initialControlledDelay: 20,
       defaultValue: m,
       onChange: (y) => {
-        M && M({
+        V && V({
           target: {
             value: y
           }
         });
       }
     }), Ie = (y) => {
-      Ce(y.target.value);
-    }, Ae = (y) => {
-      v && p && ne(!0), O && O(y);
+      Ae(y.target.value);
     }, $e = (y) => {
-      v && p && !E && ne(!1), V && V(y);
+      v && p && ne(!0), O && O(y);
+    }, Re = (y) => {
+      v && p && !w && ne(!1), M && M(y);
     };
-    return B(() => {
-      U && U.width && we(U.width + 18 + 10);
-    }, [U]), B(() => {
-      I && I.width && Se(I.width + 18 + 10);
-    }, [I]), B(() => {
-      o || x && x.current && E !== void 0 && (x.current.style.height = "inherit", x.current.style.height = x.current.scrollHeight + "px");
-    }, [E, o]), B(() => {
+    return L(() => {
+      U && U.width && Ne(U.width + 18 + 10);
+    }, [U]), L(() => {
+      A && A.width && Se(A.width + 18 + 10);
+    }, [A]), L(() => {
+      o || x && x.current && w !== void 0 && (x.current.style.height = "inherit", x.current.style.height = x.current.scrollHeight + "px");
+    }, [w, o]), L(() => {
       o || setTimeout(() => {
         var y;
         (y = S == null ? void 0 : S.current) == null || y.style.setProperty(
           "--av-text-area-wrapper-transition",
-          E ? "none" : "all 0.2s ease-out"
+          w ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [E, o]), B(() => {
+    }, [w, o]), L(() => {
       var y, ie;
-      if (!o && x && x.current && E !== void 0) {
-        const { labelOffset: J, helperTextOffset: Q, scrollHeight: Re } = Tt({
+      if (!o && x && x.current && w !== void 0) {
+        const { labelOffset: J, helperTextOffset: Q, scrollHeight: Be } = Rt({
           scrollHeight: x.current.scrollHeight,
           currentHeight: j.current,
           currentLabelOffset: te.current,
@@ -1451,16 +1520,16 @@ const kt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         )), Q && (re.current = Q, (ie = q == null ? void 0 : q.current) == null || ie.style.setProperty(
           "--av-text-area-helper-text",
           `${Q}px`
-        )), j.current = Re || j.current;
+        )), j.current = Be || j.current;
       }
-    }, [E, o]), I.width > 0 && ((ee = S == null ? void 0 : S.current) == null || ee.style.setProperty(
+    }, [w, o]), A.width > 0 && ((ee = S == null ? void 0 : S.current) == null || ee.style.setProperty(
       "--tw-translate-x",
-      `${12 + I.width + 5}px`
-    )), /* @__PURE__ */ C("div", { className: T.wrapper, children: [
+      `${12 + A.width + 5}px`
+    )), /* @__PURE__ */ N("div", { className: T.wrapper, children: [
       /* @__PURE__ */ c(
         "label",
         {
-          htmlFor: H,
+          htmlFor: z,
           id: b,
           className: T.accessibleLabel,
           children: t
@@ -1477,14 +1546,14 @@ const kt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       /* @__PURE__ */ c(
         "textarea",
         {
-          ref: xe,
-          id: H,
+          ref: _e,
+          id: z,
           name: r,
           disabled: h,
           placeholder: o ? void 0 : " ",
           className: T.textArea,
           rows: 1,
-          ...p && { "aria-describedby": `${H}-helper` },
+          ...p && { "aria-describedby": `${z}-helper` },
           ...a && { "aria-invalid": "true" },
           ...k && !_ && !o && { style: { paddingRight: ae } },
           ..._ && !k && !o && { style: { paddingLeft: oe } },
@@ -1494,10 +1563,10 @@ const kt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
               paddingLeft: oe
             }
           },
-          value: E,
+          value: w,
           onChange: Ie,
-          onFocus: Ae,
-          onBlur: $e,
+          onFocus: $e,
+          onBlur: Re,
           ...D
         }
       ),
@@ -1506,7 +1575,7 @@ const kt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         {
           ref: S,
           "aria-hidden": !0,
-          htmlFor: H,
+          htmlFor: z,
           className: `${T.visibleLabel}`,
           children: t
         }
@@ -1515,7 +1584,7 @@ const kt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "div",
         {
           ref: q,
-          id: `${H}-helper`,
+          id: `${z}-helper`,
           className: T.helperText,
           children: p
         }
@@ -1523,31 +1592,33 @@ const kt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       k && /* @__PURE__ */ c(
         "div",
         {
-          ref: _e,
+          ref: we,
           className: T.rightElement,
           children: k
         }
       ),
-      a && p && /* @__PURE__ */ c(ft, { politeness: "polite", clearAnnouncementDelay: 500, children: Ne })
+      a && p && /* @__PURE__ */ c(Et, { politeness: "polite", clearAnnouncementDelay: 500, children: Ce })
     ] });
   }
 );
-Nt.displayName = "TextArea";
+Bt.displayName = "TextArea";
 export {
-  Lt as AppContext,
-  Rt as E,
-  Nt as Fe,
-  Mt as HistoryContext,
-  Ht as SERVICE_TYPES,
-  Ot as TagsContext,
-  Dt as be,
-  Vt as ce,
+  We as AppContext,
+  Ot as E,
+  Bt as Fe,
+  Pt as HistoryContext,
+  Dt as NewChatButton,
+  Mt as SERVICE_TYPES,
+  Gt as TagsContext,
+  Xt as be,
+  Wt as ce,
   F as f,
-  Pt as ge,
-  Gt as he,
-  Ft as ne,
-  nt as oe,
-  zt as restCall,
-  Ut as se,
-  Bt as serviceCall
+  Jt as ge,
+  Qt as he,
+  Fe as m,
+  qt as ne,
+  ut as oe,
+  Ft as restCall,
+  jt as se,
+  Ut as serviceCall
 };