@versini/sassysaint 5.4.11 → 5.4.13

package/dist/chunks/{LazyHeader.DxU2fU2U.js → LazyHeader.oCAx75zT.js}

@@ -1,10 +1,10 @@
 import { jsx as o, jsxs as y, Fragment as _ } from "react/jsx-runtime";
-import { g as B, R as P, CARDS as T, renderDataAsList as oe, pluralize as he, AppContext as se, ABOUT_TITLE as Dt, DEFAULT_AI_ENGINE as te, numberFormatter as $t, durationFormatter as Qe, NA as Vt, ROLE_ASSISTANT as Ft, extractAverage as Ht, GPT4_MAX_TOKENS as Gt, un as W, STATS as Xe, L as q, j as L, C as F, HistoryContext as Je, LOCAL_STORAGE_PREFIX as ie, LOCAL_STORAGE_SORT as Ut, O as j, ACTION_RESET as et, ACTION_RESTORE as jt, ACTION_SORT as $e, LOCAL_STORAGE_SEARCH as Kt, ye as xe, ACTION_SEARCH as Wt, debounce as Yt, HISTORY_TITLE as qt, LOCAL_STORAGE_ENGINE_TOGGLE as tt, ENGINE_OPENAI as Ne, ENGINE_ANTHROPIC as me, APP_NAME as Zt, ACTION_ENGINE as rt, getCurrentGeoLocation as Qt, TagsContext as Xt, TAGS_DESCRIPTION as Jt, ACTION_SET_TAGS as er, LOCAL_STORAGE_CHAT_DETAILS as tr, M as rr, i as Ve, PROFILE_TITLE as or, LOG_OUT as Fe } from "./index.BawXN3eR.js";
-import { serviceCall as D, SERVICE_TYPES as $, E as le, ce as ar, se as nr, he as we, be as sr, oe as V, ge as ir, ne as lr, f as U, Le as He, h as Ge } from "./index.C-b6HJz9.js";
+import { g as O, R as L, CARDS as N, renderDataAsList as oe, pluralize as he, AppContext as se, ABOUT_TITLE as Dt, DEFAULT_AI_ENGINE as te, numberFormatter as Vt, durationFormatter as Qe, NA as $t, ROLE_ASSISTANT as Ft, extractAverage as Ht, GPT4_MAX_TOKENS as Gt, un as W, STATS as Xe, L as q, j as z, C as F, HistoryContext as Je, LOCAL_STORAGE_PREFIX as ie, LOCAL_STORAGE_SORT as Ut, O as j, ACTION_RESET as et, ACTION_RESTORE as jt, ACTION_SORT as Ve, LOCAL_STORAGE_SEARCH as Kt, ye as xe, ACTION_SEARCH as Wt, debounce as Yt, HISTORY_TITLE as qt, LOCAL_STORAGE_ENGINE_TOGGLE as tt, ENGINE_OPENAI as Te, ENGINE_ANTHROPIC as me, APP_NAME as Zt, ACTION_ENGINE as rt, getCurrentGeoLocation as Qt, TagsContext as Xt, TAGS_DESCRIPTION as Jt, ACTION_SET_TAGS as er, LOCAL_STORAGE_CHAT_DETAILS as tr, M as rr, z as $e, PROFILE_TITLE as or, LOG_OUT as Fe } from "./index.CxzLMGVa.js";
+import { serviceCall as D, SERVICE_TYPES as V, E as ce, ce as ar, se as nr, he as we, be as sr, oe as $, ge as ir, ne as cr, f as U, Le as He, h as Ge } from "./index.Ck3nAtox.js";
 import * as f from "react";
-import E, { useId as Ae, forwardRef as ot, useState as I, useRef as Z, useContext as O, useEffect as H } from "react";
+import E, { useId as Ae, forwardRef as ot, useState as I, useRef as Z, useContext as P, useEffect as H } from "react";
 import k from "clsx";
-import { useFloatingTree as at, useFloatingNodeId as cr, useListItem as nt, useFloating as st, offset as dr, flip as ur, shift as mr, autoUpdate as hr, useClick as it, useRole as lt, useDismiss as ct, useListNavigation as gr, useTypeahead as fr, useInteractions as dt, useMergeRefs as Me, FloatingNode as pr, FloatingList as br, FloatingPortal as ut, FloatingFocusManager as mt, FloatingTree as vr, FloatingOverlay as yr } from "@floating-ui/react";
+import { useFloatingTree as at, useFloatingNodeId as lr, useListItem as nt, useFloating as st, offset as dr, flip as ur, shift as mr, autoUpdate as hr, useClick as it, useRole as ct, useDismiss as lt, useListNavigation as gr, useTypeahead as fr, useInteractions as dt, useMergeRefs as Me, FloatingNode as pr, FloatingList as br, FloatingPortal as ut, FloatingFocusManager as mt, FloatingTree as vr, FloatingOverlay as yr } from "@floating-ui/react";
 const ht = ({
   className: e,
   viewBox: t,
@@ -12,10 +12,10 @@ const ht = ({
   monotone: a,
   ...n
 }) => /* @__PURE__ */ o(
-  B,
+  O,
   {
     defaultViewBox: "0 0 256 176",
-    defaultClassName: "size-5",
+    size: "size-5",
     viewBox: t,
     className: e,
     title: r || "Anthropic",
@@ -29,10 +29,10 @@ const ht = ({
   monotone: a,
   ...n
 }) => /* @__PURE__ */ y(
-  B,
+  O,
   {
     defaultViewBox: "0 0 512 512",
-    defaultClassName: "size-5",
+    size: "size-5",
     viewBox: t,
     className: e,
     title: r || "Back",
@@ -55,10 +55,10 @@ const ht = ({
   monotone: a,
   ...n
 }) => /* @__PURE__ */ y(
-  B,
+  O,
   {
     defaultViewBox: "0 0 448 512",
-    defaultClassName: "size-5",
+    size: "size-5",
     viewBox: t,
     className: e,
     title: r || "Chart",
@@ -74,17 +74,17 @@ const ht = ({
       /* @__PURE__ */ o("path", { d: "M368 96c-26.5 0-48 21.5-48 48V432c0 26.5 21.5 48 48 48h32c26.5 0 48-21.5 48-48V144c0-26.5-21.5-48-48-48H368zM48 224c-26.5 0-48 21.5-48 48V432c0 26.5 21.5 48 48 48H80c26.5 0 48-21.5 48-48V272c0-26.5-21.5-48-48-48H48z" })
     ]
   }
-), Nr = ({
+), Tr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
 }) => /* @__PURE__ */ y(
-  B,
+  O,
   {
     defaultViewBox: "0 0 448 512",
-    defaultClassName: "size-5",
+    size: "size-5",
     viewBox: t,
     className: e,
     title: r || "Delete",
@@ -107,10 +107,10 @@ const ht = ({
   monotone: a,
   ...n
 }) => /* @__PURE__ */ y(
-  B,
+  O,
   {
     defaultViewBox: "0 0 512 512",
-    defaultClassName: "size-5",
+    size: "size-5",
     viewBox: t,
     className: e,
     title: r || "History",
@@ -126,17 +126,17 @@ const ht = ({
       /* @__PURE__ */ o("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" })
     ]
   }
-), Tr = ({
+), Nr = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...n
 }) => /* @__PURE__ */ y(
-  B,
+  O,
   {
     defaultViewBox: "0 0 512 512",
-    defaultClassName: "size-5",
+    size: "size-5",
     viewBox: t,
     className: e,
     title: r || "Info",
@@ -159,10 +159,10 @@ const ht = ({
   monotone: a,
   ...n
 }) => /* @__PURE__ */ o(
-  B,
+  O,
   {
     defaultViewBox: "0 0 24 24",
-    defaultClassName: "size-5",
+    size: "size-5",
     viewBox: t,
     className: e,
     title: r || "OpenAI",
@@ -182,10 +182,10 @@ const ht = ({
   monotone: a,
   ...n
 }) => /* @__PURE__ */ y(
-  B,
+  O,
   {
     defaultViewBox: "0 0 576 512",
-    defaultClassName: "size-5",
+    size: "size-5",
     viewBox: t,
     className: e,
     title: r || "Profile",
@@ -208,10 +208,10 @@ const ht = ({
   monotone: a,
   ...n
 }) => /* @__PURE__ */ y(
-  B,
+  O,
   {
     defaultViewBox: "0 0 512 512",
-    defaultClassName: "size-5",
+    size: "size-5",
     viewBox: t,
     className: e,
     title: r || "Restore",
@@ -234,10 +234,10 @@ const ht = ({
   monotone: a,
   ...n
 }) => /* @__PURE__ */ o(
-  B,
+  O,
   {
     defaultViewBox: "0 0 448 512",
-    defaultClassName: "size-5",
+    size: "size-5",
     viewBox: t,
     className: e,
     title: r || "Settings",
@@ -277,11 +277,11 @@ const Ee = f.createContext({
     onOpenChange: n,
     mode: i = "system",
     focusMode: s = "system",
-    ...l
+    ...c
   }, g) => {
-    const [c, u] = I(!1), [p, b] = I(!1), [h, m] = I(null), d = Z([]), v = Z([]), N = O(Ee), C = at(), w = cr(), S = nt(), { floatingStyles: A, refs: M, context: R } = st({
+    const [l, u] = I(!1), [p, b] = I(!1), [h, m] = I(null), d = Z([]), v = Z([]), T = P(Ee), C = at(), w = lr(), S = nt(), { floatingStyles: A, refs: M, context: R } = st({
       nodeId: w,
-      open: c,
+      open: l,
       onOpenChange: (J) => {
         u(J), n == null || n(J);
       },
@@ -293,7 +293,7 @@ const Ee = f.createContext({
       event: "mousedown",
       toggle: !0,
       ignoreMouse: !1
-    }), ce = lt(R, { role: "menu" }), de = ct(R, { bubbles: !0 }), X = gr(R, {
+    }), le = ct(R, { role: "menu" }), de = lt(R, { bubbles: !0 }), X = gr(R, {
       listRef: d,
       activeIndex: h,
       nested: !1,
@@ -301,23 +301,23 @@ const Ee = f.createContext({
       loop: !0
     }), ye = fr(R, {
       listRef: v,
-      onMatch: c ? m : void 0,
+      onMatch: l ? m : void 0,
       activeIndex: h
-    }), { getReferenceProps: ke, getFloatingProps: Ce, getItemProps: z } = dt([x, ce, de, X, ye]), De = Ue(e) === "Button" || Ue(e) === "ButtonIcon", Bt = De ? {
+    }), { getReferenceProps: ke, getFloatingProps: Ce, getItemProps: B } = dt([x, le, de, X, ye]), De = Ue(e) === "Button" || Ue(e) === "ButtonIcon", Ot = De ? {
       noInternalClick: De,
       focusMode: s,
       mode: i
-    } : {}, zt = E.cloneElement(
+    } : {}, Bt = E.cloneElement(
       e,
       {
-        ...Bt,
+        ...Ot,
         "aria-label": r,
-        "data-open": c ? "" : void 0,
+        "data-open": l ? "" : void 0,
         "data-focus-inside": p ? "" : void 0,
         ref: Me([M.setReference, S.ref, g]),
         ...ke(
-          N.getItemProps({
-            ...l
+          T.getItemProps({
+            ...c
           })
         )
       }
@@ -332,20 +332,20 @@ const Ee = f.createContext({
         C.events.off("click", J);
       };
     }, [C, n]), H(() => {
-      c && C && C.events.emit("menuopen", { nodeId: w });
-    }, [C, c, w]), /* @__PURE__ */ y(pr, { id: w, children: [
-      zt,
+      l && C && C.events.emit("menuopen", { nodeId: w });
+    }, [C, l, w]), /* @__PURE__ */ y(pr, { id: w, children: [
+      Bt,
       /* @__PURE__ */ o(
         Ee.Provider,
         {
           value: {
             activeIndex: h,
             setActiveIndex: m,
-            getItemProps: z,
+            getItemProps: B,
             setHasFocusInside: b,
-            isOpen: c
+            isOpen: l
           },
-          children: /* @__PURE__ */ o(br, { elementsRef: d, labelsRef: v, children: c && /* @__PURE__ */ o(ut, { children: /* @__PURE__ */ o(
+          children: /* @__PURE__ */ o(br, { elementsRef: d, labelsRef: v, children: l && /* @__PURE__ */ o(ut, { children: /* @__PURE__ */ o(
             mt,
             {
               context: R,
@@ -380,14 +380,14 @@ const G = f.forwardRef(
     children: n,
     ignoreClick: i = !1,
     ...s
-  }, l) => {
+  }, c) => {
     let g = "";
-    const c = f.useContext(Ee), u = nt({ label: t ? null : e }), p = at(), b = Me([u.ref, l]);
+    const l = f.useContext(Ee), u = nt({ label: t ? null : e }), p = at(), b = Me([u.ref, c]);
     return a && n ? /* @__PURE__ */ o(
       "div",
       {
         role: "menuitem",
-        ...c.getItemProps({
+        ...l.getItemProps({
           onClick(h) {
             var m;
             i || ((m = s.onClick) == null || m.call(s, h), p == null || p.events.emit("click"));
@@ -404,14 +404,14 @@ const G = f.forwardRef(
         className: "m-0 flex w-full rounded-md border border-transparent bg-none px-2 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",
         tabIndex: 0,
         disabled: t,
-        ...c.getItemProps({
+        ...l.getItemProps({
           onClick(h) {
             var m;
             i || ((m = s.onClick) == null || m.call(s, h), p == null || p.events.emit("click"));
           },
           onFocus(h) {
             var m;
-            (m = s.onFocus) == null || m.call(s, h), c.setHasFocusInside(!0);
+            (m = s.onFocus) == null || m.call(s, h), l.setHasFocusInside(!0);
           }
         }),
         children: [
@@ -428,59 +428,59 @@ const Sr = ({ className: e, ...t }) => {
   return /* @__PURE__ */ o("div", { className: r, ...t });
 };
 /*!
-  @versini/ui-menu v2.0.2
+  @versini/ui-menu v2.0.5
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_MENU__ || (window.__VERSINI_UI_MENU__ = {
-    version: "2.0.2",
-    buildTime: "12/30/2024 12:27 PM EST",
+    version: "2.0.5",
+    buildTime: "12/30/2024 05:27 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
 /*!
-  @versini/ui-togglegroup v2.0.2
+  @versini/ui-togglegroup v2.0.4
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOGGLEGROUP__ || (window.__VERSINI_UI_TOGGLEGROUP__ = {
-    version: "2.0.2",
-    buildTime: "12/30/2024 12:27 PM EST",
+    version: "2.0.4",
+    buildTime: "12/30/2024 05:27 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
 const _r = "av-togglegroup", Rr = "av-togglegroup-item-wrapper", Ar = "av-togglegroup-item";
-function Le(e, t = []) {
+function ze(e, t = []) {
   let r = [];
   function a(i, s) {
-    const l = f.createContext(s), g = r.length;
+    const c = f.createContext(s), g = r.length;
     r = [...r, s];
-    const c = (p) => {
+    const l = (p) => {
       var b;
-      const { scope: h, children: m, ...d } = p, v = ((b = h == null ? void 0 : h[e]) == null ? void 0 : b[g]) || l, N = f.useMemo(() => d, Object.values(d));
-      return /* @__PURE__ */ o(v.Provider, { value: N, children: m });
+      const { scope: h, children: m, ...d } = p, v = ((b = h == null ? void 0 : h[e]) == null ? void 0 : b[g]) || c, T = f.useMemo(() => d, Object.values(d));
+      return /* @__PURE__ */ o(v.Provider, { value: T, children: m });
     };
-    c.displayName = i + "Provider";
+    l.displayName = i + "Provider";
     function u(p, b) {
       var h;
-      const m = ((h = b == null ? void 0 : b[e]) == null ? void 0 : h[g]) || l, d = f.useContext(m);
+      const m = ((h = b == null ? void 0 : b[e]) == null ? void 0 : h[g]) || c, d = f.useContext(m);
       if (d) return d;
       if (s !== void 0) return s;
       throw new Error(`\`${p}\` must be used within \`${i}\``);
     }
-    return [c, u];
+    return [l, u];
   }
   const n = () => {
     const i = r.map((s) => f.createContext(s));
     return function(s) {
-      const l = (s == null ? void 0 : s[e]) || i;
+      const c = (s == null ? void 0 : s[e]) || i;
       return f.useMemo(
-        () => ({ [`__scope${e}`]: { ...s, [e]: l } }),
-        [s, l]
+        () => ({ [`__scope${e}`]: { ...s, [e]: c } }),
+        [s, c]
       );
     };
   };
@@ -495,9 +495,9 @@ function Mr(...e) {
       scopeName: n.scopeName
     }));
     return function(n) {
-      const i = a.reduce((s, { useScope: l, scopeName: g }) => {
-        const c = l(n)[`__scope${g}`];
-        return { ...s, ...c };
+      const i = a.reduce((s, { useScope: c, scopeName: g }) => {
+        const l = c(n)[`__scope${g}`];
+        return { ...s, ...l };
       }, {});
       return f.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
     };
@@ -529,10 +529,10 @@ function Se(...e) {
   return f.useCallback(pt(...e), e);
 }
 var ge = f.forwardRef((e, t) => {
-  const { children: r, ...a } = e, n = f.Children.toArray(r), i = n.find(Pr);
+  const { children: r, ...a } = e, n = f.Children.toArray(r), i = n.find(Lr);
   if (i) {
-    const s = i.props.children, l = n.map((g) => g === i ? f.Children.count(s) > 1 ? f.Children.only(null) : f.isValidElement(s) ? s.props.children : null : g);
-    return /* @__PURE__ */ o(_e, { ...a, ref: t, children: f.isValidElement(s) ? f.cloneElement(s, void 0, l) : null });
+    const s = i.props.children, c = n.map((g) => g === i ? f.Children.count(s) > 1 ? f.Children.only(null) : f.isValidElement(s) ? s.props.children : null : g);
+    return /* @__PURE__ */ o(_e, { ...a, ref: t, children: f.isValidElement(s) ? f.cloneElement(s, void 0, c) : null });
   }
   return /* @__PURE__ */ o(_e, { ...a, ref: t, children: r });
 });
@@ -540,9 +540,9 @@ ge.displayName = "Slot";
 var _e = f.forwardRef((e, t) => {
   const { children: r, ...a } = e;
   if (f.isValidElement(r)) {
-    const n = Br(r);
+    const n = Or(r);
     return f.cloneElement(r, {
-      ...Or(a, r.props),
+      ...Pr(a, r.props),
       // @ts-ignore
       ref: t ? pt(t, n) : n
     });
@@ -550,11 +550,11 @@ var _e = f.forwardRef((e, t) => {
   return f.Children.count(r) > 1 ? f.Children.only(null) : null;
 });
 _e.displayName = "SlotClone";
-var Lr = ({ children: e }) => /* @__PURE__ */ o(_, { children: e });
-function Pr(e) {
-  return f.isValidElement(e) && e.type === Lr;
+var zr = ({ children: e }) => /* @__PURE__ */ o(_, { children: e });
+function Lr(e) {
+  return f.isValidElement(e) && e.type === zr;
 }
-function Or(e, t) {
+function Pr(e, t) {
   const r = { ...t };
   for (const a in t) {
     const n = e[a], i = t[a];
@@ -564,12 +564,12 @@ function Or(e, t) {
   }
   return { ...e, ...r };
 }
-function Br(e) {
+function Or(e) {
   var t, r;
   let a = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, n = a && "isReactWarning" in a && a.isReactWarning;
   return n ? e.ref : (a = (r = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : r.get, n = a && "isReactWarning" in a && a.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
 }
-var zr = [
+var Br = [
   "a",
   "button",
   "div",
@@ -586,10 +586,10 @@ var zr = [
   "span",
   "svg",
   "ul"
-], ne = zr.reduce((e, t) => {
+], ne = Br.reduce((e, t) => {
   const r = f.forwardRef((a, n) => {
-    const { asChild: i, ...s } = a, l = i ? ge : t;
-    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(l, { ...s, ref: n });
+    const { asChild: i, ...s } = a, c = i ? ge : t;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ o(c, { ...s, ref: n });
   });
   return r.displayName = `Primitive.${t}`, { ...e, [t]: r };
 }, {});
@@ -600,28 +600,28 @@ function K(e, t, { checkForDefaultPrevented: r = !0 } = {}) {
   };
 }
 function Dr(e) {
-  const t = e + "CollectionProvider", [r, a] = Le(t), [n, i] = r(
+  const t = e + "CollectionProvider", [r, a] = ze(t), [n, i] = r(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), s = (h) => {
-    const { scope: m, children: d } = h, v = E.useRef(null), N = E.useRef(/* @__PURE__ */ new Map()).current;
-    return /* @__PURE__ */ o(n, { scope: m, itemMap: N, collectionRef: v, children: d });
+    const { scope: m, children: d } = h, v = E.useRef(null), T = E.useRef(/* @__PURE__ */ new Map()).current;
+    return /* @__PURE__ */ o(n, { scope: m, itemMap: T, collectionRef: v, children: d });
   };
   s.displayName = t;
-  const l = e + "CollectionSlot", g = E.forwardRef(
+  const c = e + "CollectionSlot", g = E.forwardRef(
     (h, m) => {
-      const { scope: d, children: v } = h, N = i(l, d), C = Se(m, N.collectionRef);
+      const { scope: d, children: v } = h, T = i(c, d), C = Se(m, T.collectionRef);
       return /* @__PURE__ */ o(ge, { ref: C, children: v });
     }
   );
-  g.displayName = l;
-  const c = e + "CollectionItemSlot", u = "data-radix-collection-item", p = E.forwardRef(
+  g.displayName = c;
+  const l = e + "CollectionItemSlot", u = "data-radix-collection-item", p = E.forwardRef(
     (h, m) => {
-      const { scope: d, children: v, ...N } = h, C = E.useRef(null), w = Se(m, C), S = i(c, d);
-      return E.useEffect(() => (S.itemMap.set(C, { ref: C, ...N }), () => void S.itemMap.delete(C))), /* @__PURE__ */ o(ge, { [u]: "", ref: w, children: v });
+      const { scope: d, children: v, ...T } = h, C = E.useRef(null), w = Se(m, C), S = i(l, d);
+      return E.useEffect(() => (S.itemMap.set(C, { ref: C, ...T }), () => void S.itemMap.delete(C))), /* @__PURE__ */ o(ge, { [u]: "", ref: w, children: v });
     }
   );
-  p.displayName = c;
+  p.displayName = l;
   function b(h) {
     const m = i(e + "CollectionConsumer", h);
     return E.useCallback(() => {
@@ -629,7 +629,7 @@ function Dr(e) {
       if (!d) return [];
       const v = Array.from(d.querySelectorAll(`[${u}]`));
       return Array.from(m.itemMap.values()).sort(
-        (N, C) => v.indexOf(N.ref.current) - v.indexOf(C.ref.current)
+        (T, C) => v.indexOf(T.ref.current) - v.indexOf(C.ref.current)
       );
     }, [m.collectionRef, m.itemMap]);
   }
@@ -639,16 +639,16 @@ function Dr(e) {
     a
   ];
 }
-var $r = globalThis != null && globalThis.document ? f.useLayoutEffect : () => {
-}, Vr = f.useId || (() => {
+var Vr = globalThis != null && globalThis.document ? f.useLayoutEffect : () => {
+}, $r = f.useId || (() => {
 }), Fr = 0;
 function Hr(e) {
-  const [t, r] = f.useState(Vr());
-  return $r(() => {
+  const [t, r] = f.useState($r());
+  return Vr(() => {
     r((a) => a ?? String(Fr++));
   }, [e]), t ? `radix-${t}` : "";
 }
-function Pe(e) {
+function Le(e) {
   const t = f.useRef(e);
   return f.useEffect(() => {
     t.current = e;
@@ -663,15 +663,15 @@ function pe({
   onChange: r = () => {
   }
 }) {
-  const [a, n] = Gr({ defaultProp: t, onChange: r }), i = e !== void 0, s = i ? e : a, l = Pe(r), g = f.useCallback(
-    (c) => {
+  const [a, n] = Gr({ defaultProp: t, onChange: r }), i = e !== void 0, s = i ? e : a, c = Le(r), g = f.useCallback(
+    (l) => {
       if (i) {
-        const u = typeof c == "function" ? c(e) : c;
-        u !== e && l(u);
+        const u = typeof l == "function" ? l(e) : l;
+        u !== e && c(u);
       } else
-        n(c);
+        n(l);
     },
-    [i, e, n, l]
+    [i, e, n, c]
   );
   return [s, g];
 }
@@ -679,7 +679,7 @@ function Gr({
   defaultProp: e,
   onChange: t
 }) {
-  const r = f.useState(e), [a] = r, n = f.useRef(a), i = Pe(t);
+  const r = f.useState(e), [a] = r, n = f.useRef(a), i = Le(t);
   return f.useEffect(() => {
     n.current !== a && (i(a), n.current = a);
   }, [a, n, i]), r;
@@ -689,7 +689,7 @@ function bt(e) {
   const t = f.useContext(Ur);
   return e || t || "ltr";
 }
-var Te = "rovingFocusGroup.onEntryFocus", jr = { bubbles: !1, cancelable: !0 }, be = "RovingFocusGroup", [Re, vt, Kr] = Dr(be), [Wr, yt] = Le(
+var Ne = "rovingFocusGroup.onEntryFocus", jr = { bubbles: !1, cancelable: !0 }, be = "RovingFocusGroup", [Re, vt, Kr] = Dr(be), [Wr, yt] = ze(
   be,
   [Kr]
 ), [Yr, qr] = Wr(be), kt = f.forwardRef(
@@ -703,20 +703,20 @@ var Zr = f.forwardRef((e, t) => {
     loop: n = !1,
     dir: i,
     currentTabStopId: s,
-    defaultCurrentTabStopId: l,
+    defaultCurrentTabStopId: c,
     onCurrentTabStopIdChange: g,
-    onEntryFocus: c,
+    onEntryFocus: l,
     preventScrollOnEntryFocus: u = !1,
     ...p
   } = e, b = f.useRef(null), h = Se(t, b), m = bt(i), [d = null, v] = pe({
     prop: s,
-    defaultProp: l,
+    defaultProp: c,
     onChange: g
-  }), [N, C] = f.useState(!1), w = Pe(c), S = vt(r), A = f.useRef(!1), [M, R] = f.useState(0);
+  }), [T, C] = f.useState(!1), w = Le(l), S = vt(r), A = f.useRef(!1), [M, R] = f.useState(0);
   return f.useEffect(() => {
     const x = b.current;
     if (x)
-      return x.addEventListener(Te, w), () => x.removeEventListener(Te, w);
+      return x.addEventListener(Ne, w), () => x.removeEventListener(Ne, w);
   }, [w]), /* @__PURE__ */ o(
     Yr,
     {
@@ -741,7 +741,7 @@ var Zr = f.forwardRef((e, t) => {
       children: /* @__PURE__ */ o(
         ne.div,
         {
-          tabIndex: N || M === 0 ? -1 : 0,
+          tabIndex: T || M === 0 ? -1 : 0,
           "data-orientation": a,
           ...p,
           ref: h,
@@ -750,13 +750,13 @@ var Zr = f.forwardRef((e, t) => {
             A.current = !0;
           }),
           onFocus: K(e.onFocus, (x) => {
-            const ce = !A.current;
-            if (x.target === x.currentTarget && ce && !N) {
-              const de = new CustomEvent(Te, jr);
+            const le = !A.current;
+            if (x.target === x.currentTarget && le && !T) {
+              const de = new CustomEvent(Ne, jr);
               if (x.currentTarget.dispatchEvent(de), !de.defaultPrevented) {
-                const X = S().filter((z) => z.focusable), ye = X.find((z) => z.active), ke = X.find((z) => z.id === d), Ce = [ye, ke, ...X].filter(
+                const X = S().filter((B) => B.focusable), ye = X.find((B) => B.active), ke = X.find((B) => B.id === d), Ce = [ye, ke, ...X].filter(
                   Boolean
-                ).map((z) => z.ref.current);
+                ).map((B) => B.ref.current);
                 wt(Ce, u);
               }
             }
@@ -767,7 +767,7 @@ var Zr = f.forwardRef((e, t) => {
       )
     }
   );
-}), Ct = "RovingFocusGroupItem", Nt = f.forwardRef(
+}), Ct = "RovingFocusGroupItem", Tt = f.forwardRef(
   (e, t) => {
     const {
       __scopeRovingFocusGroup: r,
@@ -775,7 +775,7 @@ var Zr = f.forwardRef((e, t) => {
       active: n = !1,
       tabStopId: i,
       ...s
-    } = e, l = Hr(), g = i || l, c = qr(Ct, r), u = c.currentTabStopId === g, p = vt(r), { onFocusableItemAdd: b, onFocusableItemRemove: h } = c;
+    } = e, c = Hr(), g = i || c, l = qr(Ct, r), u = l.currentTabStopId === g, p = vt(r), { onFocusableItemAdd: b, onFocusableItemRemove: h } = l;
     return f.useEffect(() => {
       if (a)
         return b(), () => h();
@@ -790,29 +790,29 @@ var Zr = f.forwardRef((e, t) => {
           ne.span,
           {
             tabIndex: u ? 0 : -1,
-            "data-orientation": c.orientation,
+            "data-orientation": l.orientation,
             ...s,
             ref: t,
             onMouseDown: K(e.onMouseDown, (m) => {
-              a ? c.onItemFocus(g) : m.preventDefault();
+              a ? l.onItemFocus(g) : m.preventDefault();
             }),
-            onFocus: K(e.onFocus, () => c.onItemFocus(g)),
+            onFocus: K(e.onFocus, () => l.onItemFocus(g)),
             onKeyDown: K(e.onKeyDown, (m) => {
               if (m.key === "Tab" && m.shiftKey) {
-                c.onItemShiftTab();
+                l.onItemShiftTab();
                 return;
               }
               if (m.target !== m.currentTarget) return;
-              const d = Jr(m, c.orientation, c.dir);
+              const d = Jr(m, l.orientation, l.dir);
               if (d !== void 0) {
                 if (m.metaKey || m.ctrlKey || m.altKey || m.shiftKey) return;
                 m.preventDefault();
-                let v = p().filter((N) => N.focusable).map((N) => N.ref.current);
+                let v = p().filter((T) => T.focusable).map((T) => T.ref.current);
                 if (d === "last") v.reverse();
                 else if (d === "prev" || d === "next") {
                   d === "prev" && v.reverse();
-                  const N = v.indexOf(m.currentTarget);
-                  v = c.loop ? eo(v, N + 1) : v.slice(N + 1);
+                  const T = v.indexOf(m.currentTarget);
+                  v = l.loop ? eo(v, T + 1) : v.slice(T + 1);
                 }
                 setTimeout(() => wt(v));
               }
@@ -823,7 +823,7 @@ var Zr = f.forwardRef((e, t) => {
     );
   }
 );
-Nt.displayName = Ct;
+Tt.displayName = Ct;
 var Qr = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
@@ -850,8 +850,8 @@ function wt(e, t = !1) {
 function eo(e, t) {
   return e.map((r, a) => e[(t + a) % e.length]);
 }
-var to = kt, ro = Nt, oo = "Toggle", Tt = f.forwardRef((e, t) => {
-  const { pressed: r, defaultPressed: a = !1, onPressedChange: n, ...i } = e, [s = !1, l] = pe({
+var to = kt, ro = Tt, oo = "Toggle", Nt = f.forwardRef((e, t) => {
+  const { pressed: r, defaultPressed: a = !1, onPressedChange: n, ...i } = e, [s = !1, c] = pe({
     prop: r,
     onChange: n,
     defaultProp: a
@@ -866,15 +866,15 @@ var to = kt, ro = Nt, oo = "Toggle", Tt = f.forwardRef((e, t) => {
       ...i,
       ref: t,
       onClick: K(e.onClick, () => {
-        e.disabled || l(!s);
+        e.disabled || c(!s);
       })
     }
   );
 });
-Tt.displayName = oo;
-var Q = "ToggleGroup", [xt, ha] = Le(Q, [
+Nt.displayName = oo;
+var Q = "ToggleGroup", [xt, ha] = ze(Q, [
   yt
-]), Et = yt(), Oe = E.forwardRef((e, t) => {
+]), Et = yt(), Pe = E.forwardRef((e, t) => {
   const { type: r, ...a } = e;
   if (r === "single")
     return /* @__PURE__ */ o(ao, { ...a, ref: t });
@@ -882,7 +882,7 @@ var Q = "ToggleGroup", [xt, ha] = Le(Q, [
     return /* @__PURE__ */ o(no, { ...a, ref: t });
   throw new Error(`Missing prop \`type\` expected on \`${Q}\``);
 });
-Oe.displayName = Q;
+Pe.displayName = Q;
 var [It, St] = xt(Q), ao = E.forwardRef((e, t) => {
   const {
     value: r,
@@ -890,7 +890,7 @@ var [It, St] = xt(Q), ao = E.forwardRef((e, t) => {
     onValueChange: n = () => {
     },
     ...i
-  } = e, [s, l] = pe({
+  } = e, [s, c] = pe({
     prop: r,
     defaultProp: a,
     onChange: n
@@ -901,8 +901,8 @@ var [It, St] = xt(Q), ao = E.forwardRef((e, t) => {
       scope: e.__scopeToggleGroup,
       type: "single",
       value: s ? [s] : [],
-      onItemActivate: l,
-      onItemDeactivate: E.useCallback(() => l(""), [l]),
+      onItemActivate: c,
+      onItemDeactivate: E.useCallback(() => c(""), [c]),
       children: /* @__PURE__ */ o(_t, { ...i, ref: t })
     }
   );
@@ -913,16 +913,16 @@ var [It, St] = xt(Q), ao = E.forwardRef((e, t) => {
     onValueChange: n = () => {
     },
     ...i
-  } = e, [s = [], l] = pe({
+  } = e, [s = [], c] = pe({
     prop: r,
     defaultProp: a,
     onChange: n
   }), g = E.useCallback(
-    (u) => l((p = []) => [...p, u]),
-    [l]
-  ), c = E.useCallback(
-    (u) => l((p = []) => p.filter((b) => b !== u)),
-    [l]
+    (u) => c((p = []) => [...p, u]),
+    [c]
+  ), l = E.useCallback(
+    (u) => c((p = []) => p.filter((b) => b !== u)),
+    [c]
   );
   return /* @__PURE__ */ o(
     It,
@@ -931,12 +931,12 @@ var [It, St] = xt(Q), ao = E.forwardRef((e, t) => {
       type: "multiple",
       value: s,
       onItemActivate: g,
-      onItemDeactivate: c,
+      onItemDeactivate: l,
       children: /* @__PURE__ */ o(_t, { ...i, ref: t })
     }
   );
 });
-Oe.displayName = Q;
+Pe.displayName = Q;
 var [so, io] = xt(Q), _t = E.forwardRef(
   (e, t) => {
     const {
@@ -945,24 +945,24 @@ var [so, io] = xt(Q), _t = E.forwardRef(
       rovingFocus: n = !0,
       orientation: i,
       dir: s,
-      loop: l = !0,
+      loop: c = !0,
       ...g
-    } = e, c = Et(r), u = bt(s), p = { role: "group", dir: u, ...g };
+    } = e, l = Et(r), u = bt(s), p = { role: "group", dir: u, ...g };
     return /* @__PURE__ */ o(so, { scope: r, rovingFocus: n, disabled: a, children: n ? /* @__PURE__ */ o(
       to,
       {
         asChild: !0,
-        ...c,
+        ...l,
         orientation: i,
         dir: u,
-        loop: l,
+        loop: c,
         children: /* @__PURE__ */ o(ne.div, { ...p, ref: t })
       }
     ) : /* @__PURE__ */ o(ne.div, { ...p, ref: t }) });
   }
 ), fe = "ToggleGroupItem", Rt = E.forwardRef(
   (e, t) => {
-    const r = St(fe, e.__scopeToggleGroup), a = io(fe, e.__scopeToggleGroup), n = Et(e.__scopeToggleGroup), i = r.value.includes(e.value), s = a.disabled || e.disabled, l = { ...e, pressed: i, disabled: s }, g = E.useRef(null);
+    const r = St(fe, e.__scopeToggleGroup), a = io(fe, e.__scopeToggleGroup), n = Et(e.__scopeToggleGroup), i = r.value.includes(e.value), s = a.disabled || e.disabled, c = { ...e, pressed: i, disabled: s }, g = E.useRef(null);
     return a.rovingFocus ? /* @__PURE__ */ o(
       ro,
       {
@@ -971,19 +971,19 @@ var [so, io] = xt(Q), _t = E.forwardRef(
         focusable: !s,
         active: i,
         ref: g,
-        children: /* @__PURE__ */ o(Ke, { ...l, ref: t })
+        children: /* @__PURE__ */ o(Ke, { ...c, ref: t })
       }
-    ) : /* @__PURE__ */ o(Ke, { ...l, ref: t });
+    ) : /* @__PURE__ */ o(Ke, { ...c, ref: t });
   }
 );
 Rt.displayName = fe;
 var Ke = E.forwardRef(
   (e, t) => {
-    const { __scopeToggleGroup: r, value: a, ...n } = e, i = St(fe, r), s = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, l = i.type === "single" ? s : void 0;
+    const { __scopeToggleGroup: r, value: a, ...n } = e, i = St(fe, r), s = { role: "radio", "aria-checked": e.pressed, "aria-pressed": void 0 }, c = i.type === "single" ? s : void 0;
     return /* @__PURE__ */ o(
-      Tt,
+      Nt,
       {
-        ...l,
+        ...c,
         ...n,
         ref: t,
         onPressedChange: (g) => {
@@ -992,7 +992,7 @@ var Ke = E.forwardRef(
       }
     );
   }
-), lo = Oe, co = Rt;
+), co = Pe, lo = Rt;
 const At = E.createContext({
   size: "medium",
   focusMode: "system",
@@ -1062,32 +1062,32 @@ const At = E.createContext({
   mode: n = "system",
   focusMode: i = "system",
   size: s = "medium",
-  defaultValue: l,
+  defaultValue: c,
   className: g,
-  ...c
+  ...l
 }) => {
   const u = po({ mode: n, className: g }), p = { size: s, focusMode: i, mode: n };
   return /* @__PURE__ */ o(At.Provider, { value: p, children: /* @__PURE__ */ o(
-    lo,
+    co,
     {
       disabled: a,
       className: u,
       value: t,
-      defaultValue: l,
+      defaultValue: c,
       onValueChange: r,
-      ...c,
+      ...l,
       type: "single",
       children: e
     }
   ) });
 }, vo = ({ value: e, disabled: t }) => {
-  const { size: r, focusMode: a, mode: n } = O(At), { itemClass: i, wrapperClass: s } = fo({
+  const { size: r, focusMode: a, mode: n } = P(At), { itemClass: i, wrapperClass: s } = fo({
     focusMode: a,
     mode: n,
     size: r
   });
   return /* @__PURE__ */ o("div", { className: s, children: /* @__PURE__ */ o(
-    co,
+    lo,
     {
       disabled: t,
       className: i,
@@ -1097,40 +1097,40 @@ const At = E.createContext({
   ) });
 };
 /*!
-  @versini/ui-panel v1.2.7
+  @versini/ui-panel v1.2.10
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_PANEL__ || (window.__VERSINI_UI_PANEL__ = {
-    version: "1.2.7",
-    buildTime: "12/30/2024 12:27 PM EST",
+    version: "1.2.10",
+    buildTime: "12/30/2024 05:27 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", yo = "button", ko = "link", Co = ({
+const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Oe = "icon", yo = "button", ko = "link", Co = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: n
 }) => {
-  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 i = "text-sm font-medium max-h-8 py-0", s = "text-base font-medium max-h-9 py-1", c = "text-lg font-medium max-h-12 py-2";
   switch (e) {
     case yo:
       return k("px-4", {
         [i]: t === "small",
         [s]: t === "medium",
-        [l]: t === "large"
+        [c]: t === "large"
       });
     case ko:
       return k("px-4 text-center", {
         [i]: t === "small",
         [s]: t === "medium",
-        [l]: t === "large"
+        [c]: t === "large"
       });
-    case Be:
+    case Oe:
       return k("inline-flex items-center", {
         "justify-center": n === "center",
         "justify-start": n === "left",
@@ -1143,7 +1143,7 @@ const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", yo =
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, No = ({
+}, To = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -1235,7 +1235,7 @@ const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", yo =
       "hover:bg-action-selected-dark-hover dark:hover:bg-action-selected-light-hover": e === "system",
       "hover:bg-action-selected-light-hover dark:hover:bg-action-selected-dark-hover": e === "alt-system"
     });
-}, To = ({
+}, No = ({
   mode: e,
   disabled: t,
   variant: r
@@ -1320,9 +1320,9 @@ const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", yo =
   focusMode: n,
   disabled: i,
   fullWidth: s,
-  size: l,
+  size: c,
   noBorder: g,
-  labelRight: c,
+  labelRight: l,
   labelLeft: u,
   noBackground: p,
   variant: b,
@@ -1331,18 +1331,18 @@ const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", yo =
   radius: d
 }) => (b || (b = "primary"), r ? k(qe, t) : k(
   qe,
-  No({
+  To({
     mode: a,
     variant: b,
     noBackground: p,
     noTruncate: h,
     radius: d
   }),
-  Co({ type: e, size: l, labelRight: c, labelLeft: u, align: m }),
+  Co({ type: e, size: c, labelRight: l, labelLeft: u, align: m }),
   xo({ mode: a, variant: b, noBorder: g }),
   Eo({ focusMode: n }),
   wo({ mode: a, variant: b, disabled: i }),
-  To({ mode: a, variant: b, disabled: i }),
+  No({ mode: a, variant: b, disabled: i }),
   {
     "w-full": s,
     "disabled:cursor-not-allowed disabled:opacity-50": i
@@ -1351,7 +1351,7 @@ const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", yo =
 )), Io = (e, t, r) => {
   var a;
   !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
-}, ze = E.forwardRef((e, t) => {
+}, Be = E.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...n } = e;
   return /* @__PURE__ */ o(
     "button",
@@ -1364,8 +1364,8 @@ const We = "av-messagebox", Ye = "av-panel", qe = "av-button", Be = "icon", yo =
     }
   );
 });
-ze.displayName = "BaseButton";
-const Lt = E.forwardRef(
+Be.displayName = "BaseButton";
+const zt = E.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -1374,9 +1374,9 @@ const Lt = E.forwardRef(
     fullWidth: n = !1,
     className: i,
     type: s = "button",
-    raw: l = !1,
+    raw: c = !1,
     noBorder: g = !1,
-    "aria-label": c,
+    "aria-label": l,
     label: u,
     size: p = "medium",
     labelRight: b,
@@ -1384,15 +1384,15 @@ const Lt = E.forwardRef(
     noBackground: m = !1,
     align: d = "center",
     radius: v = "large",
-    ...N
+    ...T
   }, C) => {
     const w = Mt({
-      type: Be,
+      type: Oe,
       mode: r,
       focusMode: a,
       fullWidth: n,
       disabled: t,
-      raw: l,
+      raw: c,
       className: i,
       noBorder: g,
       size: p,
@@ -1402,20 +1402,20 @@ const Lt = E.forwardRef(
       align: d,
       radius: v
     }), S = k({
-      "text-copy-accent-dark": r === "light" && !l,
-      "text-copy-light": r === "dark" && !l,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !l,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !l
+      "text-copy-accent-dark": r === "light" && !c,
+      "text-copy-light": r === "dark" && !c,
+      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
     });
     return /* @__PURE__ */ y(
-      ze,
+      Be,
       {
         ref: C,
         className: w,
         disabled: t,
         type: s,
-        "aria-label": c || u,
-        ...N,
+        "aria-label": l || u,
+        ...T,
         children: [
           h && /* @__PURE__ */ o("span", { className: "pr-2", children: h }),
           /* @__PURE__ */ o("div", { className: S, children: e }),
@@ -1425,15 +1425,15 @@ const Lt = E.forwardRef(
     );
   }
 );
-Lt.displayName = "ButtonIcon";
+zt.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v2.2.0
+  @versini/ui-button v3.0.1
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "2.2.0",
-    buildTime: "12/30/2024 12:27 PM EST",
+    version: "3.0.1",
+    buildTime: "12/30/2024 05:27 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -1448,9 +1448,9 @@ const So = E.forwardRef(
     fullWidth: n = !1,
     className: i,
     type: s = "button",
-    raw: l = !1,
+    raw: c = !1,
     noBorder: g = !1,
-    "aria-label": c,
+    "aria-label": l,
     label: u,
     size: p = "medium",
     labelRight: b,
@@ -1458,16 +1458,16 @@ const So = E.forwardRef(
     noBackground: m = !1,
     align: d = "center",
     active: v = !1,
-    radius: N = "large",
+    radius: T = "large",
     ...C
   }, w) => {
     const S = Mt({
-      type: Be,
+      type: Oe,
       mode: r,
       focusMode: a,
       fullWidth: n,
       disabled: t,
-      raw: l,
+      raw: c,
       className: i,
       noBorder: g,
       size: p,
@@ -1475,12 +1475,12 @@ const So = E.forwardRef(
       labelLeft: h,
       noBackground: m,
       align: d,
-      radius: N
+      radius: T
     }), A = k({
-      "text-copy-accent-dark": r === "light" && !l,
-      "text-copy-light": r === "dark" && !l,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !l,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !l
+      "text-copy-accent-dark": r === "light" && !c,
+      "text-copy-light": r === "dark" && !c,
+      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
     }), M = v ? k(
       "relative",
       "focus-within:static",
@@ -1499,13 +1499,13 @@ const So = E.forwardRef(
       }
     ) : "";
     return /* @__PURE__ */ o("div", { className: M, children: /* @__PURE__ */ y(
-      ze,
+      Be,
       {
         ref: w,
         className: S,
         disabled: t,
         type: s,
-        "aria-label": c || u,
+        "aria-label": l || u,
         ...C,
         children: [
           h && /* @__PURE__ */ o("span", { className: "pr-2", children: h }),
@@ -1523,38 +1523,38 @@ const _o = ({
   viewBox: r,
   className: a,
   defaultViewBox: n,
-  defaultClassName: i,
+  size: i,
   title: s,
-  semantic: l = !1,
+  semantic: c = !1,
   ...g
 }) => {
-  const c = k(a || i);
+  const l = k(i, a);
   return /* @__PURE__ */ y(_, { children: [
     /* @__PURE__ */ o(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
-        className: c,
+        className: l,
         viewBox: r || n,
         fill: t || "currentColor",
         role: "img",
-        "aria-hidden": !l,
+        "aria-hidden": !c,
         focusable: !1,
         ...g,
         children: e
       }
     ),
-    s && l && /* @__PURE__ */ o("span", { className: "sr-only", children: s })
+    s && c && /* @__PURE__ */ o("span", { className: "sr-only", children: s })
   ] });
 };
 /*!
-  @versini/ui-svgicon v2.0.2
+  @versini/ui-svgicon v3.0.1
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "2.0.2",
-    buildTime: "12/30/2024 12:27 PM EST",
+    version: "3.0.1",
+    buildTime: "12/30/2024 05:27 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -1570,7 +1570,7 @@ const Ro = ({
   _o,
   {
     defaultViewBox: "0 0 384 512",
-    defaultClassName: "size-5",
+    size: "size-5",
     viewBox: t,
     className: e,
     title: r || "Close",
@@ -1579,49 +1579,49 @@ const Ro = ({
   }
 );
 /*!
-  @versini/ui-icons v2.0.2
+  @versini/ui-icons v3.0.1
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "2.0.2",
-    buildTime: "12/30/2024 12:27 PM EST",
+    version: "3.0.1",
+    buildTime: "12/30/2024 05:27 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Pt = f.createContext(null);
+const Lt = f.createContext(null);
 function Ao({
   initialOpen: e = !1,
   open: t,
   onOpenChange: r
 } = {}) {
-  const [a, n] = f.useState(e), [i, s] = f.useState(), [l, g] = f.useState(), c = t ?? a, u = r ?? n, p = st({
-    open: c,
+  const [a, n] = f.useState(e), [i, s] = f.useState(), [c, g] = f.useState(), l = t ?? a, u = r ?? n, p = st({
+    open: l,
     onOpenChange: u
   }), b = p.context, h = it(b, {
     enabled: t == null
-  }), m = ct(b, {
+  }), m = lt(b, {
     outsidePress: !1,
     outsidePressEvent: "mousedown"
-  }), d = lt(b), v = dt([h, m, d]);
+  }), d = ct(b), v = dt([h, m, d]);
   return f.useMemo(
     () => ({
-      open: c,
+      open: l,
       setOpen: u,
       ...v,
       ...p,
       labelId: i,
-      descriptionId: l,
+      descriptionId: c,
       setLabelId: s,
       setDescriptionId: g
     }),
-    [c, u, v, p, i, l]
+    [l, u, v, p, i, c]
   );
 }
 const ve = () => {
-  const e = f.useContext(Pt);
+  const e = f.useContext(Lt);
   if (e == null)
     throw new Error("Modal components must be wrapped in <Modal />");
   return e;
@@ -1631,17 +1631,17 @@ function Mo({
   ...t
 }) {
   const r = Ao(t);
-  return /* @__PURE__ */ o(Pt.Provider, { value: r, children: e });
+  return /* @__PURE__ */ o(Lt.Provider, { value: r, children: e });
 }
-const Lo = f.forwardRef(function(e, t) {
+const zo = f.forwardRef(function(e, t) {
   const { context: r, ...a } = ve(), n = Me([a.refs.setFloating, t]);
   if (!r.open)
     return null;
-  const { overlayBackground: i, ...s } = e, l = k("grid place-items-center", {
+  const { overlayBackground: i, ...s } = e, c = k("grid place-items-center", {
     [`${i}`]: i,
     "bg-black sm:bg-black/[.8]": !i
   });
-  return /* @__PURE__ */ o(ut, { children: /* @__PURE__ */ o(yr, { className: l, lockScroll: !0, children: /* @__PURE__ */ o(mt, { context: r, children: /* @__PURE__ */ o(
+  return /* @__PURE__ */ o(ut, { children: /* @__PURE__ */ o(yr, { className: c, lockScroll: !0, children: /* @__PURE__ */ o(mt, { context: r, children: /* @__PURE__ */ o(
     "div",
     {
       ref: n,
@@ -1651,13 +1651,13 @@ const Lo = f.forwardRef(function(e, t) {
       children: s.children
     }
   ) }) }) });
-}), Po = f.forwardRef(function({ children: e, ...t }, r) {
+}), Lo = f.forwardRef(function({ children: e, ...t }, r) {
   const { setLabelId: a } = ve(), n = Ae();
   return f.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ o("h1", { ...t, ref: r, id: n, children: e });
-}), Oo = f.forwardRef(function({ children: e, ...t }, r) {
+}), Po = f.forwardRef(function({ children: e, ...t }, r) {
   const { setDescriptionId: a } = ve(), n = Ae();
   return f.useLayoutEffect(() => (a(n), () => a(void 0)), [n, a]), /* @__PURE__ */ o("div", { ...t, ref: r, id: n, children: e });
-}), Bo = f.forwardRef(function(e, t) {
+}), Oo = f.forwardRef(function(e, t) {
   const { setOpen: r } = ve(), { trigger: a, className: n, ...i } = e, s = f.useCallback(() => r(!1), [r]);
   return /* @__PURE__ */ o("div", { className: n, children: f.cloneElement(a, {
     ref: t,
@@ -1666,19 +1666,19 @@ const Lo = f.forwardRef(function(e, t) {
   }) });
 });
 /*!
-  @versini/ui-modal v1.1.4
+  @versini/ui-modal v1.1.6
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_MODAL__ || (window.__VERSINI_UI_MODAL__ = {
-    version: "1.1.4",
-    buildTime: "12/30/2024 12:27 PM EST",
+    version: "1.1.6",
+    buildTime: "12/30/2024 05:27 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ee = "panel", ue = "messagebox", zo = ({
+const ee = "panel", ue = "messagebox", Bo = ({
   className: e,
   kind: t,
   borderMode: r
@@ -1706,19 +1706,19 @@ const ee = "panel", ue = "messagebox", zo = ({
   footer: n,
   borderMode: i = "light",
   kind: s = ee,
-  className: l
+  className: c
 }) => {
-  const g = Z(""), c = zo({ className: l, kind: s, borderMode: i });
+  const g = Z(""), l = Bo({ className: c, kind: s, borderMode: i });
   return H(() => (e && (g.current = document.title, document.title = `${r} | ${g.current}`), () => {
     e && (document.title = g.current);
-  }), [r, e]), /* @__PURE__ */ o(_, { children: e && /* @__PURE__ */ o(Mo, { open: e, onOpenChange: t, children: /* @__PURE__ */ y(Lo, { className: c.main, children: [
+  }), [r, e]), /* @__PURE__ */ o(_, { children: e && /* @__PURE__ */ o(Mo, { open: e, onOpenChange: t, children: /* @__PURE__ */ y(zo, { className: l.main, children: [
     /* @__PURE__ */ y("div", { className: "flex flex-row-reverse items-center justify-between", children: [
       /* @__PURE__ */ o(
-        Bo,
+        Oo,
         {
-          className: c.close,
+          className: l.close,
           trigger: /* @__PURE__ */ o(
-            Lt,
+            zt,
             {
               mode: "dark",
               focusMode: "light",
@@ -1729,47 +1729,47 @@ const ee = "panel", ue = "messagebox", zo = ({
           )
         }
       ),
-      /* @__PURE__ */ o(Po, { className: c.header, children: r })
+      /* @__PURE__ */ o(Lo, { className: l.header, children: r })
     ] }),
-    /* @__PURE__ */ o(Oo, { className: c.content, children: a }),
-    n && /* @__PURE__ */ o("div", { className: c.footer, children: n })
+    /* @__PURE__ */ o(Po, { className: l.content, children: a }),
+    n && /* @__PURE__ */ o("div", { className: l.footer, children: n })
   ] }) }) });
 }, Do = ({ stats: e }) => {
   const t = (e == null ? void 0 : e.plugins) || [], r = (e == null ? void 0 : e.version) || "", a = (e == null ? void 0 : e.models) || [], n = ae(), i = ae();
   return /* @__PURE__ */ y(_, { children: [
     /* @__PURE__ */ o("div", { className: "mb-4", children: /* @__PURE__ */ o(
-      P,
+      L,
       {
-        header: T.ABOUT.TITLE_CLIENT,
+        header: N.ABOUT.TITLE_CLIENT,
         className: "prose-dark dark:prose-lighter",
         children: oe(n, {
-          [T.ABOUT.VERSION]: "5.11.1",
-          [T.ABOUT.BUILD_TIMESTAMP]: "12/30/2024 04:42 PM EST"
+          [N.ABOUT.VERSION]: "5.11.3",
+          [N.ABOUT.BUILD_TIMESTAMP]: "12/30/2024 07:23 PM EST"
         })
       }
     ) }),
     /* @__PURE__ */ o(
-      P,
+      L,
       {
-        header: T.ABOUT.TITLE_SERVER,
+        header: N.ABOUT.TITLE_SERVER,
         className: "prose-dark dark:prose-lighter",
         children: oe(i, {
-          [T.ABOUT.VERSION]: r,
-          [he(T.ABOUT.ENGINE, a.length)]: /* @__PURE__ */ o(_, { children: a.map((s) => /* @__PURE__ */ o("div", { className: "text-right", children: s }, s)) }),
-          [he(T.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ o(_, { children: t.map((s) => /* @__PURE__ */ o("div", { className: "text-right", children: s }, s)) })
+          [N.ABOUT.VERSION]: r,
+          [he(N.ABOUT.ENGINE, a.length)]: /* @__PURE__ */ o(_, { children: a.map((s) => /* @__PURE__ */ o("div", { className: "text-right", children: s }, s)) }),
+          [he(N.ABOUT.PLUGIN, t.length)]: /* @__PURE__ */ o(_, { children: t.map((s) => /* @__PURE__ */ o("div", { className: "text-right", children: s }, s)) })
         })
       }
     )
   ] });
-}, $o = ({
+}, Vo = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { serverStats: r } = O(se);
+  const { serverStats: r } = P(se);
   return /* @__PURE__ */ o(Y, { open: e, onOpenChange: t, title: Dt, children: /* @__PURE__ */ o(Do, { stats: r }) });
-}, Vo = (e) => Qe(e), Fo = (e) => {
+}, $o = (e) => Qe(e), Fo = (e) => {
   if (!e || e.length === 0)
-    return Vt;
+    return $t;
   const t = e.filter(
     (r) => {
       var a, n;
@@ -1778,35 +1778,35 @@ const ee = "panel", ue = "messagebox", zo = ({
   ).map((r) => r.message.processingTime);
   return Ht({
     data: t,
-    formatter: Vo
+    formatter: $o
   });
 }, Ho = ({
   isAuthenticated: e,
   stats: t
 }) => {
-  const { state: r } = O(se), a = Gt - Number(r == null ? void 0 : r.usage), n = ae(), i = ae();
+  const { state: r } = P(se), a = Gt - Number(r == null ? void 0 : r.usage), n = ae(), i = ae();
   return e ? /* @__PURE__ */ y(_, { children: [
     r && r.messages.length > 0 && /* @__PURE__ */ o("div", { className: "mb-4", children: /* @__PURE__ */ o(
-      P,
+      L,
       {
-        header: T.CURRENT_STATISTICS.TITLE,
+        header: N.CURRENT_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter",
         children: oe(n, {
-          [T.CURRENT_STATISTICS.MODEL_NAME]: (r == null ? void 0 : r.model) || te,
-          [T.CURRENT_STATISTICS.TOKENS_USED]: r == null ? void 0 : r.usage,
-          [T.CURRENT_STATISTICS.REMAINING_TOKENS]: $t.format(a),
-          [T.CURRENT_STATISTICS.PROCESSING_TIME]: Fo(r == null ? void 0 : r.messages)
+          [N.CURRENT_STATISTICS.MODEL_NAME]: (r == null ? void 0 : r.model) || te,
+          [N.CURRENT_STATISTICS.TOKENS_USED]: r == null ? void 0 : r.usage,
+          [N.CURRENT_STATISTICS.REMAINING_TOKENS]: Vt.format(a),
+          [N.CURRENT_STATISTICS.PROCESSING_TIME]: Fo(r == null ? void 0 : r.messages)
         })
       }
     ) }),
     /* @__PURE__ */ o(
-      P,
+      L,
       {
-        header: T.MAIN_STATISTICS.TITLE,
+        header: N.MAIN_STATISTICS.TITLE,
         className: "prose-dark dark:prose-lighter",
         children: oe(i, {
-          [he(T.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
-          [T.MAIN_STATISTICS.PROCESSING_TIME]: Qe(
+          [he(N.MAIN_STATISTICS.TOTAL, t.totalChats)]: t.totalChats,
+          [N.MAIN_STATISTICS.PROCESSING_TIME]: Qe(
             t.averageProcessingTimes
           )
         })
@@ -1824,19 +1824,19 @@ const ee = "panel", ue = "messagebox", zo = ({
   return H(() => {
     !e || !s || (async () => {
       try {
-        const l = await D({
+        const c = await D({
           accessToken: await i(),
-          type: $.GET_CHATS_STATS,
+          type: V.GET_CHATS_STATS,
           params: {
             userId: s.username
           }
         });
-        l.status === 200 && a(l.data);
+        c.status === 200 && a(c.data);
       } catch {
       }
     })();
   }, [e, i, s]), /* @__PURE__ */ o(Y, { open: e, onOpenChange: t, title: Xe, children: /* @__PURE__ */ o(Ho, { isAuthenticated: n, stats: r }) });
-}, Ot = ({
+}, Pt = ({
   showConfirmation: e,
   setShowConfirmation: t,
   action: r,
@@ -1850,7 +1850,7 @@ const ee = "panel", ue = "messagebox", zo = ({
     onOpenChange: t,
     title: n.title,
     footer: /* @__PURE__ */ y(q, { columnGap: 2, alignHorizontal: "flex-end", children: [
-      /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
+      /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(
         F,
         {
           mode: "dark",
@@ -1862,7 +1862,7 @@ const ee = "panel", ue = "messagebox", zo = ({
           children: n.cancelAction
         }
       ) }),
-      /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
+      /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(
         F,
         {
           mode: "dark",
@@ -1881,7 +1881,7 @@ const ee = "panel", ue = "messagebox", zo = ({
   try {
     const n = await D({
       accessToken: a,
-      type: $.GET_CHAT,
+      type: V.GET_CHAT,
       params: {
         id: e.id
       }
@@ -1910,14 +1910,14 @@ const ee = "panel", ue = "messagebox", zo = ({
     id: 0,
     timestamp: "",
     message: ""
-  }), [l, g] = I(!1), { state: c, dispatch: u } = O(Je), [, p] = le({
+  }), [c, g] = I(!1), { state: l, dispatch: u } = P(Je), [, p] = ce({
     key: ie + Ut,
-    initialValue: c.sortDirection
+    initialValue: l.sortDirection
   }), b = (d) => {
-    switch (c.sortDirection) {
+    switch (l.sortDirection) {
       case U.ASC:
         p(U.DESC), u({
-          type: $e,
+          type: Ve,
           payload: {
             sortedCell: d,
             sortDirection: U.DESC
@@ -1926,7 +1926,7 @@ const ee = "panel", ue = "messagebox", zo = ({
         break;
       default:
         p(U.ASC), u({
-          type: $e,
+          type: Ve,
           payload: {
             sortedCell: d,
             sortDirection: U.ASC
@@ -1937,22 +1937,22 @@ const ee = "panel", ue = "messagebox", zo = ({
   };
   return /* @__PURE__ */ y(_, { children: [
     /* @__PURE__ */ y(
-      Ot,
+      Pt,
       {
-        showConfirmation: l,
+        showConfirmation: c,
         setShowConfirmation: g,
         action: async () => {
           const d = s.current;
           try {
             const v = await D({
               accessToken: await i(),
-              type: $.DELETE_CHAT,
+              type: V.DELETE_CHAT,
               params: {
                 userId: (n == null ? void 0 : n.username) || "",
                 id: d.id,
                 limit: 1,
-                searchString: c.searchString,
-                direction: c.sortDirection,
+                searchString: l.searchString,
+                direction: l.sortDirection,
                 truncateSize: 100
               }
             });
@@ -1997,23 +1997,23 @@ const ee = "panel", ue = "messagebox", zo = ({
                 buttonClassName: "text-xs sm:text-sm",
                 cellId: "timestamp",
                 align: "left",
-                sortDirection: c.sortDirection,
-                sortedCell: c.sortedCell,
+                sortDirection: l.sortDirection,
+                sortedCell: l.sortedCell,
                 onClick: () => {
                   b("timestamp");
                 },
                 children: "Date"
               }
             ),
-            /* @__PURE__ */ o(V, { className: "text-xs sm:text-sm", children: "First message" }),
-            /* @__PURE__ */ o(V, { className: "text-xs sm:text-sm", children: "Model" }),
-            /* @__PURE__ */ o(V, { className: "text-xs sm:text-sm text-right", children: "Actions" })
+            /* @__PURE__ */ o($, { className: "text-xs sm:text-sm", children: "First message" }),
+            /* @__PURE__ */ o($, { className: "text-xs sm:text-sm", children: "Model" }),
+            /* @__PURE__ */ o($, { className: "text-xs sm:text-sm text-right", children: "Actions" })
           ] }) }),
           /* @__PURE__ */ o(ir, { children: e.data.map((d, v) => {
-            var N, C;
-            return ((N = d == null ? void 0 : d.messages) == null ? void 0 : N.length) > 0 ? /* @__PURE__ */ y(we, { children: [
+            var T, C;
+            return ((T = d == null ? void 0 : d.messages) == null ? void 0 : T.length) > 0 ? /* @__PURE__ */ y(we, { children: [
               /* @__PURE__ */ o(
-                V,
+                $,
                 {
                   component: "th",
                   scope: "row",
@@ -2022,7 +2022,7 @@ const ee = "panel", ue = "messagebox", zo = ({
                 }
               ),
               /* @__PURE__ */ o(
-                V,
+                $,
                 {
                   className: "max-w-[100px] text-white sm:max-w-full text-xs sm:text-sm",
                   style: {
@@ -2031,11 +2031,11 @@ const ee = "panel", ue = "messagebox", zo = ({
                   children: d.messages.length > 0 ? (C = d.messages[0]) == null ? void 0 : C.content : ""
                 }
               ),
-              /* @__PURE__ */ o(V, { component: "th", scope: "row", className: "text-gray-400", children: /* @__PURE__ */ y(q, { alignHorizontal: "center", children: [
-                d.model && d.model.startsWith("claude") && /* @__PURE__ */ o(ht, { className: "size-4 sm:size-5" }),
-                d.model && d.model.startsWith("gpt") && /* @__PURE__ */ o(gt, { className: "size-4 sm:size-5" })
+              /* @__PURE__ */ o($, { component: "th", scope: "row", className: "text-gray-400", children: /* @__PURE__ */ y(q, { alignHorizontal: "center", children: [
+                d.model && d.model.startsWith("claude") && /* @__PURE__ */ o(ht, { size: "size-4 sm:size-5" }),
+                d.model && d.model.startsWith("gpt") && /* @__PURE__ */ o(gt, { size: "size-4 sm:size-5" })
               ] }) }),
-              /* @__PURE__ */ o(V, { className: "px-2", children: /* @__PURE__ */ y("div", { className: "flex justify-end gap-2", children: [
+              /* @__PURE__ */ o($, { className: "px-2", children: /* @__PURE__ */ y("div", { className: "flex justify-end gap-2", children: [
                 /* @__PURE__ */ o(
                   j,
                   {
@@ -2051,7 +2051,7 @@ const ee = "panel", ue = "messagebox", zo = ({
                         w
                       );
                     },
-                    children: /* @__PURE__ */ o(Er, { className: "h-3 w-3", monotone: !0 })
+                    children: /* @__PURE__ */ o(Er, { size: "size-3", monotone: !0 })
                   }
                 ),
                 /* @__PURE__ */ o(
@@ -2066,15 +2066,15 @@ const ee = "panel", ue = "messagebox", zo = ({
                         id: d.id,
                         timestamp: d.timestamp,
                         message: d.messages.length > 0 ? (w = d.messages[0]) == null ? void 0 : w.content : ""
-                      }, g(!l);
+                      }, g(!c);
                     },
-                    children: /* @__PURE__ */ o("div", { className: "text-red-400", children: /* @__PURE__ */ o(Nr, { className: "h-3 w-3", monotone: !0 }) })
+                    children: /* @__PURE__ */ o("div", { className: "text-red-400", children: /* @__PURE__ */ o(Tr, { size: "size-3", monotone: !0 }) })
                   }
                 )
               ] }) })
-            ] }, `${T.HISTORY.TITLE}-${d.id}-${v}`) : null;
+            ] }, `${N.HISTORY.TITLE}-${d.id}-${v}`) : null;
           }) }),
-          /* @__PURE__ */ o(lr, { children: /* @__PURE__ */ o(we, { children: /* @__PURE__ */ o(V, { colSpan: 4, children: /* @__PURE__ */ o("div", { children: he(
+          /* @__PURE__ */ o(cr, { children: /* @__PURE__ */ o(we, { children: /* @__PURE__ */ o($, { colSpan: 4, children: /* @__PURE__ */ o("div", { children: he(
             `${e.data.length} chat`,
             e.data.length
           ) }) }) }) })
@@ -2093,7 +2093,7 @@ const ee = "panel", ue = "messagebox", zo = ({
   try {
     const n = await D({
       accessToken: r,
-      type: $.GET_CHATS,
+      type: V.GET_CHATS,
       params: {
         userId: t,
         searchString: e,
@@ -2109,23 +2109,23 @@ const ee = "panel", ue = "messagebox", zo = ({
   }
   return [];
 }, Ko = ({ onOpenChange: e }) => {
-  const { isAuthenticated: t, getAccessToken: r, user: a } = W(), n = Z(null), i = Z(!1), { dispatch: s } = O(se), { state: l, dispatch: g } = O(Je), [, c] = le({
+  const { isAuthenticated: t, getAccessToken: r, user: a } = W(), n = Z(null), i = Z(!1), { dispatch: s } = P(se), { state: c, dispatch: g } = P(Je), [, l] = ce({
     key: ie + Kt,
-    initialValue: l.searchString
+    initialValue: c.searchString
   }), [u, p] = I({
     data: [],
-    sortedDirection: l.sortDirection
+    sortedDirection: c.sortDirection
   }), b = async (d) => {
-    const v = await r(), N = await Ze({
+    const v = await r(), T = await Ze({
       searchString: d,
       username: a == null ? void 0 : a.username,
       accessToken: v,
-      direction: l.sortDirection
+      direction: c.sortDirection
     });
     p({
-      data: N,
-      sortedDirection: l.sortDirection
-    }), c(d), g({
+      data: T,
+      sortedDirection: c.sortDirection
+    }), l(d), g({
       type: Wt,
       payload: { searchString: d }
     });
@@ -2138,50 +2138,51 @@ const ee = "panel", ue = "messagebox", zo = ({
     i.current || (async () => {
       i.current = !0;
       const d = await r(), v = await Ze({
-        searchString: l.searchString,
+        searchString: c.searchString,
         username: a == null ? void 0 : a.username,
         accessToken: d,
-        direction: l.sortDirection
+        direction: c.sortDirection
       });
       p({
         data: v,
-        sortedDirection: l.sortDirection
+        sortedDirection: c.sortDirection
       });
     })();
   }), H(() => {
-    if (l.sortDirection !== u.sortedDirection) {
-      const d = [...u.data].sort((v, N) => {
-        if (l.sortedCell === "timestamp") {
-          const C = new Date(v[l.sortedCell]).getTime(), w = new Date(N[l.sortedCell]).getTime();
-          return l.sortDirection === U.ASC ? C - w : w - C;
+    if (c.sortDirection !== u.sortedDirection) {
+      const d = [...u.data].sort((v, T) => {
+        if (c.sortedCell === "timestamp") {
+          const C = new Date(v[c.sortedCell]).getTime(), w = new Date(T[c.sortedCell]).getTime();
+          return c.sortDirection === U.ASC ? C - w : w - C;
         }
         return 0;
       });
       p({
         data: d,
-        sortedDirection: l.sortDirection
+        sortedDirection: c.sortDirection
       });
     }
-  }, [u, l]), t ? u && u.data && /* @__PURE__ */ y(_, { children: [
+  }, [u, c]), t ? u && u.data && /* @__PURE__ */ y(_, { children: [
     /* @__PURE__ */ o("form", { autoComplete: "off", onSubmit: m, children: /* @__PURE__ */ o(
       xe,
       {
+        autoCapitalize: "off",
         autoComplete: "off",
         autoCorrect: "off",
         ref: n,
-        defaultValue: l.searchString,
+        defaultValue: c.searchString,
         focusMode: "light",
         mode: "dark",
         name: "Search",
         label: "Search",
         onChange: h,
         className: "mt-2 mb-2",
-        ...l.searchString && {
+        ...c.searchString && {
           rightElement: /* @__PURE__ */ o(
             F,
             {
               type: "button",
-              disabled: !l.searchString,
+              disabled: !c.searchString,
               mode: "light",
               focusMode: "light",
               noBorder: !0,
@@ -2211,13 +2212,13 @@ const ee = "panel", ue = "messagebox", zo = ({
   onOpenChange: t
 }) => /* @__PURE__ */ o(Y, { open: e, onOpenChange: t, title: qt, children: /* @__PURE__ */ o(Ko, { onOpenChange: t }) });
 /*!
-  @versini/ui-toggle v2.0.2
+  @versini/ui-toggle v2.0.4
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TOGGLE__ || (window.__VERSINI_UI_TOGGLE__ = {
-    version: "2.0.2",
-    buildTime: "12/30/2024 12:27 PM EST",
+    version: "2.0.4",
+    buildTime: "12/30/2024 05:27 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -2300,51 +2301,51 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
   name: n,
   mode: i = "system",
   focusMode: s = "system",
-  className: l,
+  className: c,
   noBorder: g = !1
 }) => {
-  const c = ra({
+  const l = ra({
     mode: i,
     focusMode: s,
     labelHidden: a,
-    className: l,
+    className: c,
     noBorder: g
   }), u = (p) => {
     t == null || t(p.target.checked);
   };
-  return /* @__PURE__ */ y("label", { className: c.wrapper, children: [
+  return /* @__PURE__ */ y("label", { className: l.wrapper, children: [
     /* @__PURE__ */ o(
       "input",
       {
         name: n,
         checked: e,
         type: "checkbox",
-        className: c.input,
+        className: l.input,
         onChange: u
       }
     ),
-    /* @__PURE__ */ o("div", { className: c.toggle }),
-    /* @__PURE__ */ o("span", { className: c.label, children: r })
+    /* @__PURE__ */ o("div", { className: l.toggle }),
+    /* @__PURE__ */ o("span", { className: l.label, children: r })
   ] });
 }, oa = ({
   open: e,
   onOpenChange: t
 }) => {
-  const { dispatch: r } = O(se), { getAccessToken: a, user: n } = W(), [i, s] = I({
+  const { dispatch: r } = P(se), { getAccessToken: a, user: n } = W(), [i, s] = I({
     loaded: !1,
     instructions: "",
     loadingLocation: !1,
     location: "",
     engine: te
-  }), [l, g] = le({
+  }), [c, g] = ce({
     key: ie + tt,
     initialValue: !1
-  }), c = async (h) => {
+  }), l = async (h) => {
     h.preventDefault();
     try {
       await D({
         accessToken: await a(),
-        type: $.SET_USER_PREFERENCES,
+        type: V.SET_USER_PREFERENCES,
         params: {
           user: n == null ? void 0 : n.username,
           instructions: i.instructions,
@@ -2368,13 +2369,13 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
     try {
       const h = Date.now(), m = await Qt(), d = await D({
         accessToken: await a(),
-        type: $.GET_LOCATION,
+        type: V.GET_LOCATION,
         params: {
           latitude: m.latitude,
           longitude: m.longitude
         }
-      }), N = Date.now() - h;
-      if (N < 2e3 && await new Promise((C) => setTimeout(C, 2e3 - N)), d.status === 200) {
+      }), T = Date.now() - h;
+      if (T < 2e3 && await new Promise((C) => setTimeout(C, 2e3 - T)), d.status === 200) {
         const { city: C, state: w, country: S, displayName: A } = d.data, M = C && w && S ? `${C}, ${w}, ${S}` : A;
         s((R) => ({
           ...R,
@@ -2394,12 +2395,12 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
   }, p = (h) => {
     s((m) => ({
       ...m,
-      engine: h ? Ne : me
+      engine: h ? Te : me
     }));
   }, b = (h) => {
     s((m) => ({
       ...m,
-      engine: h ? me : Ne
+      engine: h ? me : Te
     }));
   };
   return H(() => {
@@ -2417,7 +2418,7 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
       try {
         const h = await D({
           accessToken: await a(),
-          type: $.GET_USER_PREFERENCES,
+          type: V.GET_USER_PREFERENCES,
           params: {
             user: n.username
           }
@@ -2445,7 +2446,7 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(
               F,
               {
                 mode: "dark",
@@ -2457,14 +2458,14 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(
               F,
               {
                 mode: "dark",
                 variant: "danger",
                 focusMode: "light",
                 onClick: async (h) => {
-                  t(!1), await c(h);
+                  t(!1), await l(h);
                 },
                 children: "Save"
               }
@@ -2474,7 +2475,7 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
       ),
       children: /* @__PURE__ */ y(_, { children: [
         /* @__PURE__ */ y(
-          P,
+          L,
           {
             header: "AI Engine",
             className: "prose-dark dark:prose-lighter",
@@ -2487,7 +2488,7 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
                   label: "OpenAI",
                   name: "OpenAI",
                   onChange: p,
-                  checked: i.engine === Ne
+                  checked: i.engine === Te
                 }
               ),
               /* @__PURE__ */ o(
@@ -2510,7 +2511,7 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
                   label: "Show Quick Engine Toggle",
                   name: "show-toggle-engine-menu",
                   onChange: g,
-                  checked: l
+                  checked: c
                 }
               ),
               /* @__PURE__ */ o("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." })
@@ -2518,7 +2519,7 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
           }
         ),
         /* @__PURE__ */ y(
-          P,
+          L,
           {
             header: "Custom Instructions",
             className: "prose-dark dark:prose-lighter mt-4",
@@ -2552,7 +2553,7 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
           }
         ),
         /* @__PURE__ */ y(
-          P,
+          L,
           {
             header: "Location",
             className: "prose-dark dark:prose-lighter mt-4",
@@ -2596,7 +2597,7 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
   open: e,
   onOpenChange: t
 }) => {
-  const { state: r, dispatch: a } = O(Xt), { getAccessToken: n, user: i } = W(), [s, l] = I({
+  const { state: r, dispatch: a } = P(Xt), { getAccessToken: n, user: i } = W(), [s, c] = I({
     tags: [...r.tags]
   }), g = ({
     slot: u,
@@ -2604,27 +2605,27 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
     label: b,
     content: h
   }) => {
-    l((m) => {
+    c((m) => {
       const d = m.tags, v = {
         slot: u,
         label: b,
         content: h,
         enabled: p
-      }, N = d.findIndex((C) => C.slot === u);
-      return N === -1 ? {
+      }, T = d.findIndex((C) => C.slot === u);
+      return T === -1 ? {
         ...m,
         tags: [...d, { ...v, slot: u }]
-      } : (d[N] = v, {
+      } : (d[T] = v, {
         ...m,
         tags: [...d]
       });
     });
-  }, c = async (u) => {
+  }, l = async (u) => {
     u.preventDefault();
     try {
       await D({
         accessToken: await n(),
-        type: $.SET_USER_PREFERENCES,
+        type: V.SET_USER_PREFERENCES,
         params: {
           user: i == null ? void 0 : i.username,
           tags: s.tags
@@ -2651,7 +2652,7 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
           alignHorizontal: "flex-end",
           className: "pb-8 sm:pb-0",
           children: [
-            /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(
               F,
               {
                 mode: "dark",
@@ -2663,14 +2664,14 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
                 children: "Cancel"
               }
             ) }),
-            /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
+            /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o(
               F,
               {
                 mode: "dark",
                 variant: "danger",
                 focusMode: "light",
                 onClick: async (u) => {
-                  t(!1), await c(u);
+                  t(!1), await l(u);
                 },
                 children: "Save"
               }
@@ -2681,13 +2682,13 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
       children: [
         /* @__PURE__ */ o("p", { children: Jt }),
         s.tags && s.tags.map((u) => /* @__PURE__ */ y(
-          P,
+          L,
           {
             header: `Tag ${u.slot + 1}`,
             className: "prose-dark dark:prose-lighter mb-2",
             children: [
               /* @__PURE__ */ y(q, { className: "mt-8 mb-6", columnGap: 2, rowGap: 6, children: [
-                /* @__PURE__ */ o(L, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ o(
+                /* @__PURE__ */ o(z, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ o(
                   xe,
                   {
                     label: "Label",
@@ -2703,7 +2704,7 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
                     }
                   }
                 ) }),
-                /* @__PURE__ */ o(L, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ o(
+                /* @__PURE__ */ o(z, { span: { fallback: 12, sm: 6 }, children: /* @__PURE__ */ o(
                   xe,
                   {
                     label: "Content",
@@ -2746,41 +2747,41 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
     }
   );
 }, na = () => {
-  const { isAuthenticated: e, user: t, registeringForPasskey: r, authenticationType: a } = W(), [n, i] = le({
+  const { isAuthenticated: e, user: t, registeringForPasskey: r, authenticationType: a } = W(), [n, i] = ce({
     key: ie + tr,
     initialValue: !1
-  }), [s, l] = I(!1), [g, c] = I(!1), u = ae(), p = (t == null ? void 0 : t.username) || "", b = (d) => {
+  }), [s, c] = I(!1), [g, l] = I(!1), u = ae(), p = (t == null ? void 0 : t.username) || "", b = (d) => {
     i(d);
   }, h = () => {
-    l(!s);
+    c(!s);
   }, m = () => {
-    c(!g);
+    l(!g);
   };
   return e && p ? /* @__PURE__ */ y(_, { children: [
     s && /* @__PURE__ */ o(
       oa,
       {
         open: s,
-        onOpenChange: l
+        onOpenChange: c
       }
     ),
-    g && /* @__PURE__ */ o(aa, { open: g, onOpenChange: c }),
+    g && /* @__PURE__ */ o(aa, { open: g, onOpenChange: l }),
     /* @__PURE__ */ y(
-      P,
+      L,
       {
-        header: T.PREFERENCES.TITLE,
+        header: N.PREFERENCES.TITLE,
         className: "prose-dark dark:prose-lighter",
         children: [
           oe(u, {
-            [T.PREFERENCES.NAME]: p,
-            [T.PREFERENCES.EMAIL]: (t == null ? void 0 : t.email) || "",
-            [T.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ o(
+            [N.PREFERENCES.NAME]: p,
+            [N.PREFERENCES.EMAIL]: (t == null ? void 0 : t.email) || "",
+            [N.PREFERENCES.ENGINE_DETAILS]: /* @__PURE__ */ o(
               re,
               {
                 noBorder: !0,
                 labelHidden: !0,
-                label: T.PREFERENCES.ENGINE_DETAILS,
-                name: T.PREFERENCES.ENGINE_DETAILS,
+                label: N.PREFERENCES.ENGINE_DETAILS,
+                name: N.PREFERENCES.ENGINE_DETAILS,
                 onChange: b,
                 checked: n
               }
@@ -2793,7 +2794,7 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
               size: "small",
               onClick: h,
               labelLeft: "Engine Fine Tuning",
-              children: /* @__PURE__ */ o(Ge, { className: "size-3", monotone: !0 })
+              children: /* @__PURE__ */ o(Ge, { size: "size-3", monotone: !0 })
             }
           ),
           /* @__PURE__ */ o(
@@ -2803,30 +2804,30 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
               size: "small",
               onClick: m,
               labelLeft: "Tags",
-              children: /* @__PURE__ */ o(Ge, { className: "size-3", monotone: !0 })
+              children: /* @__PURE__ */ o(Ge, { size: "size-3", monotone: !0 })
             }
           )
         ]
       }
     ),
     a !== rr.PASSKEY && /* @__PURE__ */ y(
-      P,
+      L,
       {
         className: "prose-dark dark:prose-lighter mt-4",
         header: /* @__PURE__ */ o("h2", { className: "m-0", children: /* @__PURE__ */ y(q, { columnGap: 3, alignVertical: "center", children: [
-          /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(Ve, { className: "size-8" }) }),
-          /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o("div", { children: T.PREFERENCES.PASSKEY_TITLE }) })
+          /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o($e, { size: "size-8" }) }),
+          /* @__PURE__ */ o(z, { children: /* @__PURE__ */ o("div", { children: N.PREFERENCES.PASSKEY_TITLE }) })
         ] }) }),
         children: [
-          /* @__PURE__ */ o("p", { children: T.PREFERENCES.PASSKEY_INSTRUCTIONS }),
+          /* @__PURE__ */ o("p", { children: N.PREFERENCES.PASSKEY_INSTRUCTIONS }),
           /* @__PURE__ */ o(
             j,
             {
               size: "small",
               className: "mt-2",
               onClick: r,
-              labelLeft: T.PREFERENCES.PASSKEY_BUTTON,
-              children: /* @__PURE__ */ o(Ve, { className: "size-5", monotone: !0 })
+              labelLeft: N.PREFERENCES.PASSKEY_BUTTON,
+              children: /* @__PURE__ */ o($e, { size: "size-5", monotone: !0 })
             }
           )
         ]
@@ -2837,15 +2838,15 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
   open: e,
   onOpenChange: t
 }) => /* @__PURE__ */ o(Y, { open: e, onOpenChange: t, title: or, children: /* @__PURE__ */ o(na, {}) }), ga = () => {
-  const { state: e, dispatch: t, serverStats: r } = O(se), [a, n] = I((e == null ? void 0 : e.engine) || te), [i, s] = I(!1), [l, g] = I(!1), [c, u] = I(!1), [p, b] = I(!1), [h, m] = I(!1), [d] = le({
+  const { state: e, dispatch: t, serverStats: r } = P(se), [a, n] = I((e == null ? void 0 : e.engine) || te), [i, s] = I(!1), [c, g] = I(!1), [l, u] = I(!1), [p, b] = I(!1), [h, m] = I(!1), [d] = ce({
     key: ie + tt,
     initialValue: !1
-  }), { logout: v, getAccessToken: N, user: C } = W(), w = () => {
+  }), { logout: v, getAccessToken: T, user: C } = W(), w = () => {
     s(!i);
   }, S = () => {
-    g(!l);
+    g(!c);
   }, A = () => {
-    u(!c);
+    u(!l);
   }, M = () => {
     b(!p);
   }, R = () => {
@@ -2855,7 +2856,7 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
     e && e.engine && e.engine !== a && n(e.engine);
   }, [e, a]), /* @__PURE__ */ y(_, { children: [
     /* @__PURE__ */ o(
-      Ot,
+      Pt,
       {
         showConfirmation: h,
         setShowConfirmation: m,
@@ -2869,9 +2870,9 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
       }
     ),
     /* @__PURE__ */ o(sa, { open: i, onOpenChange: s }),
-    /* @__PURE__ */ o(Go, { open: l, onOpenChange: g }),
-    /* @__PURE__ */ o(Wo, { open: c, onOpenChange: u }),
-    /* @__PURE__ */ o($o, { open: p, onOpenChange: b }),
+    /* @__PURE__ */ o(Go, { open: c, onOpenChange: g }),
+    /* @__PURE__ */ o(Wo, { open: l, onOpenChange: u }),
+    /* @__PURE__ */ o(Vo, { open: p, onOpenChange: b }),
     /* @__PURE__ */ y("div", { className: "relative", children: [
       d && r && /* @__PURE__ */ o("div", { className: "absolute bottom-[-28px] left-[-7px]", children: /* @__PURE__ */ o(
         Ie,
@@ -2891,8 +2892,8 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
                 if (x)
                   try {
                     await D({
-                      accessToken: await N(),
-                      type: $.SET_USER_PREFERENCES,
+                      accessToken: await T(),
+                      type: V.SET_USER_PREFERENCES,
                       params: {
                         user: C == null ? void 0 : C.username,
                         engine: x
@@ -2950,7 +2951,7 @@ const Yo = "av-toggle", qo = () => k("peer", "h-6", "w-11", "rounded-full"), Zo
               {
                 label: "About",
                 onClick: M,
-                icon: /* @__PURE__ */ o(Tr, {})
+                icon: /* @__PURE__ */ o(Nr, {})
               }
             ),
             e && e.id && !e.isComponent && /* @__PURE__ */ y(_, { children: [