npm - @versini/sassysaint - Versions diffs - 5.2.0 → 5.3.1 - Mend

@versini/sassysaint 5.2.0 → 5.3.1

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 (10) hide show

package/dist/chunks/{LazyHeader.QLLnRIqL.js → LazyHeader.eROXpLy0.js} RENAMED Viewed

@@ -1,19 +1,38 @@
-import { jsxs as v, jsx as r, Fragment as _ } from "react/jsx-runtime";
-import { g as $, D as O, CARDS as w, renderDataAsList as le, pluralize as pe, AppContext as me, ABOUT_TITLE as Mt, DEFAULT_AI_ENGINE as se, numberFormatter as Lt, durationFormatter as Qe, NA as Ot, ROLE_ASSISTANT as Pt, extractAverage as Dt, GPT4_MAX_TOKENS as Bt, rn as te, STATS as et, b as Ae, j as ee, R as J, HistoryContext as tt, LOCAL_STORAGE_PREFIX as z, LOCAL_STORAGE_SORT as $t, O as Q, ACTION_RESET as Vt, ACTION_RESTORE as zt, truncate as Ht, ACTION_SORT as ke, LOCAL_STORAGE_SEARCH as Ft, me as Gt, ACTION_SEARCH as Ut, HISTORY_TITLE as jt, LOCAL_STORAGE_ENGINE_TOGGLE as ot, ENGINE_OPENAI as Ce, ENGINE_ANTHROPIC as Te, ACTION_ENGINE as rt, getCurrentGeoLocation as Kt, LOCAL_STORAGE_TAG_SUMMARIZE as $e, LOCAL_STORAGE_TAG_PROOFREAD as Ve, LOCAL_STORAGE_TAG_REPHRASE as ze, TAG_CONTENT as we, TAGS as Ee, LOCAL_STORAGE_CHAT_DETAILS as Wt, G as Yt, v as He, PROFILE_TITLE as Zt, LOG_OUT as Fe } from "./index.BbfwgIO_.js";
-import { serviceCall as H, SERVICE_TYPES as F, E as G, f as D, ce as qt, ge as Xt, me as Ne, ie as V, ue as Jt, be as Qt, he as eo, we as Ge } from "./index.CGGeNJS3.js";
+import { jsx as r, jsxs as v, Fragment as R } from "react/jsx-runtime";
+import { g as O, D as P, CARDS as w, renderDataAsList as le, pluralize as fe, AppContext as me, ABOUT_TITLE as Rt, DEFAULT_AI_ENGINE as ie, numberFormatter as Mt, durationFormatter as Qe, NA as Lt, ROLE_ASSISTANT as Ot, extractAverage as Pt, GPT4_MAX_TOKENS as Bt, rn as te, STATS as et, b as Me, j as ee, R as Q, HistoryContext as tt, LOCAL_STORAGE_PREFIX as $, LOCAL_STORAGE_SORT as Dt, O as Y, ACTION_RESET as Vt, ACTION_RESTORE as zt, truncate as $t, ACTION_SORT as Ce, LOCAL_STORAGE_SEARCH as Ht, me as Ft, ACTION_SEARCH as Gt, HISTORY_TITLE as Ut, LOCAL_STORAGE_ENGINE_TOGGLE as ot, ENGINE_OPENAI as Te, ENGINE_ANTHROPIC as pe, ACTION_ENGINE as rt, getCurrentGeoLocation as jt, LOCAL_STORAGE_TAG_SUMMARIZE as ze, LOCAL_STORAGE_TAG_PROOFREAD as $e, LOCAL_STORAGE_TAG_REPHRASE as He, TAG_CONTENT as we, TAGS as Ee, LOCAL_STORAGE_CHAT_DETAILS as Kt, G as Wt, v as Fe, PROFILE_TITLE as Yt, LOG_OUT as Ge } from "./index.y_5fBKAi.js";
+import { serviceCall as H, SERVICE_TYPES as F, E as G, f as D, ce as Zt, ge as qt, me as Ne, ie as z, ue as Xt, be as Jt, he as Qt, we as Ue } from "./index.DcfOXJ8N.js";
 import * as f from "react";
-import I, { useId as to, forwardRef as nt, useState as x, useRef as ce, useContext as B, useEffect as U, Suspense as oo, lazy as ro, useMemo as no } from "react";
+import I, { useId as eo, forwardRef as nt, useState as S, useRef as ce, useContext as V, useEffect as U, Suspense as to, lazy as oo, useMemo as ro } from "react";
 import C from "clsx";
-import { useFloatingTree as at, useFloatingNodeId as ao, useListItem as it, useFloating as io, offset as so, flip as lo, shift as co, autoUpdate as uo, useClick as mo, useRole as ho, useDismiss as go, useListNavigation as po, useTypeahead as fo, useInteractions as bo, useMergeRefs as st, FloatingNode as vo, FloatingList as yo, FloatingPortal as ko, FloatingFocusManager as Co, FloatingTree as To } from "@floating-ui/react";
-const wo = ({
+import { useFloatingTree as at, useFloatingNodeId as no, useListItem as st, useFloating as ao, offset as so, flip as io, shift as lo, autoUpdate as co, useClick as uo, useRole as mo, useDismiss as ho, useListNavigation as go, useTypeahead as po, useInteractions as fo, useMergeRefs as it, FloatingNode as bo, FloatingList as vo, FloatingPortal as yo, FloatingFocusManager as ko, FloatingTree as Co } from "@floating-ui/react";
+const To = ({
   className: e,
   viewBox: t,
   spacing: o,
   title: n,
   monotone: a,
-  ...i
+  ...s
+}) => /* @__PURE__ */ r(
+  O,
+  {
+    defaultViewBox: "0 0 256 176",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: o,
+    title: n || "Anthropic",
+    ...s,
+    children: /* @__PURE__ */ r("path", { d: "m147.487 0l70.081 175.78H256L185.919 0zM66.183 106.221l23.98-61.774l23.98 61.774zM70.07 0L0 175.78h39.18l14.33-36.914h73.308l14.328 36.914h39.179L110.255 0z" })
+  }
+), wo = ({
+  className: e,
+  viewBox: t,
+  spacing: o,
+  title: n,
+  monotone: a,
+  ...s
 }) => /* @__PURE__ */ v(
-  $,
+  O,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
@@ -21,7 +40,7 @@ const wo = ({
     className: e,
     spacing: o,
     title: n || "Back",
-    ...i,
+    ...s,
     children: [
       /* @__PURE__ */ r(
         "path",
@@ -39,9 +58,9 @@ const wo = ({
   spacing: o,
   title: n,
   monotone: a,
-  ...i
+  ...s
 }) => /* @__PURE__ */ v(
-  $,
+  O,
   {
     defaultViewBox: "0 0 448 512",
     defaultClassName: "size-5",
@@ -49,7 +68,7 @@ const wo = ({
     className: e,
     spacing: o,
     title: n || "Chart",
-    ...i,
+    ...s,
     children: [
       /* @__PURE__ */ r(
         "path",
@@ -67,9 +86,9 @@ const wo = ({
   spacing: o,
   title: n,
   monotone: a,
-  ...i
+  ...s
 }) => /* @__PURE__ */ v(
-  $,
+  O,
   {
     defaultViewBox: "0 0 448 512",
     defaultClassName: "size-5",
@@ -77,7 +96,7 @@ const wo = ({
     className: e,
     spacing: o,
     title: n || "Delete",
-    ...i,
+    ...s,
     children: [
       /* @__PURE__ */ r(
         "path",
@@ -89,15 +108,15 @@ const wo = ({
       /* @__PURE__ */ r("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 96 32 96H416c17.7 0 32-14.3 32-32s-14.3-32-32-32H320l-7.2-14.3C307.4 6.8 296.3 0 284.2 0H163.8z" })
     ]
   }
-), Ue = ({
+), je = ({
   className: e,
   viewBox: t,
   spacing: o,
   title: n,
   monotone: a,
-  ...i
+  ...s
 }) => /* @__PURE__ */ v(
-  $,
+  O,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
@@ -105,7 +124,7 @@ const wo = ({
     className: e,
     spacing: o,
     title: n || "Edit",
-    ...i,
+    ...s,
     children: [
       /* @__PURE__ */ r(
         "path",
@@ -123,9 +142,9 @@ const wo = ({
   spacing: o,
   title: n,
   monotone: a,
-  ...i
+  ...s
 }) => /* @__PURE__ */ v(
-  $,
+  O,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
@@ -133,7 +152,7 @@ const wo = ({
     className: e,
     spacing: o,
     title: n || "History",
-    ...i,
+    ...s,
     children: [
       /* @__PURE__ */ r(
         "path",
@@ -145,15 +164,15 @@ const wo = ({
       /* @__PURE__ */ r("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" })
     ]
   }
-), So = ({
+), xo = ({
   className: e,
   viewBox: t,
   spacing: o,
   title: n,
   monotone: a,
-  ...i
+  ...s
 }) => /* @__PURE__ */ v(
-  $,
+  O,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
@@ -161,7 +180,7 @@ const wo = ({
     className: e,
     spacing: o,
     title: n || "Info",
-    ...i,
+    ...s,
     children: [
       /* @__PURE__ */ r(
         "path",
@@ -173,15 +192,40 @@ const wo = ({
       /* @__PURE__ */ r("path", { d: "M256 128a32 32 0 1 1 0 64 32 32 0 1 1 0-64zM192 248c0-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 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h24V272H216c-13.3 0-24-10.7-24-24z" })
     ]
   }
-), xo = ({
+), So = ({
+  className: e,
+  viewBox: t,
+  spacing: o,
+  title: n,
+  monotone: a,
+  ...s
+}) => /* @__PURE__ */ r(
+  O,
+  {
+    defaultViewBox: "0 0 24 24",
+    defaultClassName: "size-5",
+    viewBox: t,
+    className: e,
+    spacing: o,
+    title: n || "OpenAI",
+    ...s,
+    children: /* @__PURE__ */ r(
+      "path",
+      {
+        fill: "currentColor",
+        d: "M22.282 9.821a6 6 0 0 0-.516-4.91a6.05 6.05 0 0 0-6.51-2.9A6.065 6.065 0 0 0 4.981 4.18a6 6 0 0 0-3.998 2.9a6.05 6.05 0 0 0 .743 7.097a5.98 5.98 0 0 0 .51 4.911a6.05 6.05 0 0 0 6.515 2.9A6 6 0 0 0 13.26 24a6.06 6.06 0 0 0 5.772-4.206a6 6 0 0 0 3.997-2.9a6.06 6.06 0 0 0-.747-7.073M13.26 22.43a4.48 4.48 0 0 1-2.876-1.04l.141-.081l4.779-2.758a.8.8 0 0 0 .392-.681v-6.737l2.02 1.168a.07.07 0 0 1 .038.052v5.583a4.504 4.504 0 0 1-4.494 4.494M3.6 18.304a4.47 4.47 0 0 1-.535-3.014l.142.085l4.783 2.759a.77.77 0 0 0 .78 0l5.843-3.369v2.332a.08.08 0 0 1-.033.062L9.74 19.95a4.5 4.5 0 0 1-6.14-1.646M2.34 7.896a4.5 4.5 0 0 1 2.366-1.973V11.6a.77.77 0 0 0 .388.677l5.815 3.354l-2.02 1.168a.08.08 0 0 1-.071 0l-4.83-2.786A4.504 4.504 0 0 1 2.34 7.872zm16.597 3.855l-5.833-3.387L15.119 7.2a.08.08 0 0 1 .071 0l4.83 2.791a4.494 4.494 0 0 1-.676 8.105v-5.678a.79.79 0 0 0-.407-.667m2.01-3.023l-.141-.085l-4.774-2.782a.78.78 0 0 0-.785 0L9.409 9.23V6.897a.07.07 0 0 1 .028-.061l4.83-2.787a4.5 4.5 0 0 1 6.68 4.66zm-12.64 4.135l-2.02-1.164a.08.08 0 0 1-.038-.057V6.075a4.5 4.5 0 0 1 7.375-3.453l-.142.08L8.704 5.46a.8.8 0 0 0-.393.681zm1.097-2.365l2.602-1.5l2.607 1.5v2.999l-2.597 1.5l-2.607-1.5Z"
+      }
+    )
+  }
+), _o = ({
   className: e,
   viewBox: t,
   spacing: o,
   title: n,
   monotone: a,
-  ...i
+  ...s
 }) => /* @__PURE__ */ v(
-  $,
+  O,
   {
     defaultViewBox: "0 0 576 512",
     defaultClassName: "size-5",
@@ -189,7 +233,7 @@ const wo = ({
     className: e,
     spacing: o,
     title: n || "Profile",
-    ...i,
+    ...s,
     children: [
       /* @__PURE__ */ r(
         "path",
@@ -201,15 +245,15 @@ const wo = ({
       /* @__PURE__ */ r("path", { 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 16H272c8.8 0 16-7.2 16-16c0-44.2-35.8-80-80-80H144z" })
     ]
   }
-), _o = ({
+), Ao = ({
   className: e,
   viewBox: t,
   spacing: o,
   title: n,
   monotone: a,
-  ...i
+  ...s
 }) => /* @__PURE__ */ v(
-  $,
+  O,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
@@ -217,7 +261,7 @@ const wo = ({
     className: e,
     spacing: o,
     title: n || "Restore",
-    ...i,
+    ...s,
     children: [
       /* @__PURE__ */ r(
         "path",
@@ -235,9 +279,9 @@ const wo = ({
   spacing: o,
   title: n,
   monotone: a,
-  ...i
+  ...s
 }) => /* @__PURE__ */ r(
-  $,
+  O,
   {
     defaultViewBox: "0 0 448 512",
     defaultClassName: "size-5",
@@ -245,14 +289,14 @@ const wo = ({
     className: e,
     spacing: o,
     title: n || "Settings",
-    ...i,
+    ...s,
     children: /* @__PURE__ */ r("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" })
   }
 );
 function de(e) {
-  return to();
+  return eo();
 }
-const Se = f.createContext({
+const xe = f.createContext({
   getItemProps: () => ({}),
   activeIndex: null,
   /* v8 ignore next 2 */
@@ -261,7 +305,7 @@ const Se = f.createContext({
   setHasFocusInside: () => {
   },
   isOpen: !1
-}), je = (e) => {
+}), Ke = (e) => {
   if (typeof e == "string")
     return e;
   if (typeof e == "function")
@@ -279,46 +323,46 @@ const Se = f.createContext({
     label: o = "Open menu",
     defaultPlacement: n = "bottom-start",
     onOpenChange: a,
-    spacing: i,
-    mode: s = "system",
+    spacing: s,
+    mode: i = "system",
     focusMode: l = "system",
     ...h
   }, u) => {
-    const [m, g] = x(!1), [b, d] = x(!1), [c, y] = x(null), T = ce([]), p = ce([]), k = B(Se), E = at(), S = ao(), M = it(), { floatingStyles: R, refs: P, context: N } = io({
-      nodeId: S,
+    const [m, g] = S(!1), [b, d] = S(!1), [c, y] = S(null), T = ce([]), p = ce([]), k = V(xe), E = at(), x = no(), M = st(), { floatingStyles: _, refs: B, context: N } = ao({
+      nodeId: x,
       open: m,
       onOpenChange: (ae) => {
         g(ae), a == null || a(ae);
       },
       placement: n,
       strategy: "fixed",
-      middleware: [so({ mainAxis: 10 }), lo(), co()],
-      whileElementsMounted: uo
-    }), re = mo(N, {
+      middleware: [so({ mainAxis: 10 }), io(), lo()],
+      whileElementsMounted: co
+    }), re = uo(N, {
       event: "mousedown",
       toggle: !0,
       ignoreMouse: !1
-    }), X = ho(N, { role: "menu" }), j = go(N, { bubbles: !0 }), ne = po(N, {
+    }), J = mo(N, { role: "menu" }), j = ho(N, { bubbles: !0 }), ne = go(N, {
       listRef: T,
       activeIndex: c,
       nested: !1,
       onNavigate: y,
       loop: !0
-    }), L = fo(N, {
+    }), L = po(N, {
       listRef: p,
       onMatch: m ? y : void 0,
       activeIndex: c
-    }), { getReferenceProps: K, getFloatingProps: A, getItemProps: _t } = bo([re, X, j, ne, L]), Be = je(e) === "Button" || je(e) === "ButtonIcon", Rt = Be ? {
-      noInternalClick: Be,
+    }), { getReferenceProps: K, getFloatingProps: A, getItemProps: St } = fo([re, J, j, ne, L]), Ve = Ke(e) === "Button" || Ke(e) === "ButtonIcon", _t = Ve ? {
+      noInternalClick: Ve,
       focusMode: l,
-      mode: s,
-      spacing: i
+      mode: i,
+      spacing: s
     } : {}, At = I.cloneElement(e, {
-      ...Rt,
+      ..._t,
       "aria-label": o,
       "data-open": m ? "" : void 0,
       "data-focus-inside": b ? "" : void 0,
-      ref: st([P.setReference, M.ref, u]),
+      ref: it([B.setReference, M.ref, u]),
       ...K(
         k.getItemProps({
           ...h
@@ -335,21 +379,21 @@ const Se = f.createContext({
         E.events.off("click", ae);
       };
     }, [E, a]), U(() => {
-      m && E && E.events.emit("menuopen", { nodeId: S });
-    }, [E, m, S]), /* @__PURE__ */ v(vo, { id: S, children: [
+      m && E && E.events.emit("menuopen", { nodeId: x });
+    }, [E, m, x]), /* @__PURE__ */ v(bo, { id: x, children: [
       At,
       /* @__PURE__ */ r(
-        Se.Provider,
+        xe.Provider,
         {
           value: {
             activeIndex: c,
             setActiveIndex: y,
-            getItemProps: _t,
+            getItemProps: St,
             setHasFocusInside: d,
             isOpen: m
           },
-          children: /* @__PURE__ */ r(yo, { elementsRef: T, labelsRef: p, children: m && /* @__PURE__ */ r(ko, { children: /* @__PURE__ */ r(
-            Co,
+          children: /* @__PURE__ */ r(vo, { elementsRef: T, labelsRef: p, children: m && /* @__PURE__ */ r(yo, { children: /* @__PURE__ */ r(
+            ko,
             {
               context: N,
               modal: !1,
@@ -358,9 +402,9 @@ const Se = f.createContext({
               children: /* @__PURE__ */ r(
                 "div",
                 {
-                  ref: P.setFloating,
+                  ref: B.setFloating,
                   className: "rounded-md bg-surface-light p-4 shadow-sm shadow-border-dark outline-none sm:p-2",
-                  style: R,
+                  style: _,
                   ...A(),
                   children: t
                 }
@@ -371,8 +415,8 @@ const Se = f.createContext({
       )
     ] });
   }
-), ct = nt((e, t) => /* @__PURE__ */ r(To, { children: /* @__PURE__ */ r(lt, { ...e, ref: t }) }));
-ct.displayName = "Menu";
+), Se = nt((e, t) => /* @__PURE__ */ r(Co, { children: /* @__PURE__ */ r(lt, { ...e, ref: t }) }));
+Se.displayName = "Menu";
 lt.displayName = "MenuComponent";
 const W = f.forwardRef(
   ({
@@ -381,10 +425,10 @@ const W = f.forwardRef(
     icon: o,
     raw: n = !1,
     children: a,
-    ignoreClick: i = !1,
-    ...s
+    ignoreClick: s = !1,
+    ...i
   }, l) => {
-    const h = f.useContext(Se), u = it({ label: t ? null : e }), m = at(), g = st([u.ref, l]);
+    const h = f.useContext(xe), u = st({ label: t ? null : e }), m = at(), g = it([u.ref, l]);
     return n && a ? /* @__PURE__ */ r(
       "div",
       {
@@ -392,7 +436,7 @@ const W = f.forwardRef(
         ...h.getItemProps({
           onClick(b) {
             var d;
-            i || ((d = s.onClick) == null || d.call(s, b), m == null || m.events.emit("click"));
+            s || ((d = i.onClick) == null || d.call(i, b), m == null || m.events.emit("click"));
           }
         }),
         children: a
@@ -400,7 +444,7 @@ const W = f.forwardRef(
     ) : /* @__PURE__ */ v(
       "button",
       {
-        ...s,
+        ...i,
         ref: g,
         role: "menuitem",
         className: "m-0 flex w-full rounded-md border border-transparent bg-none px-3 py-2 text-left text-base outline-none focus:border focus:border-border-medium focus:bg-surface-lighter focus:underline disabled:cursor-not-allowed disabled:text-copy-medium sm:py-1",
@@ -409,11 +453,11 @@ const W = f.forwardRef(
         ...h.getItemProps({
           onClick(b) {
             var d;
-            i || ((d = s.onClick) == null || d.call(s, b), m == null || m.events.emit("click"));
+            s || ((d = i.onClick) == null || d.call(i, b), m == null || m.events.emit("click"));
           },
           onFocus(b) {
             var d;
-            (d = s.onFocus) == null || d.call(s, b), h.setHasFocusInside(!0);
+            (d = i.onFocus) == null || d.call(i, b), h.setHasFocusInside(!0);
           }
         }),
         children: [
@@ -425,7 +469,7 @@ const W = f.forwardRef(
   }
 );
 W.displayName = "MenuItem";
-const Ke = ({ className: e, ...t }) => {
+const Mo = ({ className: e, ...t }) => {
   const o = C(e, "my-1 border-t border-border-medium");
   return /* @__PURE__ */ r("div", { className: o, ...t });
 };
@@ -455,12 +499,12 @@ try {
   });
 } catch {
 }
-const Ao = "av-togglegroup", Mo = "av-togglegroup-item-wrapper", Lo = "av-togglegroup-item";
-function Me(e, t = []) {
+const Lo = "av-togglegroup", Oo = "av-togglegroup-item-wrapper", Po = "av-togglegroup-item";
+function Le(e, t = []) {
   let o = [];
-  function n(i, s) {
-    const l = f.createContext(s), h = o.length;
-    o = [...o, s];
+  function n(s, i) {
+    const l = f.createContext(i), h = o.length;
+    o = [...o, i];
     function u(g) {
       const { scope: b, children: d, ...c } = g, y = (b == null ? void 0 : b[e][h]) || l, T = f.useMemo(() => c, Object.values(c));
       return /* @__PURE__ */ r(y.Provider, { value: T, children: d });
@@ -468,24 +512,24 @@ function Me(e, t = []) {
     function m(g, b) {
       const d = (b == null ? void 0 : b[e][h]) || l, c = f.useContext(d);
       if (c) return c;
-      if (s !== void 0) return s;
-      throw new Error(`\`${g}\` must be used within \`${i}\``);
+      if (i !== void 0) return i;
+      throw new Error(`\`${g}\` must be used within \`${s}\``);
     }
-    return u.displayName = i + "Provider", [u, m];
+    return u.displayName = s + "Provider", [u, m];
   }
   const a = () => {
-    const i = o.map((s) => f.createContext(s));
-    return function(s) {
-      const l = (s == null ? void 0 : s[e]) || i;
+    const s = o.map((i) => f.createContext(i));
+    return function(i) {
+      const l = (i == null ? void 0 : i[e]) || s;
       return f.useMemo(
-        () => ({ [`__scope${e}`]: { ...s, [e]: l } }),
-        [s, l]
+        () => ({ [`__scope${e}`]: { ...i, [e]: l } }),
+        [i, l]
       );
     };
   };
-  return a.scopeName = e, [n, Oo(a, ...t)];
+  return a.scopeName = e, [n, Bo(a, ...t)];
 }
-function Oo(...e) {
+function Bo(...e) {
   const t = e[0];
   if (e.length === 1) return t;
   const o = () => {
@@ -494,66 +538,66 @@ function Oo(...e) {
       scopeName: a.scopeName
     }));
     return function(a) {
-      const i = n.reduce((s, { useScope: l, scopeName: h }) => {
+      const s = n.reduce((i, { useScope: l, scopeName: h }) => {
         const u = l(a)[`__scope${h}`];
-        return { ...s, ...u };
+        return { ...i, ...u };
       }, {});
-      return f.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
+      return f.useMemo(() => ({ [`__scope${t.scopeName}`]: s }), [s]);
     };
   };
   return o.scopeName = t.scopeName, o;
 }
-function Po(e, t) {
+function Do(e, t) {
   typeof e == "function" ? e(t) : e != null && (e.current = t);
 }
-function dt(...e) {
-  return (t) => e.forEach((o) => Po(o, t));
+function ct(...e) {
+  return (t) => e.forEach((o) => Do(o, t));
 }
-function xe(...e) {
-  return f.useCallback(dt(...e), e);
+function _e(...e) {
+  return f.useCallback(ct(...e), e);
 }
-var fe = f.forwardRef((e, t) => {
-  const { children: o, ...n } = e, a = f.Children.toArray(o), i = a.find(Bo);
-  if (i) {
-    const s = i.props.children, l = a.map((h) => h === i ? f.Children.count(s) > 1 ? f.Children.only(null) : f.isValidElement(s) ? s.props.children : null : h);
-    return /* @__PURE__ */ r(_e, { ...n, ref: t, children: f.isValidElement(s) ? f.cloneElement(s, void 0, l) : null });
+var be = f.forwardRef((e, t) => {
+  const { children: o, ...n } = e, a = f.Children.toArray(o), s = a.find(zo);
+  if (s) {
+    const i = s.props.children, l = a.map((h) => h === s ? f.Children.count(i) > 1 ? f.Children.only(null) : f.isValidElement(i) ? i.props.children : null : h);
+    return /* @__PURE__ */ r(Ae, { ...n, ref: t, children: f.isValidElement(i) ? f.cloneElement(i, void 0, l) : null });
   }
-  return /* @__PURE__ */ r(_e, { ...n, ref: t, children: o });
+  return /* @__PURE__ */ r(Ae, { ...n, ref: t, children: o });
 });
-fe.displayName = "Slot";
-var _e = f.forwardRef((e, t) => {
+be.displayName = "Slot";
+var Ae = f.forwardRef((e, t) => {
   const { children: o, ...n } = e;
   if (f.isValidElement(o)) {
-    const a = Vo(o);
+    const a = Ho(o);
     return f.cloneElement(o, {
       ...$o(n, o.props),
       // @ts-ignore
-      ref: t ? dt(t, a) : a
+      ref: t ? ct(t, a) : a
     });
   }
   return f.Children.count(o) > 1 ? f.Children.only(null) : null;
 });
-_e.displayName = "SlotClone";
-var Do = ({ children: e }) => /* @__PURE__ */ r(_, { children: e });
-function Bo(e) {
-  return f.isValidElement(e) && e.type === Do;
+Ae.displayName = "SlotClone";
+var Vo = ({ children: e }) => /* @__PURE__ */ r(R, { children: e });
+function zo(e) {
+  return f.isValidElement(e) && e.type === Vo;
 }
 function $o(e, t) {
   const o = { ...t };
   for (const n in t) {
-    const a = e[n], i = t[n];
-    /^on[A-Z]/.test(n) ? a && i ? o[n] = (...s) => {
-      i(...s), a(...s);
-    } : a && (o[n] = a) : n === "style" ? o[n] = { ...a, ...i } : n === "className" && (o[n] = [a, i].filter(Boolean).join(" "));
+    const a = e[n], s = t[n];
+    /^on[A-Z]/.test(n) ? a && s ? o[n] = (...i) => {
+      s(...i), a(...i);
+    } : a && (o[n] = a) : n === "style" ? o[n] = { ...a, ...s } : n === "className" && (o[n] = [a, s].filter(Boolean).join(" "));
   }
   return { ...e, ...o };
 }
-function Vo(e) {
+function Ho(e) {
   var t, o;
   let n = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, a = n && "isReactWarning" in n && n.isReactWarning;
   return a ? e.ref : (n = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, a = n && "isReactWarning" in n && n.isReactWarning, a ? e.props.ref : e.props.ref || e.ref);
 }
-var zo = [
+var Fo = [
   "a",
   "button",
   "div",
@@ -570,44 +614,44 @@ var zo = [
   "span",
   "svg",
   "ul"
-], ue = zo.reduce((e, t) => {
+], ue = Fo.reduce((e, t) => {
   const o = f.forwardRef((n, a) => {
-    const { asChild: i, ...s } = n, l = i ? fe : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ r(l, { ...s, ref: a });
+    const { asChild: s, ...i } = n, l = s ? be : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ r(l, { ...i, ref: a });
   });
   return o.displayName = `Primitive.${t}`, { ...e, [t]: o };
 }, {});
-function Y(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
+function Z(e, t, { checkForDefaultPrevented: o = !0 } = {}) {
   return function(n) {
     if (e == null || e(n), o === !1 || !n.defaultPrevented)
       return t == null ? void 0 : t(n);
   };
 }
-function Ho(e) {
-  const t = e + "CollectionProvider", [o, n] = Me(t), [a, i] = o(
+function Go(e) {
+  const t = e + "CollectionProvider", [o, n] = Le(t), [a, s] = o(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
-  ), s = (d) => {
+  ), i = (d) => {
     const { scope: c, children: y } = d, T = I.useRef(null), p = I.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ r(a, { scope: c, itemMap: p, collectionRef: T, children: y });
   };
-  s.displayName = t;
+  i.displayName = t;
   const l = e + "CollectionSlot", h = I.forwardRef(
     (d, c) => {
-      const { scope: y, children: T } = d, p = i(l, y), k = xe(c, p.collectionRef);
-      return /* @__PURE__ */ r(fe, { ref: k, children: T });
+      const { scope: y, children: T } = d, p = s(l, y), k = _e(c, p.collectionRef);
+      return /* @__PURE__ */ r(be, { ref: k, children: T });
     }
   );
   h.displayName = l;
   const u = e + "CollectionItemSlot", m = "data-radix-collection-item", g = I.forwardRef(
     (d, c) => {
-      const { scope: y, children: T, ...p } = d, k = I.useRef(null), E = xe(c, k), S = i(u, y);
-      return I.useEffect(() => (S.itemMap.set(k, { ref: k, ...p }), () => void S.itemMap.delete(k))), /* @__PURE__ */ r(fe, { [m]: "", ref: E, children: T });
+      const { scope: y, children: T, ...p } = d, k = I.useRef(null), E = _e(c, k), x = s(u, y);
+      return I.useEffect(() => (x.itemMap.set(k, { ref: k, ...p }), () => void x.itemMap.delete(k))), /* @__PURE__ */ r(be, { [m]: "", ref: E, children: T });
     }
   );
   g.displayName = u;
   function b(d) {
-    const c = i(e + "CollectionConsumer", d);
+    const c = s(e + "CollectionConsumer", d);
     return I.useCallback(() => {
       const y = c.collectionRef.current;
       if (!y) return [];
@@ -618,21 +662,21 @@ function Ho(e) {
     }, [c.collectionRef, c.itemMap]);
   }
   return [
-    { Provider: s, Slot: h, ItemSlot: g },
+    { Provider: i, Slot: h, ItemSlot: g },
     b,
     n
   ];
 }
-var Fo = globalThis != null && globalThis.document ? f.useLayoutEffect : () => {
-}, Go = f.useId || (() => {
-}), Uo = 0;
-function jo(e) {
-  const [t, o] = f.useState(Go());
-  return Fo(() => {
-    o((n) => n ?? String(Uo++));
+var Uo = globalThis != null && globalThis.document ? f.useLayoutEffect : () => {
+}, jo = f.useId || (() => {
+}), Ko = 0;
+function Wo(e) {
+  const [t, o] = f.useState(jo());
+  return Uo(() => {
+    o((n) => n ?? String(Ko++));
   }, [e]), t ? `radix-${t}` : "";
 }
-function Le(e) {
+function Oe(e) {
   const t = f.useRef(e);
   return f.useEffect(() => {
     t.current = e;
@@ -641,68 +685,68 @@ function Le(e) {
     return (n = t.current) == null ? void 0 : n.call(t, ...o);
   }, []);
 }
-function ve({
+function ye({
   prop: e,
   defaultProp: t,
   onChange: o = () => {
   }
 }) {
-  const [n, a] = Ko({ defaultProp: t, onChange: o }), i = e !== void 0, s = i ? e : n, l = Le(o), h = f.useCallback(
+  const [n, a] = Yo({ defaultProp: t, onChange: o }), s = e !== void 0, i = s ? e : n, l = Oe(o), h = f.useCallback(
     (u) => {
-      if (i) {
+      if (s) {
         const m = typeof u == "function" ? u(e) : u;
         m !== e && l(m);
       } else
         a(u);
     },
-    [i, e, a, l]
+    [s, e, a, l]
   );
-  return [s, h];
+  return [i, h];
 }
-function Ko({
+function Yo({
   defaultProp: e,
   onChange: t
 }) {
-  const o = f.useState(e), [n] = o, a = f.useRef(n), i = Le(t);
+  const o = f.useState(e), [n] = o, a = f.useRef(n), s = Oe(t);
   return f.useEffect(() => {
-    a.current !== n && (i(n), a.current = n);
-  }, [n, a, i]), o;
+    a.current !== n && (s(n), a.current = n);
+  }, [n, a, s]), o;
 }
-var Wo = f.createContext(void 0);
-function ut(e) {
-  const t = f.useContext(Wo);
+var Zo = f.createContext(void 0);
+function dt(e) {
+  const t = f.useContext(Zo);
   return e || t || "ltr";
 }
-var Ie = "rovingFocusGroup.onEntryFocus", Yo = { bubbles: !1, cancelable: !0 }, ye = "RovingFocusGroup", [Re, mt, Zo] = Ho(ye), [qo, ht] = Me(
-  ye,
-  [Zo]
-), [Xo, Jo] = qo(ye), gt = f.forwardRef(
-  (e, t) => /* @__PURE__ */ r(Re.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ r(Re.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ r(Qo, { ...e, ref: t }) }) })
+var Ie = "rovingFocusGroup.onEntryFocus", qo = { bubbles: !1, cancelable: !0 }, ke = "RovingFocusGroup", [Re, ut, Xo] = Go(ke), [Jo, mt] = Le(
+  ke,
+  [Xo]
+), [Qo, er] = Jo(ke), ht = f.forwardRef(
+  (e, t) => /* @__PURE__ */ r(Re.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ r(Re.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ r(tr, { ...e, ref: t }) }) })
 );
-gt.displayName = ye;
-var Qo = f.forwardRef((e, t) => {
+ht.displayName = ke;
+var tr = f.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: o,
     orientation: n,
     loop: a = !1,
-    dir: i,
-    currentTabStopId: s,
+    dir: s,
+    currentTabStopId: i,
     defaultCurrentTabStopId: l,
     onCurrentTabStopIdChange: h,
     onEntryFocus: u,
     preventScrollOnEntryFocus: m = !1,
     ...g
-  } = e, b = f.useRef(null), d = xe(t, b), c = ut(i), [y = null, T] = ve({
-    prop: s,
+  } = e, b = f.useRef(null), d = _e(t, b), c = dt(s), [y = null, T] = ye({
+    prop: i,
     defaultProp: l,
     onChange: h
-  }), [p, k] = f.useState(!1), E = Le(u), S = mt(o), M = f.useRef(!1), [R, P] = f.useState(0);
+  }), [p, k] = f.useState(!1), E = Oe(u), x = ut(o), M = f.useRef(!1), [_, B] = f.useState(0);
   return f.useEffect(() => {
     const N = b.current;
     if (N)
       return N.addEventListener(Ie, E), () => N.removeEventListener(Ie, E);
   }, [E]), /* @__PURE__ */ r(
-    Xo,
+    Qo,
     {
       scope: o,
       orientation: n,
@@ -715,51 +759,51 @@ var Qo = f.forwardRef((e, t) => {
       ),
       onItemShiftTab: f.useCallback(() => k(!0), []),
       onFocusableItemAdd: f.useCallback(
-        () => P((N) => N + 1),
+        () => B((N) => N + 1),
         []
       ),
       onFocusableItemRemove: f.useCallback(
-        () => P((N) => N - 1),
+        () => B((N) => N - 1),
         []
       ),
       children: /* @__PURE__ */ r(
         ue.div,
         {
-          tabIndex: p || R === 0 ? -1 : 0,
+          tabIndex: p || _ === 0 ? -1 : 0,
           "data-orientation": n,
           ...g,
           ref: d,
           style: { outline: "none", ...e.style },
-          onMouseDown: Y(e.onMouseDown, () => {
+          onMouseDown: Z(e.onMouseDown, () => {
             M.current = !0;
           }),
-          onFocus: Y(e.onFocus, (N) => {
+          onFocus: Z(e.onFocus, (N) => {
             const re = !M.current;
             if (N.target === N.currentTarget && re && !p) {
-              const X = new CustomEvent(Ie, Yo);
-              if (N.currentTarget.dispatchEvent(X), !X.defaultPrevented) {
-                const j = S().filter((A) => A.focusable), ne = j.find((A) => A.active), L = j.find((A) => A.id === y), K = [ne, L, ...j].filter(
+              const J = new CustomEvent(Ie, qo);
+              if (N.currentTarget.dispatchEvent(J), !J.defaultPrevented) {
+                const j = x().filter((A) => A.focusable), ne = j.find((A) => A.active), L = j.find((A) => A.id === y), K = [ne, L, ...j].filter(
                   Boolean
                 ).map((A) => A.ref.current);
-                bt(K, m);
+                ft(K, m);
               }
             }
             M.current = !1;
           }),
-          onBlur: Y(e.onBlur, () => k(!1))
+          onBlur: Z(e.onBlur, () => k(!1))
         }
       )
     }
   );
-}), pt = "RovingFocusGroupItem", ft = f.forwardRef(
+}), gt = "RovingFocusGroupItem", pt = f.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: o,
       focusable: n = !0,
       active: a = !1,
-      tabStopId: i,
-      ...s
-    } = e, l = jo(), h = i || l, u = Jo(pt, o), m = u.currentTabStopId === h, g = mt(o), { onFocusableItemAdd: b, onFocusableItemRemove: d } = u;
+      tabStopId: s,
+      ...i
+    } = e, l = Wo(), h = s || l, u = er(gt, o), m = u.currentTabStopId === h, g = ut(o), { onFocusableItemAdd: b, onFocusableItemRemove: d } = u;
     return f.useEffect(() => {
       if (n)
         return b(), () => d();
@@ -775,19 +819,19 @@ var Qo = f.forwardRef((e, t) => {
           {
             tabIndex: m ? 0 : -1,
             "data-orientation": u.orientation,
-            ...s,
+            ...i,
             ref: t,
-            onMouseDown: Y(e.onMouseDown, (c) => {
+            onMouseDown: Z(e.onMouseDown, (c) => {
               n ? u.onItemFocus(h) : c.preventDefault();
             }),
-            onFocus: Y(e.onFocus, () => u.onItemFocus(h)),
-            onKeyDown: Y(e.onKeyDown, (c) => {
+            onFocus: Z(e.onFocus, () => u.onItemFocus(h)),
+            onKeyDown: Z(e.onKeyDown, (c) => {
               if (c.key === "Tab" && c.shiftKey) {
                 u.onItemShiftTab();
                 return;
               }
               if (c.target !== c.currentTarget) return;
-              const y = or(c, u.orientation, u.dir);
+              const y = nr(c, u.orientation, u.dir);
               if (y !== void 0) {
                 if (c.metaKey || c.ctrlKey || c.altKey || c.shiftKey) return;
                 c.preventDefault();
@@ -796,9 +840,9 @@ var Qo = f.forwardRef((e, t) => {
                 else if (y === "prev" || y === "next") {
                   y === "prev" && T.reverse();
                   const p = T.indexOf(c.currentTarget);
-                  T = u.loop ? rr(T, p + 1) : T.slice(p + 1);
+                  T = u.loop ? ar(T, p + 1) : T.slice(p + 1);
                 }
-                setTimeout(() => bt(T));
+                setTimeout(() => ft(T));
               }
             })
           }
@@ -807,8 +851,8 @@ var Qo = f.forwardRef((e, t) => {
     );
   }
 );
-ft.displayName = pt;
-var er = {
+pt.displayName = gt;
+var or = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -818,24 +862,24 @@ var er = {
   PageDown: "last",
   End: "last"
 };
-function tr(e, t) {
+function rr(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function or(e, t, o) {
-  const n = tr(e.key, o);
+function nr(e, t, o) {
+  const n = rr(e.key, o);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(n)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(n)))
-    return er[n];
+    return or[n];
 }
-function bt(e, t = !1) {
+function ft(e, t = !1) {
   const o = document.activeElement;
   for (const n of e)
     if (n === o || (n.focus({ preventScroll: t }), document.activeElement !== o)) return;
 }
-function rr(e, t) {
+function ar(e, t) {
   return e.map((o, n) => e[(t + n) % e.length]);
 }
-var nr = gt, ar = ft, ir = "Toggle", vt = f.forwardRef((e, t) => {
-  const { pressed: o, defaultPressed: n = !1, onPressedChange: a, ...i } = e, [s = !1, l] = ve({
+var sr = ht, ir = pt, lr = "Toggle", bt = f.forwardRef((e, t) => {
+  const { pressed: o, defaultPressed: n = !1, onPressedChange: a, ...s } = e, [i = !1, l] = ye({
     prop: o,
     onChange: a,
     defaultProp: n
@@ -844,60 +888,60 @@ var nr = gt, ar = ft, ir = "Toggle", vt = f.forwardRef((e, t) => {
     ue.button,
     {
       type: "button",
-      "aria-pressed": s,
-      "data-state": s ? "on" : "off",
+      "aria-pressed": i,
+      "data-state": i ? "on" : "off",
       "data-disabled": e.disabled ? "" : void 0,
-      ...i,
+      ...s,
       ref: t,
-      onClick: Y(e.onClick, () => {
-        e.disabled || l(!s);
+      onClick: Z(e.onClick, () => {
+        e.disabled || l(!i);
       })
     }
   );
 });
-vt.displayName = ir;
-var oe = "ToggleGroup", [yt, Tn] = Me(oe, [
-  ht
-]), kt = ht(), Oe = I.forwardRef((e, t) => {
+bt.displayName = lr;
+var oe = "ToggleGroup", [vt, En] = Le(oe, [
+  mt
+]), yt = mt(), Pe = I.forwardRef((e, t) => {
   const { type: o, ...n } = e;
   if (o === "single")
-    return /* @__PURE__ */ r(sr, { ...n, ref: t });
+    return /* @__PURE__ */ r(cr, { ...n, ref: t });
   if (o === "multiple")
-    return /* @__PURE__ */ r(lr, { ...n, ref: t });
+    return /* @__PURE__ */ r(dr, { ...n, ref: t });
   throw new Error(`Missing prop \`type\` expected on \`${oe}\``);
 });
-Oe.displayName = oe;
-var [Ct, Tt] = yt(oe), sr = I.forwardRef((e, t) => {
+Pe.displayName = oe;
+var [kt, Ct] = vt(oe), cr = I.forwardRef((e, t) => {
   const {
     value: o,
     defaultValue: n,
     onValueChange: a = () => {
     },
-    ...i
-  } = e, [s, l] = ve({
+    ...s
+  } = e, [i, l] = ye({
     prop: o,
     defaultProp: n,
     onChange: a
   });
   return /* @__PURE__ */ r(
-    Ct,
+    kt,
     {
       scope: e.__scopeToggleGroup,
       type: "single",
-      value: s ? [s] : [],
+      value: i ? [i] : [],
       onItemActivate: l,
       onItemDeactivate: I.useCallback(() => l(""), [l]),
-      children: /* @__PURE__ */ r(wt, { ...i, ref: t })
+      children: /* @__PURE__ */ r(Tt, { ...s, ref: t })
     }
   );
-}), lr = I.forwardRef((e, t) => {
+}), dr = I.forwardRef((e, t) => {
   const {
     value: o,
     defaultValue: n,
     onValueChange: a = () => {
     },
-    ...i
-  } = e, [s = [], l] = ve({
+    ...s
+  } = e, [i = [], l] = ye({
     prop: o,
     defaultProp: n,
     onChange: a
@@ -909,79 +953,79 @@ var [Ct, Tt] = yt(oe), sr = I.forwardRef((e, t) => {
     [l]
   );
   return /* @__PURE__ */ r(
-    Ct,
+    kt,
     {
       scope: e.__scopeToggleGroup,
       type: "multiple",
-      value: s,
+      value: i,
       onItemActivate: h,
       onItemDeactivate: u,
-      children: /* @__PURE__ */ r(wt, { ...i, ref: t })
+      children: /* @__PURE__ */ r(Tt, { ...s, ref: t })
     }
   );
 });
-Oe.displayName = oe;
-var [cr, dr] = yt(oe), wt = I.forwardRef(
+Pe.displayName = oe;
+var [ur, mr] = vt(oe), Tt = I.forwardRef(
   (e, t) => {
     const {
       __scopeToggleGroup: o,
       disabled: n = !1,
       rovingFocus: a = !0,
-      orientation: i,
-      dir: s,
+      orientation: s,
+      dir: i,
       loop: l = !0,
       ...h
-    } = e, u = kt(o), m = ut(s), g = { role: "group", dir: m, ...h };
-    return /* @__PURE__ */ r(cr, { scope: o, rovingFocus: a, disabled: n, children: a ? /* @__PURE__ */ r(
-      nr,
+    } = e, u = yt(o), m = dt(i), g = { role: "group", dir: m, ...h };
+    return /* @__PURE__ */ r(ur, { scope: o, rovingFocus: a, disabled: n, children: a ? /* @__PURE__ */ r(
+      sr,
       {
         asChild: !0,
         ...u,
-        orientation: i,
+        orientation: s,
         dir: m,
         loop: l,
         children: /* @__PURE__ */ r(ue.div, { ...g, ref: t })
       }
     ) : /* @__PURE__ */ r(ue.div, { ...g, ref: t }) });
   }
-), be = "ToggleGroupItem", Et = I.forwardRef(
+), ve = "ToggleGroupItem", wt = I.forwardRef(
   (e, t) => {
-    const o = Tt(be, e.__scopeToggleGroup), n = dr(be, e.__scopeToggleGroup), a = kt(e.__scopeToggleGroup), i = o.value.includes(e.value), s = n.disabled || e.disabled, l = { ...e, pressed: i, disabled: s }, h = I.useRef(null);
+    const o = Ct(ve, e.__scopeToggleGroup), n = mr(ve, e.__scopeToggleGroup), a = yt(e.__scopeToggleGroup), s = o.value.includes(e.value), i = n.disabled || e.disabled, l = { ...e, pressed: s, disabled: i }, h = I.useRef(null);
     return n.rovingFocus ? /* @__PURE__ */ r(
-      ar,
+      ir,
       {
         asChild: !0,
         ...a,
-        focusable: !s,
-        active: i,
+        focusable: !i,
+        active: s,
         ref: h,
         children: /* @__PURE__ */ r(We, { ...l, ref: t })
       }
     ) : /* @__PURE__ */ r(We, { ...l, ref: t });
   }
 );
-Et.displayName = be;
+wt.displayName = ve;
 var We = I.forwardRef(
   (e, t) => {
-    const { __scopeToggleGroup: o, value: n, ...a } = e, i = Tt(be, o), s = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, l = i.type === "single" ? s : void 0;
+    const { __scopeToggleGroup: o, value: n, ...a } = e, s = Ct(ve, o), i = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, l = s.type === "single" ? i : void 0;
     return /* @__PURE__ */ r(
-      vt,
+      bt,
       {
         ...l,
         ...a,
         ref: t,
         onPressedChange: (h) => {
-          h ? i.onItemActivate(n) : i.onItemDeactivate(n);
+          h ? s.onItemActivate(n) : s.onItemDeactivate(n);
         }
       }
     );
   }
-), ur = Oe, mr = Et;
-const Nt = I.createContext({
+), hr = Pe, gr = wt;
+const Et = I.createContext({
   size: "medium",
   focusMode: "system",
   mode: "system"
-}), hr = (e) => {
+}), pr = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -990,22 +1034,22 @@ const Nt = I.createContext({
     (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), t = o.join(" ");
   }
   return t;
-}, gr = ({ focusMode: e }) => C("focus:outline", "focus:outline-2", "focus:outline-offset", {
+}, fr = ({ focusMode: e }) => C("focus:outline", "focus:outline-2", "focus:outline-offset", {
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), pr = ({ mode: e }) => C({
+}), br = ({ mode: e }) => C({
   "data-[state=on]:bg-surface-medium": e === "dark",
   "data-[state=on]:bg-surface-lightest": e === "light",
   "data-[state=on]:bg-surface-lightest dark:data-[state=on]:bg-surface-medium": e === "system",
   "data-[state=on]:bg-surface-medium dark:data-[state=on]:bg-surface-lightest": e === "alt-system"
-}), fr = ({ size: e }) => C({
+}), vr = ({ size: e }) => C({
   "h-5 px-2": e === "small",
   "h-6 px-3": e === "medium",
   "h-7 px-4": e === "large"
-}), br = ({ mode: e }) => C(
-  Mo,
+}), yr = ({ mode: e }) => C(
+  Oo,
   "px-1",
   "relative",
   "border-r",
@@ -1018,27 +1062,27 @@ const Nt = I.createContext({
     "border-surface-light dark:border-surface-darker": e === "system",
     "border-surface-darker dark:border-surface-light": e === "alt-system"
   }
-), vr = ({
+), kr = ({
   focusMode: e,
   mode: t,
   size: o
 }) => ({
-  wrapperClass: br({ mode: t }),
+  wrapperClass: yr({ mode: t }),
   itemClass: C(
-    Lo,
+    Po,
     "flex items-center justify-center bg-transparent",
     "rounded-sm",
     "transition duration-200 ease",
-    fr({ size: o }),
-    gr({ focusMode: e }),
-    pr({ mode: t })
+    vr({ size: o }),
+    fr({ focusMode: e }),
+    br({ mode: t })
   )
-}), yr = ({
+}), Cr = ({
   mode: e,
   spacing: t
 }) => C(
-  Ao,
-  hr(t),
+  Lo,
+  pr(t),
   "inline-flex p-1",
   "rounded-sm",
   {
@@ -1047,21 +1091,21 @@ const Nt = I.createContext({
     "bg-surface-light text-copy-dark dark:bg-surface-darker dark:text-copy-lighter": e === "system",
     "bg-surface-darker text-copy-lighter dark:bg-surface-light dark:text-copy-dark": e === "alt-system"
   }
-), kr = ({
+), Tr = ({
   children: e,
   value: t,
   onValueChange: o,
   disabled: n,
   mode: a = "system",
-  focusMode: i = "system",
-  size: s = "medium",
+  focusMode: s = "system",
+  size: i = "medium",
   defaultValue: l,
   spacing: h,
   ...u
 }) => {
-  const m = yr({ mode: a, spacing: h }), g = { size: s, focusMode: i, mode: a };
-  return /* @__PURE__ */ r(Nt.Provider, { value: g, children: /* @__PURE__ */ r(
-    ur,
+  const m = Cr({ mode: a, spacing: h }), g = { size: i, focusMode: s, mode: a };
+  return /* @__PURE__ */ r(Et.Provider, { value: g, children: /* @__PURE__ */ r(
+    hr,
     {
       disabled: n,
       className: m,
@@ -1073,36 +1117,36 @@ const Nt = I.createContext({
       children: e
     }
   ) });
-}, Cr = ({ value: e, disabled: t }) => {
-  const { size: o, focusMode: n, mode: a } = B(Nt), { itemClass: i, wrapperClass: s } = vr({
+}, wr = ({ value: e, disabled: t }) => {
+  const { size: o, focusMode: n, mode: a } = V(Et), { itemClass: s, wrapperClass: i } = kr({
     focusMode: n,
     mode: a,
     size: o
   });
-  return /* @__PURE__ */ r("div", { className: s, children: /* @__PURE__ */ r(
-    mr,
+  return /* @__PURE__ */ r("div", { className: i, children: /* @__PURE__ */ r(
+    gr,
     {
       disabled: t,
-      className: i,
+      className: s,
       value: e,
       children: e
     }
   ) });
 };
 /*!
-  @versini/ui-panel v1.0.12
+  @versini/ui-panel v1.0.14
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.0.12",
-    buildTime: "10/02/2024 06:10 PM EDT",
+    version: "1.0.14",
+    buildTime: "10/06/2024 10:49 AM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Ye = "av-messagebox", Ze = "av-panel", qe = "av-button", Tr = (e) => {
+const Ye = "av-messagebox", Ze = "av-panel", qe = "av-button", Er = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -1111,28 +1155,28 @@ const Ye = "av-messagebox", Ze = "av-panel", qe = "av-button", Tr = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), t = o.join(" ");
   }
   return t;
-}, Pe = "icon", wr = "button", Er = "link", Nr = ({
+}, Be = "icon", Nr = "button", Ir = "link", xr = ({
   type: e,
   size: t,
   labelRight: o,
   labelLeft: n,
   align: a
 }) => {
-  const i = "text-sm font-medium max-h-8 py-0", s = "text-base font-medium max-h-9 py-1", l = "text-lg font-medium max-h-12 py-2";
+  const s = "text-sm font-medium max-h-8 py-0", i = "text-base font-medium max-h-9 py-1", l = "text-lg font-medium max-h-12 py-2";
   switch (e) {
-    case wr:
+    case Nr:
       return C("px-4", {
-        [i]: t === "small",
-        [s]: t === "medium",
+        [s]: t === "small",
+        [i]: t === "medium",
         [l]: t === "large"
       });
-    case Er:
+    case Ir:
       return C("px-4 text-center", {
-        [i]: t === "small",
-        [s]: t === "medium",
+        [s]: t === "small",
+        [i]: t === "medium",
         [l]: t === "large"
       });
-    case Pe:
+    case Be:
       return C("inline-flex items-center", {
         "justify-center": a === "center",
         "justify-start": a === "left",
@@ -1145,7 +1189,7 @@ const Ye = "av-messagebox", Ze = "av-panel", qe = "av-button", Tr = (e) => {
         "h-12 px-4 text-lg font-medium": t === "large" && (o || n)
       });
   }
-}, Ir = ({
+}, Sr = ({
   mode: e,
   noBackground: t,
   noTruncate: o,
@@ -1177,7 +1221,7 @@ const Ye = "av-messagebox", Ze = "av-panel", qe = "av-button", Tr = (e) => {
       "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": e === "system",
       "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
     });
-}, Sr = ({
+}, _r = ({
   mode: e,
   disabled: t,
   variant: o
@@ -1205,7 +1249,7 @@ const Ye = "av-messagebox", Ze = "av-panel", qe = "av-button", Tr = (e) => {
       "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
       "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
     });
-}, xr = ({
+}, Ar = ({
   mode: e,
   disabled: t,
   variant: o
@@ -1233,7 +1277,7 @@ const Ye = "av-messagebox", Ze = "av-panel", qe = "av-button", Tr = (e) => {
       "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
       "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
     });
-}, _r = ({
+}, Rr = ({
   mode: e,
   noBorder: t,
   variant: o
@@ -1261,19 +1305,19 @@ const Ye = "av-messagebox", Ze = "av-panel", qe = "av-button", Tr = (e) => {
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
-}, Rr = ({ focusMode: e }) => C("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, Mr = ({ focusMode: e }) => C("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"
-}), It = ({
+}), Nt = ({
   type: e,
   className: t,
   raw: o,
   mode: n,
   focusMode: a,
-  disabled: i,
-  fullWidth: s,
+  disabled: s,
+  fullWidth: i,
   size: l,
   noBorder: h,
   labelRight: u,
@@ -1286,18 +1330,18 @@ const Ye = "av-messagebox", Ze = "av-panel", qe = "av-button", Tr = (e) => {
 }) => (d || (d = "primary"), o ? C(qe, t) : C(
   qe,
   t,
-  Tr(g),
-  Ir({ mode: n, variant: d, noBackground: b, noTruncate: c }),
-  Nr({ type: e, size: l, labelRight: u, labelLeft: m, align: y }),
-  _r({ mode: n, variant: d, noBorder: h }),
-  Rr({ focusMode: a }),
-  Sr({ mode: n, variant: d, disabled: i }),
-  xr({ mode: n, variant: d, disabled: i }),
+  Er(g),
+  Sr({ mode: n, variant: d, noBackground: b, noTruncate: c }),
+  xr({ type: e, size: l, labelRight: u, labelLeft: m, align: y }),
+  Rr({ mode: n, variant: d, noBorder: h }),
+  Mr({ focusMode: a }),
+  _r({ mode: n, variant: d, disabled: s }),
+  Ar({ mode: n, variant: d, disabled: s }),
   {
-    "w-full": s,
-    "disabled:cursor-not-allowed disabled:opacity-50": i
+    "w-full": i,
+    "disabled:cursor-not-allowed disabled:opacity-50": s
   }
-)), Ar = (e, t, o) => {
+)), Lr = (e, t, o) => {
   var n;
   !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((n = e == null ? void 0 : e.currentTarget) == null ? void 0 : n.focus) == "function" && e.currentTarget.focus(), typeof o == "function" && o(e);
 }, De = I.forwardRef((e, t) => {
@@ -1306,23 +1350,23 @@ const Ye = "av-messagebox", Ze = "av-panel", qe = "av-button", Tr = (e) => {
     "button",
     {
       ref: t,
-      onClick: (i) => {
-        Ar(i, n, o);
+      onClick: (s) => {
+        Lr(s, n, o);
       },
       ...a
     }
   );
 });
 De.displayName = "BaseButton";
-const St = I.forwardRef(
+const It = I.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: o = "system",
     focusMode: n = "system",
     fullWidth: a = !1,
-    className: i,
-    type: s = "button",
+    className: s,
+    type: i = "button",
     raw: l = !1,
     noBorder: h = !1,
     "aria-label": u,
@@ -1335,14 +1379,14 @@ const St = I.forwardRef(
     align: T = "center",
     ...p
   }, k) => {
-    const E = It({
-      type: Pe,
+    const E = Nt({
+      type: Be,
       mode: o,
       focusMode: n,
       fullWidth: a,
       disabled: t,
       raw: l,
-      className: i,
+      className: s,
       noBorder: h,
       size: g,
       labelRight: b,
@@ -1350,7 +1394,7 @@ const St = I.forwardRef(
       spacing: c,
       noBackground: y,
       align: T
-    }), S = C({
+    }), x = C({
       "text-copy-accent-dark": o === "light" && !l,
       "text-copy-light": o === "dark" && !l,
       "text-copy-accent-dark dark:text-copy-light": o === "alt-system" && !l,
@@ -1362,19 +1406,19 @@ const St = I.forwardRef(
         ref: k,
         className: E,
         disabled: t,
-        type: s,
+        type: i,
         "aria-label": u || m,
         ...p,
         children: [
           d && /* @__PURE__ */ r("span", { className: "pr-2", children: d }),
-          /* @__PURE__ */ r("div", { className: S, children: e }),
+          /* @__PURE__ */ r("div", { className: x, children: e }),
           b && /* @__PURE__ */ r("span", { className: "pl-2", children: b })
         ]
       }
     );
   }
 );
-St.displayName = "ButtonIcon";
+It.displayName = "ButtonIcon";
 /*!
   @versini/ui-button v1.1.10
   © 2024 gizmette.com
@@ -1382,21 +1426,21 @@ St.displayName = "ButtonIcon";
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
     version: "1.1.10",
-    buildTime: "10/02/2024 06:10 PM EDT",
+    buildTime: "10/06/2024 10:49 AM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Mr = I.forwardRef(
+const Or = I.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: o = "system",
     focusMode: n = "system",
     fullWidth: a = !1,
-    className: i,
-    type: s = "button",
+    className: s,
+    type: i = "button",
     raw: l = !1,
     noBorder: h = !1,
     "aria-label": u,
@@ -1410,14 +1454,14 @@ const Mr = I.forwardRef(
     active: p = !1,
     ...k
   }, E) => {
-    const S = It({
-      type: Pe,
+    const x = Nt({
+      type: Be,
       mode: o,
       focusMode: n,
       fullWidth: a,
       disabled: t,
       raw: l,
-      className: i,
+      className: s,
       noBorder: h,
       size: g,
       labelRight: b,
@@ -1430,7 +1474,7 @@ const Mr = I.forwardRef(
       "text-copy-light": o === "dark" && !l,
       "text-copy-accent-dark dark:text-copy-light": o === "alt-system" && !l,
       "text-copy-light dark:text-copy-accent-dark": o === "system" && !l
-    }), R = p ? C(
+    }), _ = p ? C(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -1447,13 +1491,13 @@ const Mr = I.forwardRef(
         "after:border-table-light dark:after:border-table-dark": o === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ r("div", { className: R, children: /* @__PURE__ */ v(
+    return /* @__PURE__ */ r("div", { className: _, children: /* @__PURE__ */ v(
       De,
       {
         ref: E,
-        className: S,
+        className: x,
         disabled: t,
-        type: s,
+        type: i,
         "aria-label": u || m,
         ...k,
         children: [
@@ -1465,8 +1509,8 @@ const Mr = I.forwardRef(
     ) });
   }
 );
-Mr.displayName = "ButtonSort";
-const Lr = (e) => {
+Or.displayName = "ButtonSort";
+const Pr = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -1475,23 +1519,23 @@ const Lr = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), t = o.join(" ");
   }
   return t;
-}, Or = ({
+}, Br = ({
   children: e,
   fill: t,
   viewBox: o,
   className: n,
   defaultViewBox: a,
-  defaultClassName: i,
-  spacing: s,
+  defaultClassName: s,
+  spacing: i,
   title: l,
   semantic: h = !1,
   ...u
 }) => {
-  const m = Lr(s), g = C(
+  const m = Pr(i), g = C(
     m,
-    n || i
+    n || s
   );
-  return /* @__PURE__ */ v(_, { children: [
+  return /* @__PURE__ */ v(R, { children: [
     /* @__PURE__ */ r(
       "svg",
       {
@@ -1516,21 +1560,21 @@ const Lr = (e) => {
 try {
   window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
     version: "1.4.17",
-    buildTime: "10/02/2024 06:10 PM EDT",
+    buildTime: "10/06/2024 10:48 AM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Pr = ({
+const Dr = ({
   className: e,
   viewBox: t,
   spacing: o,
   title: n,
   monotone: a,
-  ...i
+  ...s
 }) => /* @__PURE__ */ r(
-  Or,
+  Br,
   {
     defaultViewBox: "0 0 384 512",
     defaultClassName: "size-5",
@@ -1538,36 +1582,36 @@ const Pr = ({
     className: e,
     spacing: o,
     title: n || "Close",
-    ...i,
+    ...s,
     children: /* @__PURE__ */ r("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z" })
   }
 );
 /*!
-  @versini/ui-icons v1.14.0
+  @versini/ui-icons v1.15.1
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "1.14.0",
-    buildTime: "10/02/2024 06:10 PM EDT",
+    version: "1.15.1",
+    buildTime: "10/06/2024 10:49 AM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ie = "panel", ge = "messagebox", Dr = ({
+const se = "panel", ge = "messagebox", Vr = ({
   className: e,
   kind: t,
   borderMode: o
 }) => ({
   main: C("prose prose-lighter flex flex-col bg-surface-medium", {
-    [`${Ze} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === ie,
-    [`${Ze} w-full sm:w-[95%] md:max-w-2xl`]: t === ie && !e,
+    [`${Ze} max-h-full sm:max-h-[95%] min-h-full sm:min-h-[10rem] sm:rounded-lg sm:border-2`]: t === se,
+    [`${Ze} w-full sm:w-[95%] md:max-w-2xl`]: t === se && !e,
     [`${Ye} rounded-lg border-2`]: t === ge,
     [`${Ye} w-[95%] sm:w-[50%] md:max-w-2xl`]: t === ge && !e,
     [`${e}`]: !!e,
-    "sm:border-border-dark": o === "dark" && t === ie,
-    "sm:border-border-accent": o === "light" && t === ie,
+    "sm:border-border-dark": o === "dark" && t === se,
+    "sm:border-border-accent": o === "light" && t === se,
     "border-border-dark": o === "dark" && t === ge,
     "border-border-accent": o === "light" && t === ge
   }),
@@ -1575,118 +1619,118 @@ const ie = "panel", ge = "messagebox", Dr = ({
   footer: "flex flex-grow flex-col sm:p-4 p-2",
   header: "sm:p-4 mb-0 p-2",
   close: "sm:p-4 p-2"
-}), he = (e) => ro(
-  () => import("./index.jf7dGfT1.B5RD15ln.js").then((t) => ({
+}), he = (e) => oo(
+  () => import("./index.D5p6GpnU.C8lskEhG.js").then((t) => ({
     default: t[e]
   }))
-), Br = he("Modal"), $r = he("ModalClose"), Vr = he("ModalContent"), zr = he("ModalDescription"), Hr = he("ModalHeading"), q = ({
+), zr = he("Modal"), $r = he("ModalClose"), Hr = he("ModalContent"), Fr = he("ModalDescription"), Gr = he("ModalHeading"), X = ({
   open: e,
   onOpenChange: t,
   title: o,
   children: n,
   footer: a,
-  borderMode: i = "light",
-  kind: s = ie,
+  borderMode: s = "light",
+  kind: i = se,
   className: l
 }) => {
-  const h = ce(""), u = Dr({ className: l, kind: s, borderMode: i });
+  const h = ce(""), u = Vr({ className: l, kind: i, borderMode: s });
   return U(() => (e && (h.current = document.title, document.title = `${o} | ${h.current}`), () => {
     e && (document.title = h.current);
-  }), [o, e]), /* @__PURE__ */ r(oo, { fallback: /* @__PURE__ */ r("div", {}), children: e && /* @__PURE__ */ r(Br, { open: e, onOpenChange: t, children: /* @__PURE__ */ v(Vr, { className: u.main, children: [
+  }), [o, e]), /* @__PURE__ */ r(to, { fallback: /* @__PURE__ */ r("div", {}), children: e && /* @__PURE__ */ r(zr, { open: e, onOpenChange: t, children: /* @__PURE__ */ v(Hr, { className: u.main, children: [
     /* @__PURE__ */ v("div", { className: "flex flex-row-reverse items-center justify-between", children: [
       /* @__PURE__ */ r(
         $r,
         {
           className: u.close,
           trigger: /* @__PURE__ */ r(
-            St,
+            It,
             {
               mode: "dark",
               focusMode: "light",
               noBorder: !0,
               label: "Close",
-              children: /* @__PURE__ */ r(Pr, {})
+              children: /* @__PURE__ */ r(Dr, {})
             }
           )
         }
       ),
-      /* @__PURE__ */ r(Hr, { className: u.header, children: o })
+      /* @__PURE__ */ r(Gr, { className: u.header, children: o })
     ] }),
-    /* @__PURE__ */ r(zr, { className: u.content, children: n }),
+    /* @__PURE__ */ r(Fr, { className: u.content, children: n }),
     a && /* @__PURE__ */ r("div", { className: u.footer, children: a })
   ] }) }) });
-}, Fr = ({ stats: e }) => {
-  const t = (e == null ? void 0 : e.plugins) || [], o = (e == null ? void 0 : e.version) || "", n = (e == null ? void 0 : e.models) || [], a = de(), i = de();
-  return /* @__PURE__ */ v(_, { children: [
+}, Ur = ({ stats: e }) => {
+  const t = (e == null ? void 0 : e.plugins) || [], o = (e == null ? void 0 : e.version) || "", n = (e == null ? void 0 : e.models) || [], a = de(), s = de();
+  return /* @__PURE__ */ v(R, { children: [
     /* @__PURE__ */ r("div", { className: "mb-4", children: /* @__PURE__ */ r(
-      O,
+      P,
       {
         header: w.ABOUT.TITLE_CLIENT,
         className: "prose-dark dark:prose-lighter",
         children: le(a, {
-          [w.ABOUT.VERSION]: "5.1.0",
-          [w.ABOUT.BUILD_TIMESTAMP]: "10/05/2024 02:51 PM EDT"
+          [w.ABOUT.VERSION]: "5.3.0",
+          [w.ABOUT.BUILD_TIMESTAMP]: "10/06/2024 12:29 PM EDT"
         })
       }
     ) }),
     /* @__PURE__ */ r(
-      O,
+      P,
       {
         header: w.ABOUT.TITLE_SERVER,
         className: "prose-dark dark:prose-lighter",
-        children: le(i, {
+        children: le(s, {
           [w.ABOUT.VERSION]: o,
-          [pe(w.ABOUT.ENGINE, n.length)]: /* @__PURE__ */ r(_, { children: n.map((s) => /* @__PURE__ */ r("div", { className: "text-right", children: s }, s)) }),
-          [pe(w.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ r(_, { children: t.map((s) => /* @__PURE__ */ r("div", { className: "text-right", children: s }, s)) })
+          [fe(w.ABOUT.ENGINE, n.length)]: /* @__PURE__ */ r(R, { children: n.map((i) => /* @__PURE__ */ r("div", { className: "text-right", children: i }, i)) }),
+          [fe(w.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ r(R, { children: t.map((i) => /* @__PURE__ */ r("div", { className: "text-right", children: i }, i)) })
         })
       }
     )
   ] });
-}, Gr = ({
+}, jr = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { serverStats: o } = B(me);
-  return /* @__PURE__ */ r(q, { open: e, onOpenChange: t, title: Mt, children: /* @__PURE__ */ r(Fr, { stats: o }) });
-}, Ur = (e) => Qe(e), jr = (e) => {
+  const { serverStats: o } = V(me);
+  return /* @__PURE__ */ r(X, { open: e, onOpenChange: t, title: Rt, children: /* @__PURE__ */ r(Ur, { stats: o }) });
+}, Kr = (e) => Qe(e), Wr = (e) => {
   if (!e || e.length === 0)
-    return Ot;
+    return Lt;
   const t = e.filter(
     (o) => {
       var n, a;
-      return ((n = o == null ? void 0 : o.message) == null ? void 0 : n.role) === Pt && typeof ((a = o == null ? void 0 : o.message) == null ? void 0 : a.processingTime) == "number";
+      return ((n = o == null ? void 0 : o.message) == null ? void 0 : n.role) === Ot && typeof ((a = o == null ? void 0 : o.message) == null ? void 0 : a.processingTime) == "number";
     }
   ).map((o) => o.message.processingTime);
-  return Dt({
+  return Pt({
     data: t,
-    formatter: Ur
+    formatter: Kr
   });
-}, Kr = ({
+}, Yr = ({
   isAuthenticated: e,
   stats: t
 }) => {
-  const { state: o } = B(me), n = Bt - Number(o == null ? void 0 : o.usage), a = de(), i = de();
-  return e ? /* @__PURE__ */ v(_, { children: [
+  const { state: o } = V(me), n = Bt - Number(o == null ? void 0 : o.usage), a = de(), s = de();
+  return e ? /* @__PURE__ */ v(R, { children: [
     o && o.messages.length > 0 && /* @__PURE__ */ r("div", { className: "mb-4", children: /* @__PURE__ */ r(
-      O,
+      P,
       {
         header: w.CURRENT_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter",
         children: le(a, {
-          [w.CURRENT_STATISTICS.MODEL_NAME]: (o == null ? void 0 : o.model) || se,
+          [w.CURRENT_STATISTICS.MODEL_NAME]: (o == null ? void 0 : o.model) || ie,
           [w.CURRENT_STATISTICS.TOKENS_USED]: o == null ? void 0 : o.usage,
-          [w.CURRENT_STATISTICS.REMAINING_TOKENS]: Lt.format(n),
-          [w.CURRENT_STATISTICS.PROCESSING_TIME]: jr(o == null ? void 0 : o.messages)
+          [w.CURRENT_STATISTICS.REMAINING_TOKENS]: Mt.format(n),
+          [w.CURRENT_STATISTICS.PROCESSING_TIME]: Wr(o == null ? void 0 : o.messages)
         })
       }
     ) }),
     /* @__PURE__ */ r(
-      O,
+      P,
       {
         header: w.MAIN_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter",
-        children: le(i, {
-          [pe(w.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
+        children: le(s, {
+          [fe(w.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
           [w.MAIN_STATISTICS.PROCESSING_TIME]: Qe(
             t.averageProcessingTimes
           )
@@ -1694,29 +1738,29 @@ const ie = "panel", ge = "messagebox", Dr = ({
       }
     )
   ] }) : null;
-}, Wr = ({
+}, Zr = ({
   open: e,
   onOpenChange: t
 }) => {
-  const [o, n] = x({
+  const [o, n] = S({
     averageProcessingTimes: 0,
     totalChats: 0
-  }), { isAuthenticated: a, getAccessToken: i, user: s } = te();
+  }), { isAuthenticated: a, getAccessToken: s, user: i } = te();
   return U(() => {
-    !e || !s || (async () => {
+    !e || !i || (async () => {
       try {
         const l = await H({
-          accessToken: await i(),
+          accessToken: await s(),
           type: F.GET_CHATS_STATS,
           params: {
-            userId: s.username
+            userId: i.username
           }
         });
         l.status === 200 && n(l.data);
       } catch {
       }
     })();
-  }, [e, i, s]), /* @__PURE__ */ r(q, { open: e, onOpenChange: t, title: et, children: /* @__PURE__ */ r(Kr, { isAuthenticated: a, stats: o }) });
+  }, [e, s, i]), /* @__PURE__ */ r(X, { open: e, onOpenChange: t, title: et, children: /* @__PURE__ */ r(Yr, { isAuthenticated: a, stats: o }) });
 }, xt = ({
   showConfirmation: e,
   setShowConfirmation: t,
@@ -1724,15 +1768,15 @@ const ie = "panel", ge = "messagebox", Dr = ({
   children: n,
   customStrings: a
 }) => /* @__PURE__ */ r(
-  q,
+  X,
   {
     kind: "messagebox",
     open: e,
     onOpenChange: t,
     title: a.title,
-    footer: /* @__PURE__ */ v(Ae, { columnGap: 2, alignHorizontal: "flex-end", children: [
+    footer: /* @__PURE__ */ v(Me, { columnGap: 2, alignHorizontal: "flex-end", children: [
       /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(
-        J,
+        Q,
         {
           mode: "dark",
           variant: "secondary",
@@ -1744,7 +1788,7 @@ const ie = "panel", ge = "messagebox", Dr = ({
         }
       ) }),
       /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(
-        J,
+        Q,
         {
           mode: "dark",
           variant: "danger",
@@ -1759,20 +1803,20 @@ const ie = "panel", ge = "messagebox", Dr = ({
     children: n
   }
 );
-var Yr = typeof window < "u", Zr = function(e, t) {
-  return Yr ? window.matchMedia(e).matches : (process.env.NODE_ENV !== "production" && console.warn("`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches."), !1);
-}, qr = function(e, t) {
-  var o = x(Zr(e)), n = o[0], a = o[1];
+var qr = typeof window < "u", Xr = function(e, t) {
+  return qr ? window.matchMedia(e).matches : (process.env.NODE_ENV !== "production" && console.warn("`useMedia` When server side rendering, defaultState should be defined to prevent a hydration mismatches."), !1);
+}, Jr = function(e, t) {
+  var o = S(Xr(e)), n = o[0], a = o[1];
   return U(function() {
-    var i = !0, s = window.matchMedia(e), l = function() {
-      i && a(!!s.matches);
+    var s = !0, i = window.matchMedia(e), l = function() {
+      s && a(!!i.matches);
     };
-    return s.addEventListener("change", l), a(s.matches), function() {
-      i = !1, s.removeEventListener("change", l);
+    return i.addEventListener("change", l), a(i.matches), function() {
+      s = !1, i.removeEventListener("change", l);
     };
   }, [e]), n;
 };
-const Xr = async (e, t, o, n) => {
+const Qr = async (e, t, o, n) => {
   try {
     const a = await H({
       accessToken: n,
@@ -1796,20 +1840,20 @@ const Xr = async (e, t, o, n) => {
   }
 }, Xe = (e) => {
   const t = e[0];
-  return Ht(t == null ? void 0 : t.content, 100);
-}, Jr = ({
+  return $t(t == null ? void 0 : t.content, 100);
+}, en = ({
   filteredHistory: e,
   setFilteredHistory: t,
   dispatch: o,
   onOpenChange: n
 }) => {
   var T;
-  const { user: a, getAccessToken: i } = te(), s = ce({
+  const { user: a, getAccessToken: s } = te(), i = ce({
     id: 0,
     timestamp: "",
     message: ""
-  }), [l, h] = x(!1), u = qr("(min-width: 480px)"), { state: m, dispatch: g } = B(tt), [, b] = G({
-    key: z + $t,
+  }), [l, h] = S(!1), u = Jr("(min-width: 480px)"), { state: m, dispatch: g } = V(tt), [, b] = G({
+    key: $ + Dt,
     initialValue: m.sortDirection
   }), d = e.data.sort(
     (p, k) => {
@@ -1829,7 +1873,7 @@ const Xr = async (e, t, o, n) => {
     switch (m.sortDirection) {
       case !1:
         b(D.ASC), g({
-          type: ke,
+          type: Ce,
           payload: {
             sortedCell: p,
             sortDirection: D.ASC
@@ -1838,7 +1882,7 @@ const Xr = async (e, t, o, n) => {
         break;
       case D.ASC:
         b(D.DESC), g({
-          type: ke,
+          type: Ce,
           payload: {
             sortedCell: p,
             sortDirection: D.DESC
@@ -1847,7 +1891,7 @@ const Xr = async (e, t, o, n) => {
         break;
       default:
         b(D.ASC), g({
-          type: ke,
+          type: Ce,
           payload: {
             sortedCell: p,
             sortDirection: D.ASC
@@ -1856,17 +1900,17 @@ const Xr = async (e, t, o, n) => {
         break;
     }
   };
-  return /* @__PURE__ */ v(_, { children: [
+  return /* @__PURE__ */ v(R, { children: [
     /* @__PURE__ */ v(
       xt,
       {
         showConfirmation: l,
         setShowConfirmation: h,
         action: async () => {
-          const p = s.current;
+          const p = i.current;
           try {
             const k = await H({
-              accessToken: await i(),
+              accessToken: await s(),
               type: F.DELETE_CHAT,
               params: {
                 userId: (a == null ? void 0 : a.username) || "",
@@ -1888,22 +1932,22 @@ const Xr = async (e, t, o, n) => {
             /* @__PURE__ */ v("li", { children: [
               "Timestamp:",
               " ",
-              /* @__PURE__ */ r("span", { className: "text-lg", children: s.current && s.current.timestamp })
+              /* @__PURE__ */ r("span", { className: "text-lg", children: i.current && i.current.timestamp })
             ] }),
             /* @__PURE__ */ v("li", { children: [
               "First message:",
               " ",
-              /* @__PURE__ */ r("span", { className: "text-lg", children: (T = s.current) == null ? void 0 : T.message })
+              /* @__PURE__ */ r("span", { className: "text-lg", children: (T = i.current) == null ? void 0 : T.message })
             ] })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ v(qt, { stickyHeader: !0, stickyFooter: !0, wrapperClassName: "max-h-[60vh]", children: [
-      /* @__PURE__ */ r(Xt, { children: /* @__PURE__ */ v(Ne, { children: [
-        u && /* @__PURE__ */ r(V, { className: "sr-only", children: "Row" }),
+    /* @__PURE__ */ v(Zt, { stickyHeader: !0, stickyFooter: !0, wrapperClassName: "max-h-[60vh]", children: [
+      /* @__PURE__ */ r(qt, { children: /* @__PURE__ */ v(Ne, { children: [
+        u && /* @__PURE__ */ r(z, { className: "sr-only", children: "Row" }),
         /* @__PURE__ */ r(
-          Jt,
+          Xt,
           {
             cellId: "timestamp",
             align: "left",
@@ -1915,15 +1959,15 @@ const Xr = async (e, t, o, n) => {
             children: "Date"
           }
         ),
-        /* @__PURE__ */ r(V, { children: "First message" }),
-        /* @__PURE__ */ r(V, { className: "text-right", children: "Actions" })
+        /* @__PURE__ */ r(z, { children: "First message" }),
+        /* @__PURE__ */ r(z, { className: "text-right", children: "Actions" })
       ] }) }),
-      /* @__PURE__ */ r(Qt, { children: d.map((p, k) => {
+      /* @__PURE__ */ r(Jt, { children: d.map((p, k) => {
         var E;
         return ((E = p == null ? void 0 : p.messages) == null ? void 0 : E.length) > 0 ? /* @__PURE__ */ v(Ne, { children: [
-          u && /* @__PURE__ */ r(V, { children: k + 1 }),
+          u && /* @__PURE__ */ r(z, { children: k + 1 }),
           /* @__PURE__ */ r(
-            V,
+            z,
             {
               component: "th",
               scope: "row",
@@ -1931,34 +1975,34 @@ const Xr = async (e, t, o, n) => {
               children: p.timestamp
             }
           ),
-          /* @__PURE__ */ r(V, { className: "max-w-[100px] text-white sm:max-w-full", children: Xe(p.messages) }),
-          /* @__PURE__ */ r(V, { children: /* @__PURE__ */ v("div", { className: "flex justify-end gap-2", children: [
+          /* @__PURE__ */ r(z, { className: "max-w-[100px] text-white sm:max-w-full", children: Xe(p.messages) }),
+          /* @__PURE__ */ r(z, { children: /* @__PURE__ */ v("div", { className: "flex justify-end gap-2", children: [
             /* @__PURE__ */ r(
-              Q,
+              Y,
               {
                 focusMode: "alt-system",
                 noBorder: !0,
                 label: "Restore chat",
                 onClick: async () => {
-                  const S = await i();
-                  Xr(
+                  const x = await s();
+                  Qr(
                     p,
                     o,
                     n,
-                    S
+                    x
                   );
                 },
-                children: /* @__PURE__ */ r(_o, { className: "h-3 w-3", monotone: !0 })
+                children: /* @__PURE__ */ r(Ao, { className: "h-3 w-3", monotone: !0 })
               }
             ),
             /* @__PURE__ */ r(
-              Q,
+              Y,
               {
                 focusMode: "alt-system",
                 noBorder: !0,
                 label: "Delete chat",
                 onClick: () => {
-                  s.current = {
+                  i.current = {
                     id: p.id,
                     timestamp: p.timestamp,
                     message: Xe(p.messages)
@@ -1970,7 +2014,7 @@ const Xr = async (e, t, o, n) => {
           ] }) })
         ] }, `${w.HISTORY.TITLE}-${p.id}-${k}`) : null;
       }) }),
-      /* @__PURE__ */ r(eo, { children: /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r(V, { colSpan: 4, children: /* @__PURE__ */ r("div", { children: pe(
+      /* @__PURE__ */ r(Qt, { children: /* @__PURE__ */ r(Ne, { children: /* @__PURE__ */ r(z, { colSpan: 4, children: /* @__PURE__ */ r("div", { children: fe(
         `${e.data.length} chat`,
         e.data.length
       ) }) }) }) })
@@ -1984,21 +2028,21 @@ function Je(e, t) {
     )
   ) : e;
 }
-const Qr = ({
+const tn = ({
   onOpenChange: e,
   historyData: t
 }) => {
-  const { isAuthenticated: o } = te(), n = ce(null), { dispatch: a } = B(me), { state: i, dispatch: s } = B(tt), [, l] = G({
-    key: z + Ft,
-    initialValue: i.searchString
-  }), h = no(() => t, [t]), [u, m] = x({
+  const { isAuthenticated: o } = te(), n = ce(null), { dispatch: a } = V(me), { state: s, dispatch: i } = V(tt), [, l] = G({
+    key: $ + Ht,
+    initialValue: s.searchString
+  }), h = ro(() => t, [t]), [u, m] = S({
     data: h
   }), g = (c) => {
     const y = Je(h, c);
     m({
       data: y
-    }), l(c), s({
-      type: Ut,
+    }), l(c), i({
+      type: Gt,
       payload: { searchString: c }
     });
   }, b = (c) => {
@@ -2009,27 +2053,27 @@ const Qr = ({
   return U(() => {
     const c = Je(
       t,
-      i.searchString
+      s.searchString
     );
     m({
       data: c
     });
-  }, [t, i.searchString]), o ? u && u.data && /* @__PURE__ */ v(_, { children: [
+  }, [t, s.searchString]), o ? u && u.data && /* @__PURE__ */ v(R, { children: [
     /* @__PURE__ */ r("form", { autoComplete: "off", onSubmit: d, children: /* @__PURE__ */ r(
-      Gt,
+      Ft,
       {
         ref: n,
-        defaultValue: i.searchString,
+        defaultValue: s.searchString,
         focusMode: "light",
         name: "Search",
         label: "Search",
         onChange: b,
         spacing: { t: 2, b: 2 },
-        ...i.searchString && {
+        ...s.searchString && {
           rightElement: /* @__PURE__ */ r(
-            J,
+            Q,
             {
-              disabled: !i.searchString,
+              disabled: !s.searchString,
               mode: "dark",
               noBorder: !0,
               size: "small",
@@ -2044,7 +2088,7 @@ const Qr = ({
       }
     ) }),
     /* @__PURE__ */ r("div", { className: "flex flex-col gap-2 sm:flex-row", children: /* @__PURE__ */ r(
-      Jr,
+      en,
       {
         filteredHistory: u,
         setFilteredHistory: m,
@@ -2053,11 +2097,11 @@ const Qr = ({
       }
     ) })
   ] }) : null;
-}, en = ({
+}, on = ({
   open: e,
   onOpenChange: t,
   historyData: o
-}) => /* @__PURE__ */ r(q, { open: e, onOpenChange: t, title: jt, children: /* @__PURE__ */ r(Qr, { onOpenChange: t, historyData: o }) });
+}) => /* @__PURE__ */ r(X, { open: e, onOpenChange: t, title: Ut, children: /* @__PURE__ */ r(tn, { onOpenChange: t, historyData: o }) });
 /*!
   @versini/ui-toggle v1.0.7
   © 2024 gizmette.com
@@ -2071,7 +2115,7 @@ try {
   });
 } catch {
 }
-const tn = "av-toggle", on = (e) => {
+const rn = "av-toggle", nn = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -2080,7 +2124,7 @@ const tn = "av-toggle", on = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && o.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && o.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && o.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && o.push(`ml-${e.l}`), t = o.join(" ");
   }
   return t;
-}, rn = () => C("peer", "h-6", "w-11", "rounded-full"), nn = ({
+}, an = () => C("peer", "h-6", "w-11", "rounded-full"), sn = ({
   focusMode: e
 }) => C(
   "peer-focus:outline",
@@ -2092,14 +2136,14 @@ const tn = "av-toggle", on = (e) => {
     "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"
   }
-), an = () => C(
+), ln = () => C(
   "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"
-), sn = () => C(
+), cn = () => C(
   "after:left-[2px]",
   "after:top-[2px]",
   "after:border",
@@ -2111,7 +2155,7 @@ const tn = "av-toggle", on = (e) => {
   "after:rounded-full",
   "after:transition-all",
   "after:content-['']"
-), ln = ({
+), dn = ({
   mode: e,
   noBorder: t
 }) => C({
@@ -2120,7 +2164,7 @@ const tn = "av-toggle", on = (e) => {
   "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"
-}), cn = ({
+}), un = ({
   mode: e,
   labelHidden: t
 }) => t ? "sr-only" : C("ml-2 text-sm", {
@@ -2128,11 +2172,11 @@ const tn = "av-toggle", on = (e) => {
   "text-copy-lighter": e === "dark",
   "text-copy-lighter dark:text-copy-dark": e === "alt-system",
   "text-copy-dark dark:text-copy-lighter": e === "system"
-}), dn = ({ spacing: e }) => C(
-  tn,
+}), mn = ({ spacing: e }) => C(
+  rn,
   "relative flex cursor-pointer items-center",
-  on(e)
-), un = ({
+  nn(e)
+), hn = ({
   mode: e,
   focusMode: t,
   labelHidden: o,
@@ -2140,29 +2184,29 @@ const tn = "av-toggle", on = (e) => {
   noBorder: a
 }) => ({
   toggle: C(
-    rn(),
-    ln({ mode: e, noBorder: a }),
-    nn({ focusMode: t }),
-    sn(),
-    an()
+    an(),
+    dn({ mode: e, noBorder: a }),
+    sn({ focusMode: t }),
+    cn(),
+    ln()
   ),
-  label: cn({ mode: e, labelHidden: o }),
+  label: un({ mode: e, labelHidden: o }),
   input: "peer sr-only",
-  wrapper: dn({ spacing: n })
-}), Z = ({
+  wrapper: mn({ spacing: n })
+}), q = ({
   checked: e = !1,
   onChange: t,
   label: o,
   labelHidden: n = !1,
   name: a,
-  mode: i = "system",
-  focusMode: s = "system",
+  mode: s = "system",
+  focusMode: i = "system",
   spacing: l,
   noBorder: h = !1
 }) => {
-  const u = un({
-    mode: i,
-    focusMode: s,
+  const u = hn({
+    mode: s,
+    focusMode: i,
     labelHidden: n,
     spacing: l,
     noBorder: h
@@ -2183,18 +2227,18 @@ const tn = "av-toggle", on = (e) => {
     /* @__PURE__ */ r("div", { className: u.toggle }),
     /* @__PURE__ */ r("span", { className: u.label, children: o })
   ] });
-}, mn = ({
+}, gn = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { dispatch: o } = B(me), { getAccessToken: n, user: a } = te(), [i, s] = x({
+  const { dispatch: o } = V(me), { getAccessToken: n, user: a } = te(), [s, i] = S({
     loaded: !1,
     instructions: "",
     loadingLocation: !1,
     location: "",
-    engine: se
+    engine: ie
   }), [l, h] = G({
-    key: z + ot,
+    key: $ + ot,
     initialValue: !1
   }), u = async (d) => {
     d.preventDefault();
@@ -2204,26 +2248,26 @@ const tn = "av-toggle", on = (e) => {
         type: F.SET_USER_PREFERENCES,
         params: {
           user: a == null ? void 0 : a.username,
-          instructions: i.instructions,
-          location: i.location,
-          engine: i.engine
+          instructions: s.instructions,
+          location: s.location,
+          engine: s.engine
         }
       }), o({
         type: rt,
         payload: {
-          engine: i.engine
+          engine: s.engine
         }
       });
     } catch {
     }
   }, m = async () => {
-    s((d) => ({
+    i((d) => ({
       ...d,
       location: "...",
       loadingLocation: !0
     }));
     try {
-      const d = Date.now(), c = await Kt(), y = await H({
+      const d = Date.now(), c = await jt(), y = await H({
         accessToken: await n(),
         type: F.GET_LOCATION,
         params: {
@@ -2232,15 +2276,15 @@ const tn = "av-toggle", on = (e) => {
         }
       }), p = Date.now() - d;
       if (p < 2e3 && await new Promise((k) => setTimeout(k, 2e3 - p)), y.status === 200) {
-        const { city: k, state: E, country: S, displayName: M } = y.data, R = k && E && S ? `${k}, ${E}, ${S}` : M;
-        s((P) => ({
-          ...P,
+        const { city: k, state: E, country: x, displayName: M } = y.data, _ = k && E && x ? `${k}, ${E}, ${x}` : M;
+        i((B) => ({
+          ...B,
           loaded: !0,
-          location: R,
+          location: _,
           loadingLocation: !1
         }));
       } else
-        s((k) => ({
+        i((k) => ({
           ...k,
           loaded: !0,
           location: "",
@@ -2249,24 +2293,24 @@ const tn = "av-toggle", on = (e) => {
     } catch {
     }
   }, g = (d) => {
-    s((c) => ({
+    i((c) => ({
       ...c,
-      engine: d ? Ce : Te
+      engine: d ? Te : pe
     }));
   }, b = (d) => {
-    s((c) => ({
+    i((c) => ({
       ...c,
-      engine: d ? Te : Ce
+      engine: d ? pe : Te
     }));
   };
   return U(() => {
     if (!e || !a) {
-      s({
+      i({
         loaded: !1,
         loadingLocation: !1,
         instructions: "",
         location: "",
-        engine: se
+        engine: ie
       });
       return;
     }
@@ -2279,25 +2323,25 @@ const tn = "av-toggle", on = (e) => {
             user: a.username
           }
         });
-        d.status === 200 && s((c) => ({
+        d.status === 200 && i((c) => ({
           ...c,
           loaded: !0,
           instructions: d.data.instructions || "",
           location: d.data.location || "",
-          engine: d.data.engine || se
+          engine: d.data.engine || ie
         }));
       } catch {
       }
     })();
-  }, [a, e]), /* @__PURE__ */ r(_, { children: i.loaded && /* @__PURE__ */ r(
-    q,
+  }, [a, e]), /* @__PURE__ */ r(R, { children: s.loaded && /* @__PURE__ */ r(
+    X,
     {
       open: e,
       onOpenChange: t,
       title: "Engine Fine Tuning",
-      footer: /* @__PURE__ */ v(Ae, { columnGap: 2, alignHorizontal: "flex-end", children: [
+      footer: /* @__PURE__ */ v(Me, { columnGap: 2, alignHorizontal: "flex-end", children: [
         /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(
-          J,
+          Q,
           {
             mode: "dark",
             variant: "secondary",
@@ -2309,7 +2353,7 @@ const tn = "av-toggle", on = (e) => {
           }
         ) }),
         /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(
-          J,
+          Q,
           {
             mode: "dark",
             variant: "danger",
@@ -2321,53 +2365,53 @@ const tn = "av-toggle", on = (e) => {
           }
         ) })
       ] }),
-      children: /* @__PURE__ */ v(_, { children: [
+      children: /* @__PURE__ */ v(R, { children: [
         /* @__PURE__ */ v(
-          O,
+          P,
           {
             header: "AI Engine",
             className: "prose-dark dark:prose-lighter",
             children: [
               /* @__PURE__ */ r("p", { children: "Select the AI engine that will be used to generate responses." }),
               /* @__PURE__ */ r(
-                Z,
+                q,
                 {
                   noBorder: !0,
                   label: "OpenAI",
                   name: "OpenAI",
                   onChange: g,
-                  checked: i.engine === Ce
+                  checked: s.engine === Te
                 }
               ),
               /* @__PURE__ */ r(
-                Z,
+                q,
                 {
                   spacing: { t: 2 },
                   noBorder: !0,
                   label: "Anthropic",
                   name: "Anthropic",
                   onChange: b,
-                  checked: i.engine === Te
+                  checked: s.engine === pe
                 }
               ),
               /* @__PURE__ */ r("p", { className: "text-xs", children: "NOTE: Anthropic is currently in beta and may not be as accurate as OpenAI. It also cannot take advantage yet of internal helper tools such as the OpenWeather or Google Images plugin." }),
               /* @__PURE__ */ r(
-                Z,
+                q,
                 {
                   spacing: { t: 2 },
                   noBorder: !0,
-                  label: "Show Engine Toggle in Menu",
+                  label: "Show Quick Engine Toggle",
                   name: "show-toggle-engine-menu",
                   onChange: h,
                   checked: l
                 }
               ),
-              /* @__PURE__ */ r("p", { className: "text-xs", children: "This option will show the engine toggle in the main menu. This is useful if you want to quickly switch between engines." })
+              /* @__PURE__ */ r("p", { className: "text-xs", children: "This option introduces a new menu on the left side of the screen, enabling you to quickly switch between engines." })
             ]
           }
         ),
         /* @__PURE__ */ v(
-          O,
+          P,
           {
             spacing: { t: 4 },
             header: "Custom Instructions",
@@ -2375,7 +2419,7 @@ const tn = "av-toggle", on = (e) => {
             children: [
               /* @__PURE__ */ r("p", { children: "What would you like Sassy Saint to know about you to provide better responses?" }),
               /* @__PURE__ */ r(
-                Ge,
+                Ue,
                 {
                   mode: "alt-system",
                   autoCapitalize: "off",
@@ -2383,9 +2427,9 @@ const tn = "av-toggle", on = (e) => {
                   autoCorrect: "off",
                   name: "customInstructions",
                   label: "Custom Instructions",
-                  value: i.instructions,
+                  value: s.instructions,
                   onChange: (d) => {
-                    s((c) => ({
+                    i((c) => ({
                       ...c,
                       loaded: !0,
                       instructions: d.target.value
@@ -2398,7 +2442,7 @@ const tn = "av-toggle", on = (e) => {
           }
         ),
         /* @__PURE__ */ v(
-          O,
+          P,
           {
             header: "Location",
             className: "prose-dark dark:prose-lighter",
@@ -2406,14 +2450,14 @@ const tn = "av-toggle", on = (e) => {
             children: [
               /* @__PURE__ */ r("p", { children: "You can share your location to receive customized responses based on your area." }),
               /* @__PURE__ */ r(
-                Ge,
+                Ue,
                 {
                   mode: "alt-system",
                   name: "location",
                   label: "Location",
-                  value: i.location,
+                  value: s.location,
                   onChange: (d) => {
-                    s((c) => ({
+                    i((c) => ({
                       ...c,
                       loaded: !0,
                       location: d.target.value
@@ -2423,14 +2467,14 @@ const tn = "av-toggle", on = (e) => {
                 }
               ),
               /* @__PURE__ */ r(
-                J,
+                Q,
                 {
                   spacing: { t: 2 },
                   size: "small",
                   noBorder: !0,
-                  disabled: i.loadingLocation,
+                  disabled: s.loadingLocation,
                   onClick: m,
-                  children: i.loadingLocation ? "Detecting..." : "Auto-detect"
+                  children: s.loadingLocation ? "Detecting..." : "Auto-detect"
                 }
               )
             ]
@@ -2439,83 +2483,83 @@ const tn = "av-toggle", on = (e) => {
       ] })
     }
   ) });
-}, hn = ({
+}, pn = ({
   open: e,
   onOpenChange: t
 }) => {
   const [o, n] = G({
-    key: z + $e,
+    key: $ + ze,
     initialValue: !1
-  }), [a, i] = G({
-    key: z + Ve,
+  }), [a, s] = G({
+    key: $ + $e,
     initialValue: !1
-  }), [s, l] = G({
-    key: z + ze,
+  }), [i, l] = G({
+    key: $ + He,
     initialValue: !1
   }), h = (g) => {
     n(g);
   }, u = (g) => {
-    i(g);
+    s(g);
   }, m = (g) => {
     l(g);
   };
-  return /* @__PURE__ */ r(q, { open: e, onOpenChange: t, title: "Tags", children: /* @__PURE__ */ v(O, { header: w.TAGS.TITLE, className: "prose-dark dark:prose-lighter", children: [
+  return /* @__PURE__ */ r(X, { open: e, onOpenChange: t, title: "Tags", children: /* @__PURE__ */ v(P, { header: w.TAGS.TITLE, className: "prose-dark dark:prose-lighter", children: [
     /* @__PURE__ */ r("p", { children: w.TAGS.DESCRIPTION }),
     /* @__PURE__ */ r(
-      Z,
+      q,
       {
         noBorder: !0,
         label: we[Ee.SUMMARIZE_ARTICLE].label,
-        name: $e,
+        name: ze,
         onChange: h,
         checked: o
       }
     ),
     /* @__PURE__ */ r(
-      Z,
+      q,
       {
         spacing: { t: 2 },
         noBorder: !0,
         label: we[Ee.PROOFREAD_CONTENT].label,
-        name: Ve,
+        name: $e,
         onChange: u,
         checked: a
       }
     ),
     /* @__PURE__ */ r(
-      Z,
+      q,
       {
         spacing: { t: 2 },
         noBorder: !0,
         label: we[Ee.REPHRASE_CONTENT].label,
-        name: ze,
+        name: He,
         onChange: m,
-        checked: s
+        checked: i
       }
     )
   ] }) });
-}, gn = () => {
-  const { isAuthenticated: e, user: t, registeringForPasskey: o, authenticationType: n } = te(), [a, i] = G({
-    key: z + Wt,
+}, fn = () => {
+  const { isAuthenticated: e, user: t, registeringForPasskey: o, authenticationType: n } = te(), [a, s] = G({
+    key: $ + Kt,
     initialValue: !1
-  }), [s, l] = x(!1), [h, u] = x(!1), m = de(), g = (t == null ? void 0 : t.username) || "", b = (y) => {
-    i(y);
+  }), [i, l] = S(!1), [h, u] = S(!1), m = de(), g = (t == null ? void 0 : t.username) || "", b = (y) => {
+    s(y);
   }, d = () => {
-    l(!s);
+    l(!i);
   }, c = () => {
     u(!h);
   };
-  return e && g ? /* @__PURE__ */ v(_, { children: [
-    s && /* @__PURE__ */ r(
-      mn,
+  return e && g ? /* @__PURE__ */ v(R, { children: [
+    i && /* @__PURE__ */ r(
+      gn,
       {
-        open: s,
+        open: i,
         onOpenChange: l
       }
     ),
-    h && /* @__PURE__ */ r(hn, { open: h, onOpenChange: u }),
+    h && /* @__PURE__ */ r(pn, { open: h, onOpenChange: u }),
     /* @__PURE__ */ v(
-      O,
+      P,
       {
         header: w.PREFERENCES.TITLE,
         className: "prose-dark dark:prose-lighter",
@@ -2524,7 +2568,7 @@ const tn = "av-toggle", on = (e) => {
             [w.PREFERENCES.NAME]: g,
             [w.PREFERENCES.EMAIL]: (t == null ? void 0 : t.email) || "",
             [w.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ r(
-              Z,
+              q,
               {
                 noBorder: !0,
                 labelHidden: !0,
@@ -2536,75 +2580,75 @@ const tn = "av-toggle", on = (e) => {
             )
           }),
           /* @__PURE__ */ r(
-            Q,
+            Y,
             {
               spacing: { t: 2 },
               size: "small",
               onClick: d,
               labelLeft: "Engine Fine Tuning",
-              children: /* @__PURE__ */ r(Ue, { className: "size-3", monotone: !0 })
+              children: /* @__PURE__ */ r(je, { className: "size-3", monotone: !0 })
             }
           ),
           /* @__PURE__ */ r(
-            Q,
+            Y,
             {
               spacing: { t: 2, l: 2 },
               size: "small",
               onClick: c,
               labelLeft: "Tags",
-              children: /* @__PURE__ */ r(Ue, { className: "size-3", monotone: !0 })
+              children: /* @__PURE__ */ r(je, { className: "size-3", monotone: !0 })
             }
           )
         ]
       }
     ),
-    n !== Yt.PASSKEY && /* @__PURE__ */ v(
-      O,
+    n !== Wt.PASSKEY && /* @__PURE__ */ v(
+      P,
       {
         spacing: { t: 4 },
         className: "prose-dark dark:prose-lighter",
-        header: /* @__PURE__ */ r("h2", { className: "m-0", children: /* @__PURE__ */ v(Ae, { columnGap: 3, alignVertical: "center", children: [
-          /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(He, { className: "size-8" }) }),
+        header: /* @__PURE__ */ r("h2", { className: "m-0", children: /* @__PURE__ */ v(Me, { columnGap: 3, alignVertical: "center", children: [
+          /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r(Fe, { className: "size-8" }) }),
           /* @__PURE__ */ r(ee, { children: /* @__PURE__ */ r("div", { children: w.PREFERENCES.PASSKEY_TITLE }) })
         ] }) }),
         children: [
           /* @__PURE__ */ r("p", { children: w.PREFERENCES.PASSKEY_INSTRUCTIONS }),
           /* @__PURE__ */ r(
-            Q,
+            Y,
             {
               size: "small",
               spacing: { t: 2 },
               onClick: o,
               labelLeft: w.PREFERENCES.PASSKEY_BUTTON,
-              children: /* @__PURE__ */ r(He, { className: "size-5", monotone: !0 })
+              children: /* @__PURE__ */ r(Fe, { className: "size-5", monotone: !0 })
             }
           )
         ]
       }
     )
   ] }) : null;
-}, pn = ({
+}, bn = ({
   open: e,
   onOpenChange: t
-}) => /* @__PURE__ */ r(q, { open: e, onOpenChange: t, title: Zt, children: /* @__PURE__ */ r(gn, {}) }), wn = () => {
-  const { state: e, dispatch: t, serverStats: o } = B(me), [n, a] = x((e == null ? void 0 : e.engine) || se), [i, s] = x(!1), [l, h] = x(!1), [u, m] = x(!1), [g, b] = x(!1), [d, c] = x([]), [y, T] = x(!1), [p, k] = x({
+}) => /* @__PURE__ */ r(X, { open: e, onOpenChange: t, title: Yt, children: /* @__PURE__ */ r(fn, {}) }), Nn = () => {
+  const { state: e, dispatch: t, serverStats: o } = V(me), [n, a] = S((e == null ? void 0 : e.engine) || ie), [s, i] = S(!1), [l, h] = S(!1), [u, m] = S(!1), [g, b] = S(!1), [d, c] = S([]), [y, T] = S(!1), [p, k] = S({
     done: !1,
     progress: !1,
     timestamp: Date.now()
   }), [E] = G({
-    key: z + ot,
+    key: $ + ot,
     initialValue: !1
-  }), { logout: S, getAccessToken: M, user: R } = te(), P = () => {
-    s(!i);
+  }), { logout: x, getAccessToken: M, user: _ } = te(), B = () => {
+    i(!s);
   }, N = () => {
     h(!l);
   }, re = () => {
     m(!u);
-  }, X = () => {
+  }, J = () => {
     b(!g);
   }, j = async (L) => {
     const K = Date.now();
-    if (L && !(!R || !e || p.progress || p.done === !0 && K - p.timestamp < 5e3)) {
+    if (L && !(!_ || !e || p.progress || p.done === !0 && K - p.timestamp < 5e3)) {
       k({
         done: !0,
         progress: !0,
@@ -2615,7 +2659,7 @@ const tn = "av-toggle", on = (e) => {
           accessToken: await M(),
           type: F.GET_CHATS,
           params: {
-            userId: R.username
+            userId: _.username
           }
         });
         A.status === 200 && (c(A.data), k({
@@ -2636,121 +2680,129 @@ const tn = "av-toggle", on = (e) => {
   };
   return U(() => {
     e && e.engine && e.engine !== n && a(e.engine);
-  }, [e, n]), /* @__PURE__ */ v(_, { children: [
+  }, [e, n]), /* @__PURE__ */ v(R, { children: [
     /* @__PURE__ */ r(
       xt,
       {
         showConfirmation: y,
         setShowConfirmation: T,
-        action: S,
+        action: x,
         customStrings: {
-          confirmAction: Fe,
+          confirmAction: Ge,
           cancelAction: "Cancel",
-          title: Fe
+          title: Ge
         },
         children: /* @__PURE__ */ r("p", { children: "Are you sure you want to log out?" })
       }
     ),
-    /* @__PURE__ */ r(pn, { open: i, onOpenChange: s }),
-    /* @__PURE__ */ r(Wr, { open: l, onOpenChange: h }),
+    /* @__PURE__ */ r(bn, { open: s, onOpenChange: i }),
+    /* @__PURE__ */ r(Zr, { open: l, onOpenChange: h }),
     /* @__PURE__ */ r(
-      en,
+      on,
       {
         open: u,
         onOpenChange: m,
         historyData: d
       }
     ),
-    /* @__PURE__ */ r(Gr, { open: g, onOpenChange: b }),
-    /* @__PURE__ */ r("div", { className: "relative", children: /* @__PURE__ */ r("div", { className: "absolute bottom-[-28px] right-[-7px]", children: /* @__PURE__ */ v(
-      ct,
-      {
-        mode: "dark",
-        focusMode: "light",
-        trigger: /* @__PURE__ */ r(Q, { children: /* @__PURE__ */ r(Ro, {}) }),
-        defaultPlacement: "bottom-end",
-        onOpenChange: j,
-        children: [
-          /* @__PURE__ */ r(
-            W,
-            {
-              label: "Profile",
-              onClick: P,
-              icon: /* @__PURE__ */ r(xo, {})
-            }
-          ),
-          /* @__PURE__ */ r(
-            W,
-            {
-              label: et,
-              onClick: N,
-              icon: /* @__PURE__ */ r(Eo, {})
-            }
-          ),
-          /* @__PURE__ */ r(
-            W,
-            {
-              label: "History",
-              onClick: re,
-              icon: /* @__PURE__ */ r(Io, {})
-            }
-          ),
-          /* @__PURE__ */ r(
-            W,
+    /* @__PURE__ */ r(jr, { open: g, onOpenChange: b }),
+    /* @__PURE__ */ v("div", { className: "relative", children: [
+      E && o && /* @__PURE__ */ r("div", { className: "absolute bottom-[-28px] left-[-7px]", children: /* @__PURE__ */ r(
+        Se,
+        {
+          mode: "dark",
+          focusMode: "light",
+          trigger: /* @__PURE__ */ r(Y, { children: e && e.engine === pe ? /* @__PURE__ */ r(To, {}) : /* @__PURE__ */ r(So, {}) }),
+          defaultPlacement: "bottom-start",
+          children: /* @__PURE__ */ r(W, { raw: !0, ignoreClick: !0, children: /* @__PURE__ */ r(
+            Tr,
             {
-              label: "About",
-              onClick: X,
-              icon: /* @__PURE__ */ r(So, {})
+              size: "small",
+              mode: "dark",
+              focusMode: "light",
+              value: n,
+              onValueChange: async (L) => {
+                if (L)
+                  try {
+                    await H({
+                      accessToken: await M(),
+                      type: F.SET_USER_PREFERENCES,
+                      params: {
+                        user: _ == null ? void 0 : _.username,
+                        engine: L
+                      }
+                    }), t({
+                      type: rt,
+                      payload: {
+                        engine: L
+                      }
+                    });
+                  } catch {
+                  }
+              },
+              children: o && o.engines.map((L) => /* @__PURE__ */ r(wr, { value: L }, L))
             }
-          ),
-          E && o && /* @__PURE__ */ v(_, { children: [
-            /* @__PURE__ */ r(Ke, {}),
-            /* @__PURE__ */ r(W, { raw: !0, ignoreClick: !0, children: /* @__PURE__ */ r(
-              kr,
+          ) })
+        }
+      ) }),
+      /* @__PURE__ */ r("div", { className: "absolute bottom-[-28px] right-[-7px]", children: /* @__PURE__ */ v(
+        Se,
+        {
+          mode: "dark",
+          focusMode: "light",
+          trigger: /* @__PURE__ */ r(Y, { children: /* @__PURE__ */ r(Ro, {}) }),
+          defaultPlacement: "bottom-end",
+          onOpenChange: j,
+          children: [
+            /* @__PURE__ */ r(
+              W,
               {
-                size: "small",
-                mode: "dark",
-                focusMode: "light",
-                value: n,
-                onValueChange: async (L) => {
-                  if (L)
-                    try {
-                      await H({
-                        accessToken: await M(),
-                        type: F.SET_USER_PREFERENCES,
-                        params: {
-                          user: R == null ? void 0 : R.username,
-                          engine: L
-                        }
-                      }), t({
-                        type: rt,
-                        payload: {
-                          engine: L
-                        }
-                      });
-                    } catch {
-                    }
-                },
-                children: o && o.engines.map((L) => /* @__PURE__ */ r(Cr, { value: L }, L))
+                label: "Profile",
+                onClick: B,
+                icon: /* @__PURE__ */ r(_o, {})
               }
-            ) })
-          ] }),
-          e && e.id && !e.isComponent && /* @__PURE__ */ v(_, { children: [
-            /* @__PURE__ */ r(Ke, {}),
+            ),
             /* @__PURE__ */ r(
               W,
               {
-                label: "Log out",
-                onClick: ne,
-                icon: /* @__PURE__ */ r("div", { className: "text-red-700", children: /* @__PURE__ */ r(wo, { monotone: !0 }) })
+                label: et,
+                onClick: N,
+                icon: /* @__PURE__ */ r(Eo, {})
               }
-            )
-          ] })
-        ]
-      }
-    ) }) })
+            ),
+            /* @__PURE__ */ r(
+              W,
+              {
+                label: "History",
+                onClick: re,
+                icon: /* @__PURE__ */ r(Io, {})
+              }
+            ),
+            /* @__PURE__ */ r(
+              W,
+              {
+                label: "About",
+                onClick: J,
+                icon: /* @__PURE__ */ r(xo, {})
+              }
+            ),
+            e && e.id && !e.isComponent && /* @__PURE__ */ v(R, { children: [
+              /* @__PURE__ */ r(Mo, {}),
+              /* @__PURE__ */ r(
+                W,
+                {
+                  label: "Log out",
+                  onClick: ne,
+                  icon: /* @__PURE__ */ r("div", { className: "text-red-700", children: /* @__PURE__ */ r(wo, { monotone: !0 }) })
+                }
+              )
+            ] })
+          ]
+        }
+      ) })
+    ] })
   ] });
 };
 export {
-  wn as default
+  Nn as default
 };