npm - @versini/sassysaint - Versions diffs - 5.5.37 → 5.5.39 - Mend

@versini/sassysaint 5.5.37 → 5.5.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/chunks/App.VcTEMlv1.js +5188 -0
package/dist/chunks/{HeaderToolbar.BeLs87sR.js → HeaderToolbar.bZEPHk17.js} +519 -579
package/dist/chunks/{MarkdownWithExtra.CxsVtJCN.js → MarkdownWithExtra.CAhDtGFi.js} +191 -198
package/dist/chunks/{MessageAssistant.Dskbm0QC.js → MessageAssistant.YS3qhBfd.js} +6 -6
package/dist/chunks/{index.gfLDgD4t.js → index.C73CRI-0.js} +309 -317
package/dist/components/SassySaint/SassySaint.js +1 -1
package/dist/index.js +4 -4
package/package.json +5 -5
package/dist/chunks/App.C9JOoJdo.js +0 -4114

package/dist/chunks/{HeaderToolbar.BeLs87sR.js → HeaderToolbar.bZEPHk17.js} RENAMED Viewed

@@ -1,18 +1,18 @@
-import { jsxs as h, jsx as a, Fragment as M } from "react/jsx-runtime";
-import { g as D, un as G, R as $, CARDS as T, renderDataAsList as he, pluralize as ge, ABOUT_TITLE as ht, L as X, j as A, C as F, INFINITE_SCROLL_LIMIT as Be, INFINITE_SCROLL_THRESHOLD as Oe, LOCAL_STORAGE_PREFIX as _e, LOCAL_STORAGE_SORT as gt, P as le, ACTION_RESET as pt, ACTION_RESTORE as ft, ACTION_SORT as Pe, LOCAL_STORAGE_SEARCH as bt, HISTORY_TITLE as yt, ye as Ee, ACTION_SEARCH as kt, debounce as vt, M as xt, z as $e, durationFormatter as Nt, PROFILE_TITLE as wt, PROMPTS_DESCRIPTION as Et, DEFAULT_AI_ENGINE as Tt, LOCAL_STORAGE_CHAT_DETAILS as Ct, SETTINGS_TITLE as _t, ENGINE_OPENAI as Q, ENGINE_ANTHROPIC as re, APP_NAME as It, getCurrentGeoLocation as St, LOG_OUT as De } from "./index.gfLDgD4t.js";
-import { i as pe, useServerCapabilities as Lt, HistoryContext as je, E as Ie, ge as At, he as Rt, ue as Ne, ie as P, ye as zt, me as Mt, p as Bt, i$1 as Ot, be as Pt, serviceCall as ce, SERVICE_TYPES as ie, f as ae, AppContext as We, useChatsHistory as $t, useUserChatStats as Dt, useUserPreferences as Ye, me$1 as Vt, R as oe, P as Ht } from "./App.C9JOoJdo.js";
+import { jsxs as h, jsx as a, Fragment as B } from "react/jsx-runtime";
+import { g as F, un as G, R as H, CARDS as T, renderDataAsList as he, pluralize as ge, ABOUT_TITLE as ht, L as X, j as R, C as U, INFINITE_SCROLL_LIMIT as Oe, INFINITE_SCROLL_THRESHOLD as Pe, LOCAL_STORAGE_PREFIX as _e, LOCAL_STORAGE_SORT as gt, Y as le, ACTION_RESET as pt, ACTION_RESTORE as ft, ACTION_SORT as ze, LOCAL_STORAGE_SEARCH as bt, HISTORY_TITLE as yt, ye as Ee, ACTION_SEARCH as kt, debounce as vt, M as xt, l as $e, durationFormatter as Nt, PROFILE_TITLE as wt, PROMPTS_DESCRIPTION as Et, DEFAULT_AI_ENGINE as Tt, LOCAL_STORAGE_CHAT_DETAILS as Ct, SETTINGS_TITLE as _t, ENGINE_OPENAI as Q, ENGINE_ANTHROPIC as re, APP_NAME as It, getCurrentGeoLocation as St, LOG_OUT as He } from "./index.C73CRI-0.js";
+import { i as pe, useServerCapabilities as At, HistoryContext as je, E as Ie, ge as Rt, he as Lt, ue as Ne, le as $, ye as Mt, me as Bt, p as Ot, z as Pt, be as zt, serviceCall as ie, SERVICE_TYPES as ce, f as ae, AppContext as Ye, useChatsHistory as $t, useUserChatStats as Ht, useUserPreferences as We, m as Dt, _e as Vt, me$1 as Ut, R as oe, P as Ft } from "./App.VcTEMlv1.js";
 import * as S from "react";
-import be, { useId as Se, useRef as _, useEffect as V, useState as w, useContext as fe, useCallback as Ke, Fragment as Ut, useLayoutEffect as ne, useMemo as Xe, useReducer as Ft } from "react";
+import be, { useId as Se, useRef as _, useEffect as D, useState as w, useContext as fe, useCallback as Ke, Fragment as Gt, useLayoutEffect as ne, useMemo as Xe, useReducer as jt } from "react";
 import d from "clsx";
-import { useMergeRefs as Gt, FloatingPortal as jt, FloatingOverlay as Wt, FloatingFocusManager as Yt, useFloating as Kt, useClick as Xt, useDismiss as qt, useRole as Qt, useInteractions as Jt } from "@floating-ui/react";
-const Zt = ({
+import { useMergeRefs as Yt, FloatingPortal as Wt, FloatingOverlay as Kt, FloatingFocusManager as Xt, useFloating as qt, useClick as Qt, useDismiss as Jt, useRole as Zt, useInteractions as er } from "@floating-ui/react";
+const tr = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ h(
-  D,
+  F,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -24,28 +24,21 @@ const Zt = ({
       /* @__PURE__ */ a(
         "path",
         {
-          className: "fa-secondary",
-          opacity: o ? "1" : "0.4",
-          d: "M66.6 320c0 1.8 .1 3.5 .4 5.3C84.9 431.3 177 512 288 512c123.7 0 224-100.3 224-224c0-111-80.7-203.1-186.7-220.9c-1.8-.3-3.6-.4-5.3-.4c-15.3 0-28.9 11.1-31.5 26.7c-2.9 17.4 8.8 33.9 26.3 36.9C390.4 142.9 448 208.8 448 288c0 88.4-71.6 160-160 160c-79.2 0-145.1-57.6-157.8-133.3c-2.9-17.4-19.4-29.2-36.9-26.3c-15.6 2.6-26.7 16.2-26.7 31.5z"
+          d: "M66.6 320c0 1.8.1 3.5.4 5.3C84.9 431.3 177 512 288 512c123.7 0 224-100.3 224-224 0-111-80.7-203.1-186.7-220.9-1.8-.3-3.6-.4-5.3-.4-15.3 0-28.9 11.1-31.5 26.7-2.9 17.4 8.8 33.9 26.3 36.9C390.4 142.9 448 208.8 448 288c0 88.4-71.6 160-160 160-79.2 0-145.1-57.6-157.8-133.3-2.9-17.4-19.4-29.2-36.9-26.3-15.6 2.6-26.7 16.2-26.7 31.5z",
+          opacity: o ? "1" : "0.4"
         }
       ),
-      /* @__PURE__ */ a(
-        "path",
-        {
-          className: "fa-primary",
-          d: "M32 0L192 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-82.7 0L342.6 297.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L64 109.3 64 192c0 17.7-14.3 32-32 32s-32-14.3-32-32L0 32C0 14.3 14.3 0 32 0z"
-        }
-      )
+      /* @__PURE__ */ a("path", { d: "M32 0h160c17.7 0 32 14.3 32 32s-14.3 32-32 32h-82.7l233.3 233.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L64 109.3V192c0 17.7-14.3 32-32 32S0 209.7 0 192V32C0 14.3 14.3 0 32 0" })
     ]
   }
-), er = ({
+), rr = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ h(
-  D,
+  F,
   {
     defaultViewBox: "0 0 448 512",
     size: "size-5",
@@ -57,61 +50,21 @@ const Zt = ({
       /* @__PURE__ */ a(
         "path",
         {
-          className: "fa-secondary",
-          opacity: o ? "1" : "0.4",
-          d: "M32 96l0 352c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-352L32 96zm80 80c0-8.8 7.2-16 16-16s16 7.2 16 16l0 224c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-224zm96 0c0-8.8 7.2-16 16-16s16 7.2 16 16l0 224c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-224zm96 0c0-8.8 7.2-16 16-16s16 7.2 16 16l0 224c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-224z"
-        }
-      ),
-      /* @__PURE__ */ a(
-        "path",
-        {
-          className: "fa-primary",
-          d: "M163.8 0c-12.1 0-23.2 6.8-28.6 17.7L128 32 32 32C14.3 32 0 46.3 0 64S14.3 96 32 96l384 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l-96 0-7.2-14.3C307.4 6.8 296.3 0 284.2 0L163.8 0z"
-        }
-      )
-    ]
-  }
-), tr = ({
-  className: e,
-  viewBox: r,
-  title: t,
-  monotone: o,
-  ...n
-}) => /* @__PURE__ */ h(
-  D,
-  {
-    defaultViewBox: "0 0 512 512",
-    size: "size-5",
-    viewBox: r,
-    className: e,
-    title: t || "Edit",
-    ...n,
-    children: [
-      /* @__PURE__ */ a(
-        "path",
-        {
-          className: "fa-secondary",
-          opacity: o ? "1" : "0.4",
-          d: "M0 160c0-53 43-96 96-96l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-96 0c-17.7 0-32 14.3-32 32l0 256c0 17.7 14.3 32 32 32l256 0c17.7 0 32-14.3 32-32l0-96c0-17.7 14.3-32 32-32s32 14.3 32 32l0 96c0 53-43 96-96 96L96 512c-53 0-96-43-96-96L0 160z"
+          d: "M32 96v352c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V96zm80 80c0-8.8 7.2-16 16-16s16 7.2 16 16v224c0 8.8-7.2 16-16 16s-16-7.2-16-16zm96 0c0-8.8 7.2-16 16-16s16 7.2 16 16v224c0 8.8-7.2 16-16 16s-16-7.2-16-16zm96 0c0-8.8 7.2-16 16-16s16 7.2 16 16v224c0 8.8-7.2 16-16 16s-16-7.2-16-16z",
+          opacity: o ? "1" : "0.4"
         }
       ),
-      /* @__PURE__ */ a(
-        "path",
-        {
-          className: "fa-primary",
-          d: "M392.4 21.7L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0zM339.7 74.3L172.4 241.7c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3z"
-        }
-      )
+      /* @__PURE__ */ a("path", { d: "M163.8 0c-12.1 0-23.2 6.8-28.6 17.7L128 32H32C14.3 32 0 46.3 0 64s14.3 32 32 32h384c17.7 0 32-14.3 32-32s-14.3-32-32-32h-96l-7.2-14.3C307.4 6.8 296.3 0 284.2 0z" })
     ]
   }
-), rr = ({
+), ar = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ h(
-  D,
+  F,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -123,28 +76,21 @@ const Zt = ({
       /* @__PURE__ */ a(
         "path",
         {
-          className: "fa-secondary",
-          opacity: o ? "1" : "0.4",
-          d: "M0 57.9L0 168c0 13.3 10.7 24 24 24l110.1 0c21.4 0 32.1-25.9 17-41l-30.8-30.8C155 85.5 203 64 256 64c106 0 192 86 192 192s-86 192-192 192c-40.8 0-78.6-12.7-109.7-34.4c-14.5-10.1-34.4-6.6-44.6 7.9s-6.6 34.4 7.9 44.6C151.2 495 201.7 512 256 512c141.4 0 256-114.6 256-256S397.4 0 256 0C185.3 0 121.3 28.7 75 75L41 41C25.9 25.9 0 36.6 0 57.9z"
+          d: "M0 57.9V168c0 13.3 10.7 24 24 24h110.1c21.4 0 32.1-25.9 17-41l-30.8-30.8C155 85.5 203 64 256 64c106 0 192 86 192 192s-86 192-192 192c-40.8 0-78.6-12.7-109.7-34.4-14.5-10.1-34.4-6.6-44.6 7.9s-6.6 34.4 7.9 44.6C151.2 495 201.7 512 256 512c141.4 0 256-114.6 256-256S397.4 0 256 0C185.3 0 121.3 28.7 75 75L41 41C25.9 25.9 0 36.6 0 57.9",
+          opacity: o ? "1" : "0.4"
         }
       ),
-      /* @__PURE__ */ a(
-        "path",
-        {
-          className: "fa-primary",
-          d: "M256 128c13.3 0 24 10.7 24 24l0 94.1 65 65c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-72-72c-4.5-4.5-7-10.6-7-17l0-104c0-13.3 10.7-24 24-24z"
-        }
-      )
+      /* @__PURE__ */ a("path", { d: "M256 128c13.3 0 24 10.7 24 24v94.1l65 65c9.4 9.4 9.4 24.6 0 33.9s-24.6 9.4-33.9 0l-72-72c-4.5-4.5-7-10.6-7-17V152c0-13.3 10.7-24 24-24z" })
     ]
   }
-), ar = ({
+), or = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ h(
-  D,
+  F,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -156,28 +102,21 @@ const Zt = ({
       /* @__PURE__ */ a(
         "path",
         {
-          className: "fa-secondary",
-          opacity: "0.4",
-          d: "M0 256a256 256 0 1 0 512 0A256 256 0 1 0 0 256zm192-8c0-13.3 10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24zm96-88a32 32 0 1 1 -64 0 32 32 0 1 1 64 0z"
+          d: "M0 256a256 256 0 1 0 512 0 256 256 0 1 0-512 0m192-8c0-13.3 10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-80c-13.3 0-24-10.7-24-24s10.7-24 24-24h24v-64h-24c-13.3 0-24-10.7-24-24m96-88a32 32 0 1 1-64 0 32 32 0 1 1 64 0",
+          opacity: ".4"
         }
       ),
-      /* @__PURE__ */ a(
-        "path",
-        {
-          className: "fa-primary",
-          d: "M256 128a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM192 248c0-13.3 10.7-24 24-24l48 0c13.3 0 24 10.7 24 24l0 88 8 0c13.3 0 24 10.7 24 24s-10.7 24-24 24l-80 0c-13.3 0-24-10.7-24-24s10.7-24 24-24l24 0 0-64-24 0c-13.3 0-24-10.7-24-24z"
-        }
-      )
+      /* @__PURE__ */ a("path", { d: "M256 128a32 32 0 1 1 0 64 32 32 0 1 1 0-64m-64 120c0-13.3 10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24h-80c-13.3 0-24-10.7-24-24s10.7-24 24-24h24v-64h-24c-13.3 0-24-10.7-24-24" })
     ]
   }
-), or = ({
+), nr = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ h(
-  D,
+  F,
   {
     defaultViewBox: "0 0 576 512",
     size: "size-5",
@@ -189,28 +128,21 @@ const Zt = ({
       /* @__PURE__ */ a(
         "path",
         {
-          className: "fa-secondary",
-          opacity: "0.4",
-          d: "M0 96L0 416c0 35.3 28.7 64 64 64l448 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32C28.7 32 0 60.7 0 96zM64 368c0-44.2 35.8-80 80-80l64 0c44.2 0 80 35.8 80 80c0 8.8-7.2 16-16 16L80 384c-8.8 0-16-7.2-16-16zM240 192a64 64 0 1 1 -128 0 64 64 0 1 1 128 0zm112-16c0-8.8 7.2-16 16-16l128 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-128 0c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16l128 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-128 0c-8.8 0-16-7.2-16-16zm0 64c0-8.8 7.2-16 16-16l128 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-128 0c-8.8 0-16-7.2-16-16z"
+          d: "M0 96v320c0 35.3 28.7 64 64 64h448c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96m64 272c0-44.2 35.8-80 80-80h64c44.2 0 80 35.8 80 80 0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16m176-176a64 64 0 1 1-128 0 64 64 0 1 1 128 0m112-16c0-8.8 7.2-16 16-16h128c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16m0 64c0-8.8 7.2-16 16-16h128c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16m0 64c0-8.8 7.2-16 16-16h128c8.8 0 16 7.2 16 16s-7.2 16-16 16H368c-8.8 0-16-7.2-16-16",
+          opacity: ".4"
         }
       ),
-      /* @__PURE__ */ a(
-        "path",
-        {
-          className: "fa-primary",
-          d: "M176 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128zm-32 32c-44.2 0-80 35.8-80 80c0 8.8 7.2 16 16 16l192 0c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80l-64 0z"
-        }
-      )
+      /* @__PURE__ */ a("path", { d: "M176 256a64 64 0 1 0 0-128 64 64 0 1 0 0 128m-32 32c-44.2 0-80 35.8-80 80 0 8.8 7.2 16 16 16h192c8.8 0 16-7.2 16-16 0-44.2-35.8-80-80-80z" })
     ]
   }
-), nr = ({
+), sr = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ h(
-  D,
+  F,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -222,28 +154,21 @@ const Zt = ({
       /* @__PURE__ */ a(
         "path",
         {
-          className: "fa-secondary",
-          opacity: o ? "1" : "0.4",
-          d: "M128 80l0 16 64 0 0-16c0-8.8 7.2-16 16-16l224 0c8.8 0 16 7.2 16 16l0 224c0 8.8-7.2 16-16 16l-16 0 0 64 16 0c44.2 0 80-35.8 80-80l0-224c0-44.2-35.8-80-80-80L208 0c-44.2 0-80 35.8-80 80z"
+          d: "M128 80v16h64V80c0-8.8 7.2-16 16-16h224c8.8 0 16 7.2 16 16v224c0 8.8-7.2 16-16 16h-16v64h16c44.2 0 80-35.8 80-80V80c0-44.2-35.8-80-80-80H208c-44.2 0-80 35.8-80 80",
+          opacity: o ? "1" : "0.4"
         }
       ),
-      /* @__PURE__ */ a(
-        "path",
-        {
-          className: "fa-primary",
-          d: "M64 128c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-256c0-35.3-28.7-64-64-64L64 128zm32 64l192 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L96 256c-17.7 0-32-14.3-32-32s14.3-32 32-32z"
-        }
-      )
+      /* @__PURE__ */ a("path", { d: "M64 128c-35.3 0-64 28.7-64 64v256c0 35.3 28.7 64 64 64h256c35.3 0 64-28.7 64-64V192c0-35.3-28.7-64-64-64zm32 64h192c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32-14.3-32-32s14.3-32 32-32" })
     ]
   }
-), sr = ({
+), lr = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ a(
-  D,
+  F,
   {
     defaultViewBox: "0 0 448 512",
     size: "size-5",
@@ -251,16 +176,16 @@ const Zt = ({
     className: e,
     title: t || "Settings",
     ...n,
-    children: /* @__PURE__ */ a("path", { d: "M8 256a56 56 0 1 1 112 0A56 56 0 1 1 8 256zm160 0a56 56 0 1 1 112 0 56 56 0 1 1 -112 0zm216-56a56 56 0 1 1 0 112 56 56 0 1 1 0-112z" })
+    children: /* @__PURE__ */ a("path", { d: "M432 256a48 48 0 1 1-96 0 48 48 0 1 1 96 0m-160 0a48 48 0 1 1-96 0 48 48 0 1 1 96 0M64 304a48 48 0 1 1 0-96 48 48 0 1 1 0 96" })
   }
-), lr = ({
+), ir = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ h(
-  D,
+  F,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -272,49 +197,42 @@ const Zt = ({
       /* @__PURE__ */ a(
         "path",
         {
-          className: "fa-secondary",
-          opacity: o ? "1" : "0.4",
-          d: "M0 96C0 78.3 14.3 64 32 64l86.7 0c-2.1 4.9-3.8 10.1-4.9 15.4c-.6 2.7-1 5.4-1.3 8.2c-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32L32 128C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32l246.7 0c-2.1 4.9-3.8 10.1-4.9 15.4c-.6 2.7-1 5.4-1.3 8.2c-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32L32 288c-17.7 0-32-14.3-32-32zM0 416c0-17.7 14.3-32 32-32l54.7 0c-2.1 4.9-3.8 10.1-4.9 15.4c-.6 2.7-1 5.4-1.3 8.2c-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32L32 448c-17.7 0-32-14.3-32-32zm233.3-32L480 384c17.7 0 32 14.3 32 32s-14.3 32-32 32l-246.7 0c2.1-4.9 3.8-10.1 4.9-15.4c.6-2.7 1-5.4 1.3-8.2c.1-1.4 .3-2.8 .3-4.2s.1-2.8 .1-4.2c0-11.4-2.4-22.2-6.7-32zm32-320L480 64c17.7 0 32 14.3 32 32s-14.3 32-32 32l-214.7 0c2.1-4.9 3.8-10.1 4.9-15.4c.6-2.7 1-5.4 1.3-8.2c.1-1.4 .3-2.8 .3-4.2s.1-2.8 .1-4.2c0-11.4-2.4-22.2-6.7-32zm160 160l54.7 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-54.7 0c2.1-4.9 3.8-10.1 4.9-15.4c.6-2.7 1-5.4 1.3-8.2c.1-1.4 .3-2.8 .3-4.2s.1-2.8 .1-4.2c0-11.4-2.4-22.2-6.7-32z"
+          d: "M0 96c0-17.7 14.3-32 32-32h86.7c-2.1 4.9-3.8 10.1-4.9 15.4-.6 2.7-1 5.4-1.3 8.2-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32H32c-17.7 0-32-14.3-32-32m0 160c0-17.7 14.3-32 32-32h246.7c-2.1 4.9-3.8 10.1-4.9 15.4-.6 2.7-1 5.4-1.3 8.2-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32H32c-17.7 0-32-14.3-32-32m0 160c0-17.7 14.3-32 32-32h54.7c-2.1 4.9-3.8 10.1-4.9 15.4-.6 2.7-1 5.4-1.3 8.2-.1 1.4-.3 2.8-.3 4.2s-.1 2.8-.1 4.2c0 11.4 2.4 22.2 6.7 32H32c-17.7 0-32-14.3-32-32m233.3-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H233.3c2.1-4.9 3.8-10.1 4.9-15.4.6-2.7 1-5.4 1.3-8.2.1-1.4.3-2.8.3-4.2s.1-2.8.1-4.2c0-11.4-2.4-22.2-6.7-32zm32-320H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H265.3c2.1-4.9 3.8-10.1 4.9-15.4.6-2.7 1-5.4 1.3-8.2.1-1.4.3-2.8.3-4.2s.1-2.8.1-4.2c0-11.4-2.4-22.2-6.7-32zm160 160H480c17.7 0 32 14.3 32 32s-14.3 32-32 32h-54.7c2.1-4.9 3.8-10.1 4.9-15.4.6-2.7 1-5.4 1.3-8.2.1-1.4.3-2.8.3-4.2s.1-2.8.1-4.2c0-11.4-2.4-22.2-6.7-32z",
+          opacity: o ? "1" : "0.4"
         }
       ),
-      /* @__PURE__ */ a(
-        "path",
-        {
-          className: "fa-primary",
-          d: "M128 416a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm112 0A80 80 0 1 0 80 416a80 80 0 1 0 160 0zm80-160a32 32 0 1 1 64 0 32 32 0 1 1 -64 0zm112 0a80 80 0 1 0 -160 0 80 80 0 1 0 160 0zM192 128a32 32 0 1 1 0-64 32 32 0 1 1 0 64zm0-112a80 80 0 1 0 0 160 80 80 0 1 0 0-160z"
-        }
-      )
+      /* @__PURE__ */ a("path", { d: "M128 416a32 32 0 1 1 64 0 32 32 0 1 1-64 0m112 0a80 80 0 1 0-160 0 80 80 0 1 0 160 0m80-160a32 32 0 1 1 64 0 32 32 0 1 1-64 0m112 0a80 80 0 1 0-160 0 80 80 0 1 0 160 0M192 128a32 32 0 1 1 0-64 32 32 0 1 1 0 64m0-112a80 80 0 1 0 0 160 80 80 0 1 0 0-160" })
     ]
   }
 );
 /*!
-  @versini/ui-panel v1.3.10
+  @versini/ui-panel v1.3.15
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.3.10",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "1.3.15",
+    buildTime: "01/20/2025 03:51 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe = "button", Te = "link", cr = ({
+const De = "av-messagebox", Ve = "av-panel", Ue = "av-button", ye = "icon", qe = "button", Te = "link", cr = ({
   type: e,
   size: r,
   labelRight: t,
   labelLeft: o,
   align: n
 }) => {
-  const l = "max-h-8 py-0 px-2", s = "max-h-9 h-8 px-3", c = "max-h-12 py-2 px-4";
+  const l = "max-h-8 py-0 px-2", s = "max-h-9 h-8 px-3", i = "max-h-12 py-2 px-4";
   switch (e) {
     case qe:
     case Te:
       return d({
         [l]: r === "small",
         [s]: r === "medium",
-        [c]: r === "large"
+        [i]: r === "large"
       });
     case ye:
       return d("inline-flex items-center", {
@@ -329,7 +247,7 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
         "h-12 px-4": r === "large" && (t || o)
       });
   }
-}, ir = ({
+}, dr = ({
   type: e,
   size: r,
   labelRight: t,
@@ -352,7 +270,7 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
         [s]: r === "large" && (t || o)
       });
   }
-}, dr = ({
+}, mr = ({
   mode: e,
   noBackground: r,
   noTruncate: t,
@@ -388,7 +306,7 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
     return d("not-prose text-copy-lighter", {
       truncate: !t
     });
-}, mr = ({
+}, ur = ({
   mode: e,
   noBackground: r,
   variant: t
@@ -418,13 +336,13 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
     if (t === "selected")
       return "bg-action-selected-dark";
   }
-}, ur = ({
+}, hr = ({
   radius: e
 }) => d({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
-}), hr = ({
+}), gr = ({
   mode: e,
   disabled: r,
   variant: t
@@ -454,7 +372,7 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
     });
   if (t === "selected")
     return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
-}, gr = ({
+}, pr = ({
   mode: e,
   disabled: r,
   variant: t
@@ -484,7 +402,7 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
     });
   if (t === "selected")
     return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
-}, pr = ({
+}, fr = ({
   mode: e,
   noBorder: r,
   variant: t
@@ -514,14 +432,26 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
     });
   if (t === "selected")
     return "border border-border-selected-dark";
-}, fr = ({
+}, br = ({
   focusMode: e
 }) => d("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"
-}), Qe = ({
+}), yr = ({
+  mode: e,
+  raw: r,
+  iconClassName: t
+}) => r ? "" : d(
+  {
+    "text-copy-accent-dark": e === "light" || e === "alt-system",
+    "text-copy-light": e === "dark" || e === "system",
+    "dark:text-copy-light": e === "alt-system",
+    "dark:text-copy-accent-dark": e === "system"
+  },
+  t
+), Qe = ({
   type: e,
   className: r,
   raw: t,
@@ -529,59 +459,59 @@ const Ve = "av-messagebox", He = "av-panel", Ue = "av-button", ye = "icon", qe =
   focusMode: n,
   disabled: l,
   fullWidth: s,
-  size: c,
+  size: i,
   noBorder: u,
   labelRight: m,
   labelLeft: g,
   noBackground: y,
   variant: p,
-  noTruncate: i,
+  noTruncate: c,
   align: f,
   radius: v
 }) => (p || (p = "primary"), t ? d(Ue, r) : d(
   Ue,
-  dr({
+  mr({
     mode: o,
     variant: p,
     noBackground: y,
-    noTruncate: i
+    noTruncate: c
   }),
-  mr({ mode: o, noBackground: y, variant: p }),
-  ur({ radius: v }),
+  ur({ mode: o, noBackground: y, variant: p }),
+  hr({ radius: v }),
   cr({
     type: e,
-    size: c,
+    size: i,
     labelRight: m,
     labelLeft: g,
     align: f
   }),
-  ir({ type: e, size: c, labelRight: m, labelLeft: g }),
-  pr({ mode: o, variant: p, noBorder: u }),
-  fr({ focusMode: n }),
-  hr({ mode: o, variant: p, disabled: l }),
+  dr({ type: e, size: i, labelRight: m, labelLeft: g }),
+  fr({ mode: o, variant: p, noBorder: u }),
+  br({ focusMode: n }),
   gr({ mode: o, variant: p, disabled: l }),
+  pr({ mode: o, variant: p, disabled: l }),
   {
     "w-full": s,
     "disabled:cursor-not-allowed disabled:opacity-50": l
   },
   r
-)), br = (e, r, t) => {
+)), kr = (e, r, t) => {
   var o;
   !r && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((o = e == null ? void 0 : e.currentTarget) == null ? void 0 : o.focus) == "function" && e.currentTarget.focus(), typeof t == "function" && t(e);
-}, Le = be.forwardRef((e, r) => {
+}, Ae = be.forwardRef((e, r) => {
   const { onClick: t, noInternalClick: o = !1, ...n } = e;
   return /* @__PURE__ */ a(
     "button",
     {
       ref: r,
       onClick: (l) => {
-        br(l, o, t);
+        kr(l, o, t);
       },
       ...n
     }
   );
 });
-Le.displayName = "BaseButton";
+Ae.displayName = "BaseButton";
 const Je = be.forwardRef(
   ({
     children: e,
@@ -591,53 +521,49 @@ const Je = be.forwardRef(
     fullWidth: n = !1,
     className: l,
     type: s = "button",
-    raw: c = !1,
+    raw: i = !1,
     noBorder: u = !1,
     "aria-label": m,
     label: g,
     size: y = "medium",
     labelRight: p,
-    labelLeft: i,
+    labelLeft: c,
     noBackground: f = !1,
     align: v = "center",
     radius: x = "large",
     variant: k = "primary",
-    ...C
-  }, b) => {
-    const E = Qe({
+    iconClassName: C,
+    ...b
+  }, E) => {
+    const I = Qe({
       type: ye,
       mode: t,
       focusMode: o,
       fullWidth: n,
       disabled: r,
-      raw: c,
+      raw: i,
       className: l,
       noBorder: u,
       size: y,
       labelRight: p,
-      labelLeft: i,
+      labelLeft: c,
       noBackground: f,
       align: v,
       radius: x,
       variant: k
-    }), I = d({
-      "text-copy-accent-dark": (t === "light" || t === "alt-system") && !c,
-      "text-copy-light": (t === "dark" || t === "system") && !c,
-      "dark:text-copy-light": t === "alt-system" && !c,
-      "dark:text-copy-accent-dark": t === "system" && !c
-    });
+    }), O = yr({ mode: t, raw: i, iconClassName: C });
     return /* @__PURE__ */ h(
-      Le,
+      Ae,
       {
-        ref: b,
-        className: E,
+        ref: E,
+        className: I,
         disabled: r,
         type: s,
         "aria-label": m || g,
-        ...C,
+        ...b,
         children: [
-          i && /* @__PURE__ */ a("span", { className: "pr-2", children: i }),
-          /* @__PURE__ */ a("div", { className: I, children: e }),
+          c && /* @__PURE__ */ a("span", { className: "pr-2", children: c }),
+          /* @__PURE__ */ a("div", { className: O, children: e }),
           p && /* @__PURE__ */ a("span", { className: "pl-2", children: p })
         ]
       }
@@ -646,19 +572,19 @@ const Je = be.forwardRef(
 );
 Je.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v4.0.10
+  @versini/ui-button v4.1.4
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.10",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "4.1.4",
+    buildTime: "01/20/2025 03:51 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const yr = be.forwardRef(
+const vr = be.forwardRef(
   ({
     children: e,
     disabled: r = !1,
@@ -667,13 +593,13 @@ const yr = be.forwardRef(
     fullWidth: n = !1,
     className: l,
     type: s = "button",
-    raw: c = !1,
+    raw: i = !1,
     noBorder: u = !1,
     "aria-label": m,
     label: g,
     size: y = "medium",
     labelRight: p,
-    labelLeft: i,
+    labelLeft: c,
     noBackground: f = !1,
     align: v = "center",
     active: x = !1,
@@ -686,21 +612,21 @@ const yr = be.forwardRef(
       focusMode: o,
       fullWidth: n,
       disabled: r,
-      raw: c,
+      raw: i,
       className: l,
       noBorder: u,
       size: y,
       labelRight: p,
-      labelLeft: i,
+      labelLeft: c,
       noBackground: f,
       align: v,
       radius: k
     }), I = d({
-      "text-copy-accent-dark": t === "light" && !c,
-      "text-copy-light": t === "dark" && !c,
-      "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !c,
-      "text-copy-light dark:text-copy-accent-dark": t === "system" && !c
-    }), H = x ? d(
+      "text-copy-accent-dark": t === "light" && !i,
+      "text-copy-light": t === "dark" && !i,
+      "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !i,
+      "text-copy-light dark:text-copy-accent-dark": t === "system" && !i
+    }), O = x ? d(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -717,8 +643,8 @@ const yr = be.forwardRef(
         "after:border-table-light dark:after:border-table-dark": t === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ a("div", { className: H, children: /* @__PURE__ */ h(
-      Le,
+    return /* @__PURE__ */ a("div", { className: O, children: /* @__PURE__ */ h(
+      Ae,
       {
         ref: b,
         className: E,
@@ -727,7 +653,7 @@ const yr = be.forwardRef(
         "aria-label": m || g,
         ...C,
         children: [
-          i && /* @__PURE__ */ a("span", { className: "pr-2", children: i }),
+          c && /* @__PURE__ */ a("span", { className: "pr-2", children: c }),
           /* @__PURE__ */ a("div", { className: I, children: e }),
           p && /* @__PURE__ */ a("span", { className: "pl-2", children: p })
         ]
@@ -735,8 +661,8 @@ const yr = be.forwardRef(
     ) });
   }
 );
-yr.displayName = "ButtonSort";
-const kr = ({
+vr.displayName = "ButtonSort";
+const xr = ({
   children: e,
   fill: r,
   viewBox: t,
@@ -744,11 +670,11 @@ const kr = ({
   defaultViewBox: n,
   size: l,
   title: s,
-  semantic: c = !1,
+  semantic: i = !1,
   ...u
 }) => {
   const m = d(l, o);
-  return /* @__PURE__ */ h(M, { children: [
+  return /* @__PURE__ */ h(B, { children: [
     /* @__PURE__ */ a(
       "svg",
       {
@@ -757,36 +683,36 @@ const kr = ({
         viewBox: t || n,
         fill: r || "currentColor",
         role: "img",
-        "aria-hidden": !c,
+        "aria-hidden": !i,
         focusable: !1,
         ...u,
         children: e
       }
     ),
-    s && c && /* @__PURE__ */ a("span", { className: "sr-only", children: s })
+    s && i && /* @__PURE__ */ a("span", { className: "sr-only", children: s })
   ] });
 };
 /*!
-  @versini/ui-svgicon v4.0.3
+  @versini/ui-svgicon v4.0.7
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "4.0.3",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "4.0.7",
+    buildTime: "01/20/2025 01:49 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const vr = ({
+const Nr = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: o,
   ...n
 }) => /* @__PURE__ */ a(
-  kr,
+  xr,
   {
     defaultViewBox: "0 0 384 512",
     size: "size-5",
@@ -794,37 +720,43 @@ const vr = ({
     className: e,
     title: t || "Close",
     ...n,
-    children: /* @__PURE__ */ a("path", { d: "M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z" })
+    children: /* @__PURE__ */ a(
+      "path",
+      {
+        d: "M297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4c12.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.3z",
+        opacity: o ? "1" : "0.4"
+      }
+    )
   }
 );
 /*!
-  @versini/ui-icons v4.4.2
+  @versini/ui-icons v4.5.2
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.4.2",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "4.5.2",
+    buildTime: "01/20/2025 01:49 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
 const Ze = S.createContext(null);
-function xr({
+function wr({
   initialOpen: e = !1,
   open: r,
   onOpenChange: t
 } = {}) {
-  const [o, n] = S.useState(e), [l, s] = S.useState(), [c, u] = S.useState(), m = r ?? o, g = t ?? n, y = Kt({
+  const [o, n] = S.useState(e), [l, s] = S.useState(), [i, u] = S.useState(), m = r ?? o, g = t ?? n, y = qt({
     open: m,
     onOpenChange: g
-  }), p = y.context, i = Xt(p, {
+  }), p = y.context, c = Qt(p, {
     enabled: r == null
-  }), f = qt(p, {
+  }), f = Jt(p, {
     outsidePress: !1,
     outsidePressEvent: "mousedown"
-  }), v = Qt(p), x = Jt([i, f, v]);
+  }), v = Zt(p), x = er([c, f, v]);
   return S.useMemo(
     () => ({
       open: m,
@@ -832,11 +764,11 @@ function xr({
       ...x,
       ...y,
       labelId: l,
-      descriptionId: c,
+      descriptionId: i,
       setLabelId: s,
       setDescriptionId: u
     }),
-    [m, g, x, y, l, c]
+    [m, g, x, y, l, i]
   );
 }
 const ke = () => {
@@ -845,22 +777,22 @@ const ke = () => {
     throw new Error("Modal components must be wrapped in <Modal />");
   return e;
 };
-function Nr({
+function Er({
   children: e,
   ...r
 }) {
-  const t = xr(r);
+  const t = wr(r);
   return /* @__PURE__ */ a(Ze.Provider, { value: t, children: e });
 }
-const wr = S.forwardRef(function(e, r) {
-  const { context: t, ...o } = ke(), n = Gt([o.refs.setFloating, r]);
+const Tr = S.forwardRef(function(e, r) {
+  const { context: t, ...o } = ke(), n = Yt([o.refs.setFloating, r]);
   if (!t.open)
     return null;
-  const { overlayBackground: l, ...s } = e, c = d("grid place-items-center", {
+  const { overlayBackground: l, ...s } = e, i = d("grid place-items-center", {
     [`${l}`]: l,
     "bg-black sm:bg-black/[.8]": !l
   });
-  return /* @__PURE__ */ a(jt, { children: /* @__PURE__ */ a(Wt, { className: c, lockScroll: !0, children: /* @__PURE__ */ a(Yt, { context: t, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(Wt, { children: /* @__PURE__ */ a(Kt, { className: i, lockScroll: !0, children: /* @__PURE__ */ a(Xt, { context: t, children: /* @__PURE__ */ a(
     "div",
     {
       ref: n,
@@ -870,13 +802,13 @@ const wr = S.forwardRef(function(e, r) {
       children: s.children
     }
   ) }) }) });
-}), Er = S.forwardRef(function({ children: e, ...r }, t) {
+}), Cr = S.forwardRef(function({ children: e, ...r }, t) {
   const { setLabelId: o } = ke(), n = Se();
   return S.useLayoutEffect(() => (o(n), () => o(void 0)), [n, o]), /* @__PURE__ */ a("h1", { ...r, ref: t, id: n, children: e });
-}), Tr = S.forwardRef(function({ children: e, ...r }, t) {
+}), _r = S.forwardRef(function({ children: e, ...r }, t) {
   const { setDescriptionId: o } = ke(), n = Se();
   return S.useLayoutEffect(() => (o(n), () => o(void 0)), [n, o]), /* @__PURE__ */ a("div", { ...r, ref: t, id: n, children: e });
-}), Cr = S.forwardRef(function(e, r) {
+}), Ir = S.forwardRef(function(e, r) {
   const { setOpen: t } = ke(), { trigger: o, className: n, ...l } = e, s = S.useCallback(() => t(!1), [t]);
   return /* @__PURE__ */ a("div", { className: n, children: S.cloneElement(o, {
     ref: r,
@@ -885,28 +817,28 @@ const wr = S.forwardRef(function(e, r) {
   }) });
 });
 /*!
-  @versini/ui-modal v1.2.4
+  @versini/ui-modal v1.2.8
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
-    version: "1.2.4",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "1.2.8",
+    buildTime: "01/20/2025 03:51 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const se = "panel", me = "messagebox", _r = ({
+const se = "panel", me = "messagebox", Sr = ({
   className: e,
   kind: r,
   borderMode: t
 }) => ({
   main: d("prose prose-lighter flex flex-col bg-surface-medium", {
-    [`${He} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: r === se,
-    [`${He} w-full sm:w-[95%] md:max-w-2xl`]: r === se && !e,
-    [`${Ve} rounded-lg border-2`]: r === me,
-    [`${Ve} w-[95%] sm:w-[50%] md:max-w-2xl`]: r === me && !e,
+    [`${Ve} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: r === se,
+    [`${Ve} w-full sm:w-[95%] md:max-w-2xl`]: r === se && !e,
+    [`${De} rounded-lg border-2`]: r === me,
+    [`${De} w-[95%] sm:w-[50%] md:max-w-2xl`]: r === me && !e,
     [`${e}`]: !!e,
     "sm:border-border-dark": t === "dark" && r === se,
     "sm:border-border-accent": t === "light" && r === se,
@@ -925,15 +857,15 @@ const se = "panel", me = "messagebox", _r = ({
   footer: n,
   borderMode: l = "light",
   kind: s = se,
-  className: c
+  className: i
 }) => {
-  const u = _(""), m = _r({ className: c, kind: s, borderMode: l });
-  return V(() => (e && (u.current = document.title, document.title = `${t} | ${u.current}`), () => {
+  const u = _(""), m = Sr({ className: i, kind: s, borderMode: l });
+  return D(() => (e && (u.current = document.title, document.title = `${t} | ${u.current}`), () => {
     e && (document.title = u.current);
-  }), [t, e]), /* @__PURE__ */ a(M, { children: e && /* @__PURE__ */ a(Nr, { open: e, onOpenChange: r, children: /* @__PURE__ */ h(wr, { className: m.main, children: [
+  }), [t, e]), /* @__PURE__ */ a(B, { children: e && /* @__PURE__ */ a(Er, { open: e, onOpenChange: r, children: /* @__PURE__ */ h(Tr, { className: m.main, children: [
     /* @__PURE__ */ h("div", { className: "flex flex-row-reverse items-center justify-between", children: [
       /* @__PURE__ */ a(
-        Cr,
+        Ir,
         {
           className: m.close,
           trigger: /* @__PURE__ */ a(
@@ -943,53 +875,53 @@ const se = "panel", me = "messagebox", _r = ({
               focusMode: "light",
               noBorder: !0,
               label: "Close",
-              children: /* @__PURE__ */ a(vr, {})
+              children: /* @__PURE__ */ a(Nr, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ a(Er, { className: m.header, children: t })
+      /* @__PURE__ */ a(Cr, { className: m.header, children: t })
     ] }),
-    /* @__PURE__ */ a(Tr, { className: m.content, children: o }),
+    /* @__PURE__ */ a(_r, { className: m.content, children: o }),
     n && /* @__PURE__ */ a("div", { className: m.footer, children: n })
   ] }) }) });
-}, Ir = () => {
+}, Ar = () => {
   const { getAccessToken: e } = G(), r = pe(), t = pe(), {
     data: o,
     error: n,
     isLoading: l
-  } = Lt({
+  } = At({
     getAccessToken: e
-  }), s = (o == null ? void 0 : o.plugins) || [], c = (o == null ? void 0 : o.version) || "", u = (o == null ? void 0 : o.models) || [];
-  return /* @__PURE__ */ h(M, { children: [
+  }), s = (o == null ? void 0 : o.plugins) || [], i = (o == null ? void 0 : o.version) || "", u = (o == null ? void 0 : o.models) || [];
+  return /* @__PURE__ */ h(B, { children: [
     /* @__PURE__ */ a("div", { className: "mb-4", children: /* @__PURE__ */ a(
-      $,
+      H,
       {
         header: T.ABOUT.TITLE_CLIENT,
         className: "prose-dark dark:prose-lighter",
         children: he(r, {
-          [T.ABOUT.VERSION]: "5.20.6",
-          [T.ABOUT.BUILD_TIMESTAMP]: "01/16/2025 08:26 PM EST"
+          [T.ABOUT.VERSION]: "5.21.1",
+          [T.ABOUT.BUILD_TIMESTAMP]: "01/21/2025 08:17 AM EST"
         })
       }
     ) }),
     n || l ? null : /* @__PURE__ */ a(
-      $,
+      H,
       {
         header: T.ABOUT.TITLE_SERVER,
         className: "prose-dark dark:prose-lighter",
         children: he(t, {
-          [T.ABOUT.VERSION]: c,
-          [ge(T.ABOUT.ENGINE, u.length)]: /* @__PURE__ */ a(M, { children: u.map((m) => /* @__PURE__ */ a("div", { className: "text-right", children: m }, m)) }),
-          [ge(T.ABOUT.PLUGIN, s.length)]: /* @__PURE__ */ a(M, { children: s.map((m) => /* @__PURE__ */ a("div", { className: "text-right", children: m }, m)) })
+          [T.ABOUT.VERSION]: i,
+          [ge(T.ABOUT.ENGINE, u.length)]: /* @__PURE__ */ a(B, { children: u.map((m) => /* @__PURE__ */ a("div", { className: "text-right", children: m }, m)) }),
+          [ge(T.ABOUT.PLUGIN, s.length)]: /* @__PURE__ */ a(B, { children: s.map((m) => /* @__PURE__ */ a("div", { className: "text-right", children: m }, m)) })
         })
       }
     )
   ] });
-}, Sr = ({
+}, Rr = ({
   open: e,
   onOpenChange: r
-}) => /* @__PURE__ */ a(J, { open: e, onOpenChange: r, title: ht, children: /* @__PURE__ */ a(Ir, {}) }), et = ({
+}) => /* @__PURE__ */ a(J, { open: e, onOpenChange: r, title: ht, children: /* @__PURE__ */ a(Ar, {}) }), et = ({
   showConfirmation: e,
   setShowConfirmation: r,
   action: t,
@@ -1003,8 +935,8 @@ const se = "panel", me = "messagebox", _r = ({
     onOpenChange: r,
     title: n.title,
     footer: /* @__PURE__ */ h(X, { columnGap: 2, alignHorizontal: "flex-end", children: [
-      /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
-        F,
+      /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(
+        U,
         {
           mode: "dark",
           variant: "secondary",
@@ -1015,8 +947,8 @@ const se = "panel", me = "messagebox", _r = ({
           children: n.cancelAction
         }
       ) }),
-      /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
-        F,
+      /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(
+        U,
         {
           mode: "dark",
           variant: "danger",
@@ -1032,9 +964,9 @@ const se = "panel", me = "messagebox", _r = ({
   }
 ), Lr = async (e, r, t, o) => {
   try {
-    const n = await ce({
+    const n = await ie({
       accessToken: o,
-      type: ie.GET_CHAT,
+      type: ce.GET_CHAT,
       params: {
         id: e.id
       }
@@ -1052,27 +984,27 @@ const se = "panel", me = "messagebox", _r = ({
     }), t(!1));
   } catch {
   }
-}, Ar = ({
+}, Mr = ({
   filteredHistory: e,
   dispatch: r,
   onOpenChange: t,
   mutate: o
 }) => {
   var C;
-  const { user: n, getAccessToken: l } = G(), s = _(null), c = _({
+  const { user: n, getAccessToken: l } = G(), s = _(null), i = _({
     id: 0,
     timestamp: "",
     message: ""
   }), [u, m] = w(!1), [g, y] = w(
-    Be + Oe
-  ), { state: p, dispatch: i } = fe(je), [, f] = Ie({
+    Oe + Pe
+  ), { state: p, dispatch: c } = fe(je), [, f] = Ie({
     key: _e + gt,
     initialValue: p.sortDirection
   }), v = (b) => {
     switch (p.sortDirection) {
       case ae.ASC:
-        f(ae.DESC), i({
-          type: Pe,
+        f(ae.DESC), c({
+          type: ze,
           payload: {
             sortedCell: b,
             sortDirection: ae.DESC
@@ -1080,8 +1012,8 @@ const se = "panel", me = "messagebox", _r = ({
         });
         break;
       default:
-        f(ae.ASC), i({
-          type: Pe,
+        f(ae.ASC), c({
+          type: ze,
           payload: {
             sortedCell: b,
             sortDirection: ae.ASC
@@ -1090,11 +1022,11 @@ const se = "panel", me = "messagebox", _r = ({
         break;
     }
   }, x = async () => {
-    const b = c.current;
+    const b = i.current;
     try {
-      await ce({
+      await ie({
         accessToken: await l(),
-        type: ie.DELETE_CHAT,
+        type: ce.DELETE_CHAT,
         params: {
           userId: (n == null ? void 0 : n.username) || "",
           id: b.id
@@ -1103,15 +1035,15 @@ const se = "panel", me = "messagebox", _r = ({
     } catch {
     }
   }, k = Ke((b) => {
-    b[0].isIntersecting && y((I) => I + Be);
+    b[0].isIntersecting && y((I) => I + Oe);
   }, []);
-  return V(() => {
+  return D(() => {
     const b = {
       // root: null,
       rootMargin: "20px"
     }, E = new IntersectionObserver(k, b);
     s.current && E.observe(s.current);
-  }), /* @__PURE__ */ h(M, { children: [
+  }), /* @__PURE__ */ h(B, { children: [
     /* @__PURE__ */ h(
       et,
       {
@@ -1129,22 +1061,22 @@ const se = "panel", me = "messagebox", _r = ({
             /* @__PURE__ */ h("li", { children: [
               "Timestamp:",
               " ",
-              /* @__PURE__ */ a("span", { className: "text-lg", children: c.current && c.current.timestamp })
+              /* @__PURE__ */ a("span", { className: "text-lg", children: i.current && i.current.timestamp })
             ] }),
             /* @__PURE__ */ h("li", { children: [
               "First message:",
               " ",
-              /* @__PURE__ */ a("span", { className: "text-lg", children: (C = c.current) == null ? void 0 : C.message })
+              /* @__PURE__ */ a("span", { className: "text-lg", children: (C = i.current) == null ? void 0 : C.message })
             ] })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ h(At, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
-      /* @__PURE__ */ a(Rt, { children: /* @__PURE__ */ h(Ne, { children: [
-        /* @__PURE__ */ a(P, { className: "sr-only", children: "Row" }),
+    /* @__PURE__ */ h(Rt, { stickyHeader: !0, stickyFooter: !0, compact: !0, children: [
+      /* @__PURE__ */ a(Lt, { children: /* @__PURE__ */ h(Ne, { children: [
+        /* @__PURE__ */ a($, { className: "sr-only", children: "Row" }),
         /* @__PURE__ */ a(
-          zt,
+          Mt,
           {
             buttonClassName: "text-xs sm:text-sm",
             cellId: "timestamp",
@@ -1157,18 +1089,18 @@ const se = "panel", me = "messagebox", _r = ({
             children: "Date"
           }
         ),
-        /* @__PURE__ */ a(P, { className: "text-xs sm:text-sm", children: "First message" }),
-        /* @__PURE__ */ a(P, { className: "text-xs sm:text-sm", children: "Model" }),
-        /* @__PURE__ */ a(P, { className: "text-xs sm:text-sm text-right", children: "Actions" })
+        /* @__PURE__ */ a($, { className: "text-xs sm:text-sm", children: "First message" }),
+        /* @__PURE__ */ a($, { className: "text-xs sm:text-sm", children: "Model" }),
+        /* @__PURE__ */ a($, { className: "text-xs sm:text-sm text-right", children: "Actions" })
       ] }) }),
-      /* @__PURE__ */ a(Mt, { children: e.slice(0, g).map((b, E) => {
-        var I, H;
-        return ((I = b == null ? void 0 : b.messages) == null ? void 0 : I.length) > 0 ? /* @__PURE__ */ h(Ut, { children: [
-          E === g - Oe && /* @__PURE__ */ a("tr", { ref: s }),
+      /* @__PURE__ */ a(Bt, { children: e.slice(0, g).map((b, E) => {
+        var I, O;
+        return ((I = b == null ? void 0 : b.messages) == null ? void 0 : I.length) > 0 ? /* @__PURE__ */ h(Gt, { children: [
+          E === g - Pe && /* @__PURE__ */ a("tr", { ref: s }),
           /* @__PURE__ */ h(Ne, { children: [
-            /* @__PURE__ */ a(P, { children: E + 1 }),
+            /* @__PURE__ */ a($, { children: E + 1 }),
             /* @__PURE__ */ a(
-              P,
+              $,
               {
                 component: "th",
                 scope: "row",
@@ -1177,29 +1109,29 @@ const se = "panel", me = "messagebox", _r = ({
               }
             ),
             /* @__PURE__ */ a(
-              P,
+              $,
               {
                 className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
                 style: {
                   wordBreak: "break-word"
                 },
-                children: b.messages.length > 0 ? (H = b.messages[0]) == null ? void 0 : H.content : ""
+                children: b.messages.length > 0 ? (O = b.messages[0]) == null ? void 0 : O.content : ""
               }
             ),
             /* @__PURE__ */ h(
-              P,
+              $,
               {
                 component: "th",
                 scope: "row",
                 className: "text-gray-400",
                 align: "center",
                 children: [
-                  b.model && b.model.startsWith("claude") && /* @__PURE__ */ a(Bt, { size: "size-4 sm:size-5" }),
-                  b.model && b.model.startsWith("gpt") && /* @__PURE__ */ a(Ot, { size: "size-4 sm:size-5" })
+                  b.model && b.model.startsWith("claude") && /* @__PURE__ */ a(Ot, { size: "size-4 sm:size-5" }),
+                  b.model && b.model.startsWith("gpt") && /* @__PURE__ */ a(Pt, { size: "size-4 sm:size-5" })
                 ]
               }
             ),
-            /* @__PURE__ */ h(P, { align: "right", children: [
+            /* @__PURE__ */ h($, { align: "right", children: [
               /* @__PURE__ */ a(
                 le,
                 {
@@ -1208,15 +1140,15 @@ const se = "panel", me = "messagebox", _r = ({
                   noBorder: !0,
                   label: "Restore chat",
                   onClick: async () => {
-                    const B = await l();
+                    const P = await l();
                     Lr(
                       b,
                       r,
                       t,
-                      B
+                      P
                     );
                   },
-                  children: /* @__PURE__ */ a(nr, { size: "size-3", monotone: !0 })
+                  children: /* @__PURE__ */ a(sr, { size: "size-3", monotone: !0 })
                 }
               ),
               /* @__PURE__ */ a(
@@ -1226,31 +1158,31 @@ const se = "panel", me = "messagebox", _r = ({
                   noBorder: !0,
                   label: "Delete chat",
                   onClick: () => {
-                    var B;
-                    c.current = {
+                    var P;
+                    i.current = {
                       id: b.id,
                       timestamp: b.timestamp,
-                      message: b.messages.length > 0 ? (B = b.messages[0]) == null ? void 0 : B.content : ""
+                      message: b.messages.length > 0 ? (P = b.messages[0]) == null ? void 0 : P.content : ""
                     }, m(!u);
                   },
-                  children: /* @__PURE__ */ a("div", { className: "text-red-400", children: /* @__PURE__ */ a(er, { size: "size-3", monotone: !0 }) })
+                  children: /* @__PURE__ */ a("div", { className: "text-red-400", children: /* @__PURE__ */ a(rr, { size: "size-3", monotone: !0 }) })
                 }
               )
             ] })
           ] })
         ] }, `${T.HISTORY.TITLE}-${b.id}-${E}`) : null;
       }) }),
-      /* @__PURE__ */ a(Pt, { children: /* @__PURE__ */ a(Ne, { children: /* @__PURE__ */ a(P, { colSpan: 1e3, children: /* @__PURE__ */ a("div", { children: ge(
+      /* @__PURE__ */ a(zt, { children: /* @__PURE__ */ a(Ne, { children: /* @__PURE__ */ a($, { colSpan: 1e3, children: /* @__PURE__ */ a("div", { children: ge(
         `${e.length} chat`,
         e.length
       ) }) }) }) })
     ] })
   ] });
-}, Rr = ({
+}, Br = ({
   open: e,
   onOpenChange: r
 }) => {
-  const { getAccessToken: t, user: o } = G(), { state: n, dispatch: l } = fe(We), { state: s, dispatch: c } = fe(je), { data: u, mutate: m } = $t({
+  const { getAccessToken: t, user: o } = G(), { state: n, dispatch: l } = fe(Ye), { state: s, dispatch: i } = fe(je), { data: u, mutate: m } = $t({
     keys: [
       o == null ? void 0 : o.username,
       s.searchString,
@@ -1261,19 +1193,19 @@ const se = "panel", me = "messagebox", _r = ({
   }), g = _(null), [, y] = Ie({
     key: _e + bt,
     initialValue: s.searchString
-  }), [p, i] = w([]);
-  V(() => {
-    u && i(u);
+  }), [p, c] = w([]);
+  D(() => {
+    u && c(u);
   }, [u]);
   const f = async (k) => {
-    y(k), c({
+    y(k), i({
       type: kt,
       payload: { searchString: k }
     });
   }, v = vt((k) => {
     f(k.target.value.trim());
   }, 500);
-  return /* @__PURE__ */ a(J, { open: e, onOpenChange: r, title: yt, children: /* @__PURE__ */ h(M, { children: [
+  return /* @__PURE__ */ a(J, { open: e, onOpenChange: r, title: yt, children: /* @__PURE__ */ h(B, { children: [
     /* @__PURE__ */ a("form", { autoComplete: "off", onSubmit: async (k) => {
       k.preventDefault();
     }, children: /* @__PURE__ */ a(
@@ -1292,7 +1224,7 @@ const se = "panel", me = "messagebox", _r = ({
         className: "mt-2 mb-2",
         ...s.searchString && {
           rightElement: /* @__PURE__ */ a(
-            F,
+            U,
             {
               type: "button",
               disabled: !s.searchString,
@@ -1311,7 +1243,7 @@ const se = "panel", me = "messagebox", _r = ({
       }
     ) }),
     /* @__PURE__ */ a("div", { className: "flex flex-col gap-2 sm:flex-row max-h-[60vh] min-h-[60vh]", children: /* @__PURE__ */ a(
-      Ar,
+      Mr,
       {
         mutate: m,
         filteredHistory: p,
@@ -1320,27 +1252,27 @@ const se = "panel", me = "messagebox", _r = ({
       }
     ) })
   ] }) });
-}, zr = ({ stats: e }) => {
-  const { isAuthenticated: r, user: t, registeringForPasskey: o, authenticationType: n } = G(), l = pe(), s = pe(), c = (t == null ? void 0 : t.username) || "";
-  return r && c ? /* @__PURE__ */ h(M, { children: [
+}, Or = ({ stats: e }) => {
+  const { isAuthenticated: r, user: t, registeringForPasskey: o, authenticationType: n } = G(), l = pe(), s = pe(), i = (t == null ? void 0 : t.username) || "";
+  return r && i ? /* @__PURE__ */ h(B, { children: [
     /* @__PURE__ */ a(
-      $,
+      H,
       {
         header: T.PREFERENCES.TITLE,
         className: "prose-dark dark:prose-lighter",
         children: he(l, {
-          [T.PREFERENCES.NAME]: c,
+          [T.PREFERENCES.NAME]: i,
           [T.PREFERENCES.EMAIL]: (t == null ? void 0 : t.email) || ""
         })
       }
     ),
     n !== xt.PASSKEY && /* @__PURE__ */ h(
-      $,
+      H,
       {
         className: "prose-dark dark:prose-lighter mt-4",
         header: /* @__PURE__ */ a("h2", { className: "m-0", children: /* @__PURE__ */ h(X, { columnGap: 3, alignVertical: "center", children: [
-          /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a($e, { size: "size-8" }) }),
-          /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a("div", { children: T.PREFERENCES.PASSKEY_TITLE }) })
+          /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a($e, { size: "size-8" }) }),
+          /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a("div", { children: T.PREFERENCES.PASSKEY_TITLE }) })
         ] }) }),
         children: [
           /* @__PURE__ */ a("p", { children: T.PREFERENCES.PASSKEY_INSTRUCTIONS }),
@@ -1358,7 +1290,7 @@ const se = "panel", me = "messagebox", _r = ({
       }
     ),
     /* @__PURE__ */ a(
-      $,
+      H,
       {
         header: T.MAIN_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter mt-4",
@@ -1371,7 +1303,7 @@ const se = "panel", me = "messagebox", _r = ({
       }
     )
   ] }) : null;
-}, Mr = ({
+}, Pr = ({
   open: e,
   onOpenChange: r
 }) => {
@@ -1379,33 +1311,33 @@ const se = "panel", me = "messagebox", _r = ({
     data: n,
     error: l,
     isLoading: s
-  } = Dt({
+  } = Ht({
     keys: [o == null ? void 0 : o.username],
     getAccessToken: t
   });
-  return l || s ? null : /* @__PURE__ */ a(J, { open: e, onOpenChange: r, title: wt, children: /* @__PURE__ */ a(zr, { stats: n }) });
+  return l || s ? null : /* @__PURE__ */ a(J, { open: e, onOpenChange: r, title: wt, children: /* @__PURE__ */ a(Or, { stats: n }) });
 };
 /*!
-  @versini/ui-textarea v3.0.5
+  @versini/ui-textarea v3.0.10
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "3.0.5",
-    buildTime: "01/16/2025 02:52 PM EST",
+    version: "3.0.10",
+    buildTime: "01/20/2025 10:07 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const tt = "av-text-area", Br = "av-text-area-wrapper", we = "av-text-area-helper-text", Or = "av-text-area__control--right", Pr = "av-text-area__control--left";
-function $r() {
+const tt = "av-text-area", zr = "av-text-area-wrapper", we = "av-text-area-helper-text", $r = "av-text-area__control--right", Hr = "av-text-area__control--left";
+function Dr() {
   const e = _(!1);
-  return V(() => (e.current = !0, () => {
+  return D(() => (e.current = !0, () => {
     e.current = !1;
   }), []), Ke(() => e.current, []);
 }
-function Dr(e) {
+function Vr(e) {
   return Xe(() => e.every((r) => r == null) ? () => {
   } : (r) => {
     e.forEach((t) => {
@@ -1413,7 +1345,7 @@ function Dr(e) {
     });
   }, e);
 }
-const Vr = {
+const Ur = {
   x: 0,
   y: 0,
   width: 0,
@@ -1424,17 +1356,17 @@ const Vr = {
   right: 0
 };
 function Fe(e) {
-  const r = $r(), t = _(0), o = _(null), [n, l] = w(Vr), s = Xe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
-    const u = c[0];
+  const r = Dr(), t = _(0), o = _(null), [n, l] = w(Ur), s = Xe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((i) => {
+    const u = i[0];
     u && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
       o.current && r() && l(u.contentRect);
     }));
   }), [r]);
-  return V(() => (o.current && (s == null || s.observe(o.current, e)), () => {
+  return D(() => (o.current && (s == null || s.observe(o.current, e)), () => {
     s == null || s.disconnect(), t.current && cancelAnimationFrame(t.current);
   }), [s, e]), [o, n];
 }
-function Hr({
+function Fr({
   value: e,
   defaultValue: r,
   finalValue: t,
@@ -1442,18 +1374,18 @@ function Hr({
   },
   initialControlledDelay: n = 0
 }) {
-  const [l, s] = w(!1), [c, u] = w(
+  const [l, s] = w(!1), [i, u] = w(
     r !== void 0 ? r : t
   ), m = (g) => {
     u(g), o == null || o(g);
   };
-  return V(() => {
+  return D(() => {
     (async () => e !== void 0 && !l && n > 0 && (await new Promise(
       (g) => setTimeout(g, n)
     ), s(!0)))();
-  }, [e, n, l]), e !== void 0 ? !l && n > 0 ? ["", o, !0] : [e, o, !0] : [c, m, !1];
+  }, [e, n, l]), e !== void 0 ? !l && n > 0 ? ["", o, !0] : [e, o, !0] : [i, m, !1];
 }
-function Ur(e) {
+function Gr(e) {
   const r = Se();
   if (!e)
     return r;
@@ -1464,7 +1396,7 @@ function Ur(e) {
     return typeof t == "number" || typeof t == "string" ? `${o}${t}` : `${o}${r}`;
   }
 }
-const rt = "SET_ANNOUNCEMENT", at = "CLEAR_ANNOUNCEMENT", Fr = {
+const rt = "SET_ANNOUNCEMENT", at = "CLEAR_ANNOUNCEMENT", jr = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -1472,7 +1404,7 @@ const rt = "SET_ANNOUNCEMENT", at = "CLEAR_ANNOUNCEMENT", Fr = {
   progressbar: null,
   status: "polite",
   timer: "assertive"
-}, Gr = (e, r) => {
+}, Yr = (e, r) => {
   switch (r == null ? void 0 : r.type) {
     case rt:
       return {
@@ -1487,7 +1419,7 @@ const rt = "SET_ANNOUNCEMENT", at = "CLEAR_ANNOUNCEMENT", Fr = {
     default:
       return e;
   }
-}, jr = ({
+}, Wr = ({
   onAnnouncementClear: e,
   dispatch: r
 }) => {
@@ -1505,13 +1437,13 @@ const rt = "SET_ANNOUNCEMENT", at = "CLEAR_ANNOUNCEMENT", Fr = {
     type: rt,
     payload: e
   }), r && (t.current = setTimeout(
-    () => jr({
+    () => Wr({
       onAnnouncementClear: o,
       dispatch: n
     }),
     r
   ));
-}, Wr = ({
+}, Kr = ({
   children: e,
   announcementTimeoutRef: r,
   announcementDelay: t,
@@ -1534,7 +1466,7 @@ const rt = "SET_ANNOUNCEMENT", at = "CLEAR_ANNOUNCEMENT", Fr = {
     dispatch: s
   });
 };
-function Yr({
+function Xr({
   children: e,
   className: r,
   politeness: t,
@@ -1542,15 +1474,15 @@ function Yr({
   announcementDelay: n,
   clearAnnouncementDelay: l,
   onAnnouncementClear: s,
-  visible: c,
+  visible: i,
   ...u
 }) {
-  const m = _(null), g = _(null), [y, p] = Ft(Gr, {
+  const m = _(null), g = _(null), [y, p] = jt(Yr, {
     announcement: null
   });
-  let i = t;
-  typeof i > "u" && (i = o ? Fr[o] : "assertive"), V(() => {
-    Wr({
+  let c = t;
+  typeof c > "u" && (c = o ? jr[o] : "assertive"), D(() => {
+    Kr({
       announcementTimeoutRef: m,
       announcementDelay: n,
       children: e,
@@ -1566,12 +1498,12 @@ function Yr({
     s
   ]);
   const f = d(r, {
-    "sr-only": !c
+    "sr-only": !i
   });
   return /* @__PURE__ */ a(
     "div",
     {
-      "aria-live": i,
+      "aria-live": c,
       ...o && { role: o },
       className: f,
       ...u,
@@ -1580,31 +1512,31 @@ function Yr({
   );
 }
 /*!
-  @versini/ui-liveregion v1.3.3
+  @versini/ui-liveregion v1.3.7
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
-    version: "1.3.3",
-    buildTime: "01/16/2025 02:52 PM EST",
+    version: "1.3.7",
+    buildTime: "01/20/2025 10:07 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", Xr = ({ mode: e }) => d({
+const qr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", Qr = ({ mode: e }) => d({
   "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"
-}), qr = ({
+}), Jr = ({
   focusMode: e
 }) => d("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"
-}), Qr = ({
+}), Zr = ({
   noBorder: e,
   error: r
 }) => d("border-2", {
@@ -1612,7 +1544,7 @@ const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   "focus:border-border-dark": !e && r,
   "border-border-error-dark": !e && r,
   "border-transparent": e
-}), Jr = ({
+}), ea = ({
   disabled: e,
   raw: r,
   error: t,
@@ -1651,7 +1583,7 @@ const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "text-copy-medium dark:text-copy-error-dark": o === "alt-system"
       }
     );
-}, Zr = ({
+}, ta = ({
   error: e,
   raw: r,
   mode: t,
@@ -1678,7 +1610,7 @@ const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       "text-copy-error-dark dark:text-copy-error-light": t === "system",
       "dark:text-copy-error-dark text-copy-error-light": t === "alt-system"
     });
-}, ea = ({
+}, ra = ({
   className: e,
   textAreaClassName: r,
   raw: t,
@@ -1686,50 +1618,50 @@ const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   disabled: n,
   noBorder: l,
   error: s,
-  mode: c,
+  mode: i,
   leftElement: u,
   rightElement: m
 }) => {
   const g = t ? e : d(
     "relative flex w-full flex-col justify-center",
-    Br,
+    zr,
     e
   ), y = t ? d(r) : d(
     tt,
     r,
-    Kr(),
-    Xr({ mode: c }),
-    qr({ focusMode: o }),
-    Qr({
+    qr(),
+    Qr({ mode: i }),
+    Jr({ focusMode: o }),
+    Zr({
       noBorder: l,
       error: s
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": n
     }
-  ), p = t ? void 0 : "sr-only", i = Jr({
+  ), p = t ? void 0 : "sr-only", c = ea({
     disabled: n,
     raw: t,
     error: s,
-    mode: c,
+    mode: i,
     rightElement: m,
     leftElement: u
-  }), f = Zr({
+  }), f = ta({
     error: s,
     raw: t,
-    mode: c,
+    mode: i,
     disabled: n
-  }), v = t ? void 0 : d(Or, "absolute"), x = t ? void 0 : d(Pr, "absolute");
+  }), v = t ? void 0 : d($r, "absolute"), x = t ? void 0 : d(Hr, "absolute");
   return {
     wrapper: g,
     textArea: y,
     accessibleLabel: p,
-    visibleLabel: i,
+    visibleLabel: c,
     helperText: f,
     rightElement: v,
     leftElement: x
   };
-}, ta = ({
+}, aa = ({
   scrollHeight: e,
   currentHeight: r,
   currentLabelOffset: t = 0,
@@ -1737,8 +1669,8 @@ const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
 }) => {
   let n, l;
   if (e > 0 && e !== r) {
-    const s = e - r, c = Math.abs(s / 24);
-    n = t + -1 * Math.sign(s) * (12 * c), l = o + Math.sign(s) * (12 * c);
+    const s = e - r, i = Math.abs(s / 24);
+    n = t + -1 * Math.sign(s) * (12 * i), l = o + Math.sign(s) * (12 * i);
   }
   return {
     labelOffset: n,
@@ -1754,13 +1686,13 @@ const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     raw: n = !1,
     className: l,
     textAreaClassName: s,
-    mode: c = "system",
+    mode: i = "system",
     focusMode: u = "system",
     value: m,
     defaultValue: g,
     disabled: y = !1,
     noBorder: p = !1,
-    labelId: i,
+    labelId: c,
     helperText: f = "",
     helperTextOnFocus: v = !1,
     rightElement: x,
@@ -1769,11 +1701,11 @@ const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     onFocus: b,
     onBlur: E,
     ...I
-  }, H) => {
-    var B;
-    const R = _(null), de = Dr([H, R]), [N, z] = Fe(), [Z, j] = Fe(), q = _(80), W = _(-25), O = _(null), ee = _(30), te = _(null), Y = Ur({ id: e, prefix: `${tt}-` }), [Ae, ot] = w(0), [Re, nt] = w(0), [st, ze] = w(
+  }, O) => {
+    var P;
+    const L = _(null), de = Vr([O, L]), [N, M] = Fe(), [Z, j] = Fe(), q = _(80), Y = _(-25), z = _(null), ee = _(30), te = _(null), W = Gr({ id: e, prefix: `${tt}-` }), [Re, ot] = w(0), [Le, nt] = w(0), [st, Me] = w(
       !!(!v && f)
-    ), lt = `${r} error, ${f}`, K = ea({
+    ), lt = `${r} error, ${f}`, K = ra({
       className: l,
       textAreaClassName: s,
       error: o,
@@ -1781,67 +1713,67 @@ const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       focusMode: u,
       disabled: y,
       noBorder: p,
-      mode: c,
+      mode: i,
       rightElement: !!x,
       leftElement: !!k
-    }), [U, ct] = Hr({
+    }), [V, it] = Fr({
       value: m,
       initialControlledDelay: 20,
       defaultValue: g,
-      onChange: (L) => {
+      onChange: (A) => {
         C && C({
           target: {
-            value: L
+            value: A
           }
         });
       }
-    }), it = (L) => {
-      ct(L.target.value);
-    }, dt = (L) => {
-      v && f && ze(!0), b && b(L);
-    }, mt = (L) => {
-      v && f && !U && ze(!1), E && E(L);
+    }), ct = (A) => {
+      it(A.target.value);
+    }, dt = (A) => {
+      v && f && Me(!0), b && b(A);
+    }, mt = (A) => {
+      v && f && !V && Me(!1), E && E(A);
     };
     return ne(() => {
-      z && z.width && ot(z.width + 18 + 10);
-    }, [z]), ne(() => {
+      M && M.width && ot(M.width + 18 + 10);
+    }, [M]), ne(() => {
       j && j.width && nt(j.width + 18 + 10);
     }, [j]), ne(() => {
-      n || R && R.current && U !== void 0 && (R.current.style.height = "inherit", R.current.style.height = R.current.scrollHeight + "px");
-    }, [U, n]), ne(() => {
+      n || L && L.current && V !== void 0 && (L.current.style.height = "inherit", L.current.style.height = L.current.scrollHeight + "px");
+    }, [V, n]), ne(() => {
       n || setTimeout(() => {
-        var L;
-        (L = O == null ? void 0 : O.current) == null || L.style.setProperty(
+        var A;
+        (A = z == null ? void 0 : z.current) == null || A.style.setProperty(
           "--av-text-area-wrapper-transition",
-          U ? "none" : "all 0.2s ease-out"
+          V ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [U, n]), ne(() => {
-      var L, Me;
-      if (!n && R && R.current && U !== void 0) {
-        const { labelOffset: ve, helperTextOffset: xe, scrollHeight: ut } = ta({
-          scrollHeight: R.current.scrollHeight,
+    }, [V, n]), ne(() => {
+      var A, Be;
+      if (!n && L && L.current && V !== void 0) {
+        const { labelOffset: ve, helperTextOffset: xe, scrollHeight: ut } = aa({
+          scrollHeight: L.current.scrollHeight,
           currentHeight: q.current,
-          currentLabelOffset: W.current,
+          currentLabelOffset: Y.current,
           currentHelperTextOffset: ee.current
         });
-        ve && (W.current = ve, (L = O == null ? void 0 : O.current) == null || L.style.setProperty(
+        ve && (Y.current = ve, (A = z == null ? void 0 : z.current) == null || A.style.setProperty(
           "--av-text-area-label",
           `${ve}px`
-        )), xe && (ee.current = xe, (Me = te == null ? void 0 : te.current) == null || Me.style.setProperty(
+        )), xe && (ee.current = xe, (Be = te == null ? void 0 : te.current) == null || Be.style.setProperty(
           "--av-text-area-helper-text",
           `${xe}px`
         )), q.current = ut || q.current;
       }
-    }, [U, n]), j.width > 0 && ((B = O == null ? void 0 : O.current) == null || B.style.setProperty(
+    }, [V, n]), j.width > 0 && ((P = z == null ? void 0 : z.current) == null || P.style.setProperty(
       "--tw-translate-x",
       `${12 + j.width + 5}px`
     )), /* @__PURE__ */ h("div", { className: K.wrapper, children: [
       /* @__PURE__ */ a(
         "label",
         {
-          htmlFor: Y,
-          id: i,
+          htmlFor: W,
+          id: c,
           className: K.accessibleLabel,
           children: t
         }
@@ -1858,24 +1790,24 @@ const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "textarea",
         {
           ref: de,
-          id: Y,
+          id: W,
           name: r,
           disabled: y,
           placeholder: n ? void 0 : " ",
           className: K.textArea,
           rows: 1,
-          ...f && { "aria-describedby": `${Y}-helper` },
+          ...f && { "aria-describedby": `${W}-helper` },
           ...o && { "aria-invalid": "true" },
-          ...x && !k && !n && { style: { paddingRight: Ae } },
-          ...k && !x && !n && { style: { paddingLeft: Re } },
+          ...x && !k && !n && { style: { paddingRight: Re } },
+          ...k && !x && !n && { style: { paddingLeft: Le } },
           ...x && k && !n && {
             style: {
-              paddingRight: Ae,
-              paddingLeft: Re
+              paddingRight: Re,
+              paddingLeft: Le
             }
           },
-          value: U,
-          onChange: it,
+          value: V,
+          onChange: ct,
           onFocus: dt,
           onBlur: mt,
           ...I
@@ -1884,9 +1816,9 @@ const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       !n && /* @__PURE__ */ a(
         "label",
         {
-          ref: O,
+          ref: z,
           "aria-hidden": !0,
-          htmlFor: Y,
+          htmlFor: W,
           className: `${K.visibleLabel}`,
           children: t
         }
@@ -1895,7 +1827,7 @@ const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "div",
         {
           ref: te,
-          id: `${Y}-helper`,
+          id: `${W}-helper`,
           className: K.helperText,
           children: f
         }
@@ -1908,25 +1840,25 @@ const Kr = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           children: x
         }
       ),
-      o && f && /* @__PURE__ */ a(Yr, { politeness: "polite", clearAnnouncementDelay: 500, children: lt })
+      o && f && /* @__PURE__ */ a(Xr, { politeness: "polite", clearAnnouncementDelay: 500, children: lt })
     ] });
   }
 );
 Ce.displayName = "TextArea";
 /*!
-  @versini/ui-toggle v3.0.4
+  @versini/ui-toggle v3.0.8
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOGGLE__ || (window.__VERSINI_UI_TOGGLE__ = {
-    version: "3.0.4",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "3.0.8",
+    buildTime: "01/20/2025 01:49 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa = ({
+const oa = "av-toggle", na = () => d("peer", "h-6", "w-11", "rounded-full"), sa = ({
   focusMode: e
 }) => d(
   "peer-focus:outline",
@@ -1938,14 +1870,14 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
     "peer-focus:outline-focus-light dark:peer-focus:outline-focus-dark": e === "alt-system",
     "peer-focus:outline-focus-dark dark:peer-focus:outline-focus-light": e === "system"
   }
-), na = () => d(
+), la = () => d(
   "peer-checked:after:translate-x-full",
   // background color when checked
   "peer-checked:bg-violet-500",
   // knob circle and border color when checked
   "peer-checked:after:bg-white",
   "peer-checked:after:border-white"
-), sa = () => d(
+), ia = () => d(
   "after:left-[2px]",
   "after:top-[2px]",
   "after:border",
@@ -1957,7 +1889,7 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
   "after:rounded-full",
   "after:transition-all",
   "after:content-['']"
-), la = ({
+), ca = ({
   mode: e,
   noBorder: r
 }) => d({
@@ -1966,7 +1898,7 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
   "border-border-light bg-surface-darker": e === "dark",
   "border-border-light bg-surface-darker dark:border-border-dark dark:bg-surface-medium": e === "alt-system",
   "border-border-dark bg-surface-medium dark:border-border-light dark:bg-surface-darker": e === "system"
-}), ca = ({
+}), da = ({
   mode: e,
   labelHidden: r
 }) => r ? "sr-only" : d("ml-2 text-sm", {
@@ -1974,11 +1906,11 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
   "text-copy-lighter": e === "dark",
   "text-copy-lighter dark:text-copy-dark": e === "alt-system",
   "text-copy-dark dark:text-copy-lighter": e === "system"
-}), ia = ({ className: e }) => d(
-  ra,
+}), ma = ({ className: e }) => d(
+  oa,
   "relative flex cursor-pointer items-center",
   e
-), da = ({
+), ua = ({
   mode: e,
   focusMode: r,
   labelHidden: t,
@@ -1986,15 +1918,15 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
   noBorder: n
 }) => ({
   toggle: d(
-    aa(),
-    la({ mode: e, noBorder: n }),
-    oa({ focusMode: r }),
-    sa(),
-    na()
+    na(),
+    ca({ mode: e, noBorder: n }),
+    sa({ focusMode: r }),
+    ia(),
+    la()
   ),
-  label: ca({ mode: e, labelHidden: t }),
+  label: da({ mode: e, labelHidden: t }),
   input: "peer sr-only",
-  wrapper: ia({ className: o })
+  wrapper: ma({ className: o })
 }), ue = ({
   checked: e = !1,
   onChange: r,
@@ -2003,14 +1935,14 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
   name: n,
   mode: l = "system",
   focusMode: s = "system",
-  className: c,
+  className: i,
   noBorder: u = !1
 }) => {
-  const m = da({
+  const m = ua({
     mode: l,
     focusMode: s,
     labelHidden: o,
-    className: c,
+    className: i,
     noBorder: u
   }), g = (y) => {
     r == null || r(y.target.checked);
@@ -2029,7 +1961,7 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
     /* @__PURE__ */ a("div", { className: m.toggle }),
     /* @__PURE__ */ a("span", { className: m.label, children: t })
   ] });
-}, ma = ({
+}, ha = ({
   open: e,
   onOpenChange: r
 }) => {
@@ -2037,39 +1969,39 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
     data: n,
     error: l,
     isLoading: s,
-    mutate: c
-  } = Ye({
+    mutate: i
+  } = We({
     keys: [o == null ? void 0 : o.username],
     getAccessToken: t
   }), [u, m] = w({
     prompts: []
   }), g = ({
-    slot: i,
+    slot: c,
     checked: f,
     label: v,
     content: x
   }) => {
     m((k) => {
       const C = k.prompts, b = {
-        slot: i,
+        slot: c,
         label: v,
         content: x,
         enabled: f
-      }, E = C.findIndex((I) => I.slot === i);
+      }, E = C.findIndex((I) => I.slot === c);
       return E === -1 ? {
         ...k,
-        prompts: [...C, { ...b, slot: i }]
+        prompts: [...C, { ...b, slot: c }]
       } : (C[E] = b, {
         ...k,
         prompts: [...C]
       });
     });
-  }, y = async (i) => {
-    i.preventDefault();
+  }, y = async (c) => {
+    c.preventDefault();
     try {
-      await ce({
+      await ie({
         accessToken: await t(),
-        type: ie.SET_USER_PREFERENCES,
+        type: ce.SET_USER_PREFERENCES,
         params: {
           user: o == null ? void 0 : o.username,
           tags: u.prompts
@@ -2078,9 +2010,9 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
     } catch {
     }
   }, p = () => {
-    c({ ...n }), r(!1);
+    i({ ...n }), r(!1);
   };
-  return V(() => {
+  return D(() => {
     n != null && n.tags && m({ prompts: n.tags });
   }, [n]), l || s ? null : /* @__PURE__ */ h(
     J,
@@ -2095,8 +2027,8 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
-              F,
+            /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(
+              U,
               {
                 mode: "dark",
                 variant: "secondary",
@@ -2105,14 +2037,14 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
-              F,
+            /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(
+              U,
               {
                 mode: "dark",
                 variant: "danger",
                 focusMode: "light",
-                onClick: async (i) => {
-                  r(!1), await y(i);
+                onClick: async (c) => {
+                  r(!1), await y(c);
                 },
                 children: "Save"
               }
@@ -2122,40 +2054,40 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
       ),
       children: [
         /* @__PURE__ */ a("p", { children: Et }),
-        u.prompts && u.prompts.map((i) => /* @__PURE__ */ h(
-          $,
+        u.prompts && u.prompts.map((c) => /* @__PURE__ */ h(
+          H,
           {
-            header: `Prompt ${i.slot + 1}`,
+            header: `Prompt ${c.slot + 1}`,
             className: "prose-dark dark:prose-lighter mb-2",
             children: [
               /* @__PURE__ */ h(X, { className: "mt-8 mb-6", columnGap: 2, rowGap: 6, children: [
-                /* @__PURE__ */ a(A, { span: 12, children: /* @__PURE__ */ a(
+                /* @__PURE__ */ a(R, { span: 12, children: /* @__PURE__ */ a(
                   Ee,
                   {
                     label: "Label",
-                    name: `prompt${i.slot}-label`,
-                    value: i.label,
+                    name: `prompt${c.slot}-label`,
+                    value: c.label,
                     onChange: (f) => {
                       g({
-                        slot: i.slot,
-                        checked: i.enabled,
+                        slot: c.slot,
+                        checked: c.enabled,
                         label: f.target.value,
-                        content: i.content
+                        content: c.content
                       });
                     }
                   }
                 ) }),
-                /* @__PURE__ */ a(A, { span: 12, children: /* @__PURE__ */ a(
+                /* @__PURE__ */ a(R, { span: 12, children: /* @__PURE__ */ a(
                   Ee,
                   {
                     label: "Content",
-                    name: `prompt${i.slot}-content`,
-                    value: i.content,
+                    name: `prompt${c.slot}-content`,
+                    value: c.content,
                     onChange: (f) => {
                       g({
-                        slot: i.slot,
-                        checked: i.enabled,
-                        label: i.label,
+                        slot: c.slot,
+                        checked: c.enabled,
+                        label: c.label,
                         content: f.target.value
                       });
                     }
@@ -2168,26 +2100,26 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
                   className: "mt-2",
                   noBorder: !0,
                   label: "Enabled",
-                  name: i.slot.toString(),
+                  name: c.slot.toString(),
                   onChange: (f) => {
                     g({
-                      slot: i.slot,
+                      slot: c.slot,
                       checked: f,
-                      label: i.label,
-                      content: i.content
+                      label: c.label,
+                      content: c.content
                     });
                   },
-                  checked: i.enabled
+                  checked: c.enabled
                 }
               )
             ]
           },
-          `prompt-slot-${i.slot}`
+          `prompt-slot-${c.slot}`
         ))
       ]
     }
   );
-}, ua = ({
+}, ga = ({
   open: e,
   onOpenChange: r
 }) => {
@@ -2195,13 +2127,13 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
     data: n,
     error: l,
     isLoading: s,
-    mutate: c
-  } = Ye({
+    mutate: i
+  } = We({
     keys: [o == null ? void 0 : o.username],
     getAccessToken: t
   }), [u, m] = w(!1), [g, y] = w({
     loadingLocation: !1
-  }), [p, i] = w(""), [f, v] = w(""), [x, k] = w(Tt), [C, b] = Ie({
+  }), [p, c] = w(""), [f, v] = w(""), [x, k] = w(Tt), [C, b] = Ie({
     key: _e + Ct,
     initialValue: !1
   }), E = (N) => {
@@ -2209,53 +2141,53 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
   }, I = async (N) => {
     N.preventDefault();
     try {
-      await ce({
+      await ie({
         accessToken: await t(),
-        type: ie.SET_USER_PREFERENCES,
+        type: ce.SET_USER_PREFERENCES,
         params: {
           user: o == null ? void 0 : o.username,
           instructions: p,
           location: f,
           engine: x
         }
-      }), c(), y({
+      }), i(), y({
         loadingLocation: !1
       });
     } catch {
     }
-  }, H = async () => {
+  }, O = async () => {
     y({
       loadingLocation: !0
     }), v("...");
     try {
-      const N = Date.now(), z = await St(), Z = await ce({
+      const N = Date.now(), M = await St(), Z = await ie({
         accessToken: await t(),
-        type: ie.GET_LOCATION,
+        type: ce.GET_LOCATION,
         params: {
-          latitude: z.latitude,
-          longitude: z.longitude
+          latitude: M.latitude,
+          longitude: M.longitude
         }
       }), q = Date.now() - N;
-      if (q < 2e3 && await new Promise((W) => setTimeout(W, 2e3 - q)), Z.status === 200) {
-        const { city: W, state: O, country: ee, displayName: te } = Z.data, Y = W && O && ee ? `${W}, ${O}, ${ee}` : te;
+      if (q < 2e3 && await new Promise((Y) => setTimeout(Y, 2e3 - q)), Z.status === 200) {
+        const { city: Y, state: z, country: ee, displayName: te } = Z.data, W = Y && z && ee ? `${Y}, ${z}, ${ee}` : te;
         y({
           loadingLocation: !1
-        }), v(Y);
+        }), v(W);
       } else
         y({
           loadingLocation: !1
         });
     } catch {
     }
-  }, B = (N, z) => {
-    k(N ? z : z === Q ? re : Q);
-  }, R = () => {
+  }, P = (N, M) => {
+    k(N ? M : M === Q ? re : Q);
+  }, L = () => {
     m(!u);
   }, de = () => {
-    c({ ...n }), r(!1);
+    i({ ...n }), r(!1);
   };
-  return V(() => {
-    n != null && n.instructions && i(n.instructions), n != null && n.location && v(n.location), n != null && n.engine && k(n.engine);
+  return D(() => {
+    n != null && n.instructions && c(n.instructions), n != null && n.location && v(n.location), n != null && n.engine && k(n.engine);
   }, [n]), l || s ? null : /* @__PURE__ */ a(
     J,
     {
@@ -2269,8 +2201,8 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
-              F,
+            /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(
+              U,
               {
                 mode: "dark",
                 variant: "secondary",
@@ -2279,8 +2211,8 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(
-              F,
+            /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(
+              U,
               {
                 mode: "dark",
                 variant: "danger",
@@ -2294,10 +2226,10 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
           ]
         }
       ),
-      children: /* @__PURE__ */ h(M, { children: [
-        u && /* @__PURE__ */ a(ma, { open: u, onOpenChange: m }),
+      children: /* @__PURE__ */ h(B, { children: [
+        u && /* @__PURE__ */ a(ha, { open: u, onOpenChange: m }),
         /* @__PURE__ */ h(
-          $,
+          H,
           {
             header: T.SETTINGS_ENGINE.TITLE,
             className: "prose-dark dark:prose-lighter",
@@ -2309,7 +2241,7 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
                   noBorder: !0,
                   label: Q,
                   name: Q,
-                  onChange: (N) => B(N, Q),
+                  onChange: (N) => P(N, Q),
                   checked: x === Q
                 }
               ),
@@ -2320,7 +2252,7 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
                   noBorder: !0,
                   label: re,
                   name: re,
-                  onChange: (N) => B(N, re),
+                  onChange: (N) => P(N, re),
                   checked: x === re
                 }
               ),
@@ -2342,16 +2274,16 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
                 {
                   className: "mt-2",
                   size: "small",
-                  onClick: R,
+                  onClick: L,
                   labelLeft: "Edit Custom Prompts",
-                  children: /* @__PURE__ */ a(tr, { size: "size-3", monotone: !0 })
+                  children: /* @__PURE__ */ a(Dt, { size: "size-3", monotone: !0 })
                 }
               )
             ]
           }
         ),
         /* @__PURE__ */ h(
-          $,
+          H,
           {
             header: "Custom Instructions",
             className: "prose-dark dark:prose-lighter mt-4",
@@ -2372,7 +2304,7 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
                   label: "Custom Instructions",
                   value: p,
                   onChange: (N) => {
-                    i(N.target.value);
+                    c(N.target.value);
                   },
                   helperText: "Press ENTER to add a new line."
                 }
@@ -2381,7 +2313,7 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
           }
         ),
         /* @__PURE__ */ h(
-          $,
+          H,
           {
             header: "Location",
             className: "prose-dark dark:prose-lighter mt-4",
@@ -2401,13 +2333,13 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
                 }
               ),
               /* @__PURE__ */ a(
-                F,
+                U,
                 {
                   className: "mt-2",
                   size: "small",
                   noBorder: !0,
                   disabled: g.loadingLocation,
-                  onClick: H,
+                  onClick: O,
                   children: g.loadingLocation ? "Detecting..." : "Auto-detect"
                 }
               )
@@ -2417,19 +2349,19 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
       ] })
     }
   );
-}, ka = () => {
-  const { logout: e } = G(), { state: r } = fe(We), [t, o] = w(!1), [n, l] = w(!1), [s, c] = w(!1), [u, m] = w(!1), [g, y] = w(!1), p = () => {
+}, xa = () => {
+  const { logout: e } = G(), { state: r } = fe(Ye), [t, o] = w(!1), [n, l] = w(!1), [s, i] = w(!1), [u, m] = w(!1), [g, y] = w(!1), p = () => {
     o(!t);
-  }, i = () => {
+  }, c = () => {
     l(!n);
   }, f = () => {
-    c(!s);
+    i(!s);
   }, v = () => {
     m(!u);
   }, x = () => {
     y(!g);
   };
-  return /* @__PURE__ */ h(M, { children: [
+  return /* @__PURE__ */ h(B, { children: [
     /* @__PURE__ */ a(
       et,
       {
@@ -2437,73 +2369,81 @@ const ra = "av-toggle", aa = () => d("peer", "h-6", "w-11", "rounded-full"), oa
         setShowConfirmation: y,
         action: e,
         customStrings: {
-          confirmAction: De,
+          confirmAction: He,
           cancelAction: "Cancel",
-          title: De
+          title: He
         },
         children: /* @__PURE__ */ a("p", { children: "Are you sure you want to log out?" })
       }
     ),
-    /* @__PURE__ */ a(Mr, { open: t, onOpenChange: o }),
-    /* @__PURE__ */ a(ua, { open: n, onOpenChange: l }),
-    s && /* @__PURE__ */ a(Rr, { open: s, onOpenChange: c }),
-    /* @__PURE__ */ a(Sr, { open: u, onOpenChange: m }),
-    /* @__PURE__ */ a("div", { className: "bg-slate-900 py-4 px-4 rounded-t-md", children: /* @__PURE__ */ a(X, { alignHorizontal: "flex-end", alignVertical: "center", children: /* @__PURE__ */ a(A, { children: /* @__PURE__ */ a(X, { children: /* @__PURE__ */ a(A, { children: /* @__PURE__ */ h(
+    /* @__PURE__ */ a(Pr, { open: t, onOpenChange: o }),
+    /* @__PURE__ */ a(ga, { open: n, onOpenChange: l }),
+    s && /* @__PURE__ */ a(Br, { open: s, onOpenChange: i }),
+    /* @__PURE__ */ a(Rr, { open: u, onOpenChange: m }),
+    /* @__PURE__ */ a("div", { className: "bg-slate-900 py-4 px-4 rounded-t-md", children: /* @__PURE__ */ a(X, { alignHorizontal: "flex-end", alignVertical: "center", children: /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(X, { children: /* @__PURE__ */ a(R, { children: /* @__PURE__ */ a(
       Vt,
       {
-        mode: "dark",
-        focusMode: "light",
-        trigger: /* @__PURE__ */ a(le, { label: "Settings", children: /* @__PURE__ */ a(sr, {}) }),
-        defaultPlacement: "bottom-end",
-        children: [
-          /* @__PURE__ */ a(
-            oe,
-            {
-              label: "Profile",
-              onClick: p,
-              icon: /* @__PURE__ */ a(or, {})
-            }
-          ),
-          /* @__PURE__ */ a(
-            oe,
-            {
-              label: "Settings",
-              onClick: i,
-              icon: /* @__PURE__ */ a(lr, {})
-            }
-          ),
-          /* @__PURE__ */ a(
-            oe,
-            {
-              label: "History",
-              onClick: f,
-              icon: /* @__PURE__ */ a(rr, {})
-            }
-          ),
-          /* @__PURE__ */ a(
-            oe,
-            {
-              label: "About",
-              onClick: v,
-              icon: /* @__PURE__ */ a(ar, {})
-            }
-          ),
-          r && r.id && !r.isComponent && /* @__PURE__ */ h(M, { children: [
-            /* @__PURE__ */ a(Ht, {}),
-            /* @__PURE__ */ a(
-              oe,
-              {
-                label: "Log out",
-                onClick: x,
-                icon: /* @__PURE__ */ a("div", { className: "text-red-700", children: /* @__PURE__ */ a(Zt, { monotone: !0 }) })
-              }
-            )
-          ] })
-        ]
+        label: "Profile, Settings, etc.",
+        mode: "light",
+        placement: "left",
+        trigger: /* @__PURE__ */ h(
+          Ut,
+          {
+            mode: "dark",
+            focusMode: "light",
+            trigger: /* @__PURE__ */ a(le, { label: "Settings", children: /* @__PURE__ */ a(lr, {}) }),
+            defaultPlacement: "bottom-end",
+            children: [
+              /* @__PURE__ */ a(
+                oe,
+                {
+                  label: "Profile",
+                  onClick: p,
+                  icon: /* @__PURE__ */ a(nr, {})
+                }
+              ),
+              /* @__PURE__ */ a(
+                oe,
+                {
+                  label: "Settings",
+                  onClick: c,
+                  icon: /* @__PURE__ */ a(ir, {})
+                }
+              ),
+              /* @__PURE__ */ a(
+                oe,
+                {
+                  label: "History",
+                  onClick: f,
+                  icon: /* @__PURE__ */ a(ar, {})
+                }
+              ),
+              /* @__PURE__ */ a(
+                oe,
+                {
+                  label: "About",
+                  onClick: v,
+                  icon: /* @__PURE__ */ a(or, {})
+                }
+              ),
+              r && r.id && !r.isComponent && /* @__PURE__ */ h(B, { children: [
+                /* @__PURE__ */ a(Ft, {}),
+                /* @__PURE__ */ a(
+                  oe,
+                  {
+                    label: "Log out",
+                    onClick: x,
+                    icon: /* @__PURE__ */ a("div", { className: "text-red-700", children: /* @__PURE__ */ a(tr, { monotone: !0 }) })
+                  }
+                )
+              ] })
+            ]
+          }
+        )
       }
     ) }) }) }) }) })
   ] });
 };
 export {
-  ka as default
+  xa as default
 };