@versini/sassysaint 5.5.17 → 5.5.19

package/dist/chunks/{App.CGtB3zQZ.js → App.CN26Vdes.js}

@@ -1,15 +1,15 @@
-import { jsxs as k, jsx as l, Fragment as Y } from "react/jsx-runtime";
-import { g as me, ACTION_RESTORE as $t, ACTION_MESSAGE as q, ROLE_ASSISTANT as J, ACTION_RESET as qe, ACTION_MODEL as Je, ACTION_ENGINE as Ke, ACTION_STREAMING as Qe, ACTION_SORT as zt, ACTION_SEARCH as Mt, ACTION_SET_TAGS as Xe, ACTION_RESET_TAGS as Ye, ACTION_TOGGLE_TAG as Ze, DEFAULT_AI_ENGINE as V, P as et, un as Z, ROLE_SYSTEM as Lt, ROLE_INTERNAL as he, ROLE_HIDDEN as Ot, STATS_SEPARATOR as Be, CLIPBOARD_TAG as $e, TYPE_QUESTION as Vt, C as tt, SEND as Ht, ERROR_MESSAGE as Ut, ROLE_USER as le, L as Dt, j as Gt, isLastMessageFromRole as Pt, getMessageContaintWrapperClass as Ft, Logo as Wt, getMainPaddingClass as ze, r as jt, LOCAL_STORAGE_PREFIX as Me, LOCAL_STORAGE_SEARCH as qt, LOCAL_STORAGE_SORT as Jt } from "./index.DfBlqXlL.js";
-import i from "clsx";
-import I, { useRef as v, useEffect as x, useCallback as H, useSyncExternalStore as Kt, useState as S, useMemo as pe, useContext as A, useLayoutEffect as D, useId as Qt, useReducer as Q, lazy as rt, Suspense as ce } from "react";
+import { jsxs as v, jsx as l, Fragment as Y } from "react/jsx-runtime";
+import { g as ue, ACTION_RESTORE as At, ACTION_MESSAGE as q, ROLE_ASSISTANT as K, ACTION_RESET as qe, ACTION_MODEL as Ke, ACTION_ENGINE as Je, ACTION_STREAMING as Qe, ACTION_SORT as Lt, ACTION_SEARCH as zt, ACTION_SET_TAGS as Xe, ACTION_RESET_TAGS as Ye, ACTION_TOGGLE_TAG as Ze, DEFAULT_AI_ENGINE as U, P as et, un as Z, ROLE_SYSTEM as Mt, ROLE_INTERNAL as he, ROLE_HIDDEN as Ot, STATS_SEPARATOR as Be, CLIPBOARD_TAG as Ae, TYPE_QUESTION as Ut, C as tt, SEND as Dt, ERROR_MESSAGE as Vt, ROLE_USER as le, L as Pt, j as Ht, isLastMessageFromRole as Gt, getMessageContaintWrapperClass as Ft, Logo as Wt, getMainPaddingClass as Le, r as jt, LOCAL_STORAGE_PREFIX as ze, LOCAL_STORAGE_SEARCH as qt, LOCAL_STORAGE_SORT as Kt } from "./index.DaKlCgCU.js";
+import s from "clsx";
+import I, { useRef as k, useEffect as x, useCallback as D, useSyncExternalStore as Jt, useState as S, useMemo as pe, useContext as $, useLayoutEffect as P, useId as Qt, useReducer as Q, lazy as rt, Suspense as ce } from "react";
 const Xt = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ k(
-  me,
+}) => /* @__PURE__ */ v(
+  ue,
   {
     defaultViewBox: "0 0 448 512",
     size: "size-5",
@@ -18,14 +18,14 @@ const Xt = ({
     title: r || "Add",
     ...o,
     children: [
+      /* @__PURE__ */ l("path", { className: "fa-secondary", opacity: a ? "1" : "0.4", d: "" }),
       /* @__PURE__ */ l(
         "path",
         {
-          opacity: a ? "1" : "0.4",
-          d: "M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"
+          className: "fa-primary",
+          d: "M248 72c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 160L40 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l160 0 0 160c0 13.3 10.7 24 24 24s24-10.7 24-24l0-160 160 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-160 0 0-160z"
         }
-      ),
-      /* @__PURE__ */ l("path", { d: "" })
+      )
     ]
   }
 ), Yt = ({
@@ -35,7 +35,7 @@ const Xt = ({
   monotone: a,
   ...o
 }) => /* @__PURE__ */ l(
-  me,
+  ue,
   {
     defaultViewBox: "0 0 384 512",
     size: "size-5",
@@ -43,7 +43,7 @@ const Xt = ({
     className: e,
     title: r || "Close",
     ...o,
-    children: /* @__PURE__ */ l("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" })
+    children: /* @__PURE__ */ l("path", { d: "M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z" })
   }
 ), Zt = ({
   className: e,
@@ -51,8 +51,8 @@ const Xt = ({
   title: r,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ k(
-  me,
+}) => /* @__PURE__ */ l(
+  ue,
   {
     defaultViewBox: "0 0 384 512",
     size: "size-5",
@@ -60,16 +60,7 @@ const Xt = ({
     className: e,
     title: r || "Down",
     ...o,
-    children: [
-      /* @__PURE__ */ l(
-        "path",
-        {
-          opacity: a ? "1" : "0.4",
-          d: "M160 370.7V64c0-17.7 14.3-32 32-32s32 14.3 32 32V370.7l-32 32-32-32z"
-        }
-      ),
-      /* @__PURE__ */ l("path", { d: "M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 402.7 54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z" })
-    ]
+    children: /* @__PURE__ */ l("path", { d: "M174.6 472.6c4.5 4.7 10.8 7.4 17.4 7.4s12.8-2.7 17.4-7.4l168-176c9.2-9.6 8.8-24.8-.8-33.9s-24.8-8.8-33.9 .8L216 396.1 216 56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 340.1L41.4 263.4c-9.2-9.6-24.3-9.9-33.9-.8s-9.9 24.3-.8 33.9l168 176z" })
   }
 );
 /*!
@@ -92,18 +83,18 @@ const er = "av-header", tr = ({
   mode: a = "system",
   noColors: o = !1,
   sticky: n = !1,
-  noBorder: s = !1,
+  noBorder: i = !1,
   noMargin: c = !1,
   noPadding: d = !1
 }) => {
-  const g = i(
+  const g = s(
     er,
     {
-      "border-border-accent": a === "dark" && !r && !o && !s,
-      "border-border-medium": a === "light" && !r && !o && !s,
-      "border-border-accent dark:border-border-medium": a === "alt-system" && !r && !o && !s,
-      "border-border-medium dark:border-border-accent": a === "system" && !r && !o && !s,
-      "border-b-4": !r && !s,
+      "border-border-accent": a === "dark" && !r && !o && !i,
+      "border-border-medium": a === "light" && !r && !o && !i,
+      "border-border-accent dark:border-border-medium": a === "alt-system" && !r && !o && !i,
+      "border-border-medium dark:border-border-accent": a === "system" && !r && !o && !i,
+      "border-b-4": !r && !i,
       "border-transparent": !r && o,
       "bg-surface-dark": a === "dark" && !r && !o,
       "bg-surface-light": a === "light" && !r && !o,
@@ -112,12 +103,12 @@ const er = "av-header", tr = ({
       "sticky top-0 z-50": n
     },
     t
-  ), u = i({
+  ), m = s({
     "mt-0": !c,
     "p-2": !d,
     "flex flex-col w-full md:mx-auto md:max-w-4xl": !r
   });
-  return /* @__PURE__ */ l("header", { className: g, children: /* @__PURE__ */ l("div", { className: u, children: e }) });
+  return /* @__PURE__ */ l("header", { className: g, children: /* @__PURE__ */ l("div", { className: m, children: e }) });
 };
 function rr(e) {
   const t = e.toLowerCase().split("+").map((n) => n.trim()), r = {
@@ -133,15 +124,15 @@ function rr(e) {
   };
 }
 function ar(e, t) {
-  const { alt: r, ctrl: a, meta: o, mod: n, shift: s, key: c } = e, { altKey: d, ctrlKey: g, metaKey: u, shiftKey: h, key: m } = t;
+  const { alt: r, ctrl: a, meta: o, mod: n, shift: i, key: c } = e, { altKey: d, ctrlKey: g, metaKey: m, shiftKey: h, key: u } = t;
   if (r !== d)
     return !1;
   if (n) {
-    if (!g && !u)
+    if (!g && !m)
       return !1;
-  } else if (a !== g || o !== u)
+  } else if (a !== g || o !== m)
     return !1;
-  return s !== h ? !1 : !!(c && (m.toLowerCase() === c.toLowerCase() || t.code.replace("Key", "").toLowerCase() === c.toLowerCase()));
+  return i !== h ? !1 : !!(c && (u.toLowerCase() === c.toLowerCase() || t.code.replace("Key", "").toLowerCase() === c.toLowerCase()));
 }
 function or(e) {
   return (t) => ar(rr(e), t);
@@ -154,47 +145,47 @@ function nr(e) {
     });
   };
 }
-function ir() {
-  const e = v(!1);
+function sr() {
+  const e = k(!1);
   return x(() => (e.current = !0, () => {
     e.current = !1;
-  }), []), H(() => e.current, []);
+  }), []), D(() => e.current, []);
 }
 function at(e, t) {
   window.dispatchEvent(new StorageEvent("storage", { key: e, newValue: t }));
 }
-const Le = (e, t) => {
+const Me = (e, t) => {
   const r = JSON.stringify(
     typeof t == "function" ? t() : t
   );
   window.localStorage.setItem(e, r), at(e, r);
-}, sr = (e) => {
+}, ir = (e) => {
   window.localStorage.removeItem(e), at(e, null);
 }, Oe = (e) => window.localStorage.getItem(e), lr = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
-function Ve({
+function Ue({
   key: e,
   initialValue: t
 }) {
-  const r = Kt(lr, () => Oe(e)), a = H(
-    (s) => {
+  const r = Jt(lr, () => Oe(e)), a = D(
+    (i) => {
       try {
-        const c = typeof s == "function" ? s(JSON.parse(r)) : s;
-        c == null ? sr(e) : Le(e, c);
+        const c = typeof i == "function" ? i(JSON.parse(r)) : i;
+        c == null ? ir(e) : Me(e, c);
       } catch (c) {
         console.warn(c);
       }
     },
     [e, r]
-  ), o = H(() => {
+  ), o = D(() => {
     a(t);
-  }, [t, a]), n = H(() => {
+  }, [t, a]), n = D(() => {
     a(null);
   }, [a]);
   return x(() => {
     try {
-      Oe(e) === null && typeof t < "u" && Le(e, t);
-    } catch (s) {
-      console.warn(s);
+      Oe(e) === null && typeof t < "u" && Me(e, t);
+    } catch (i) {
+      console.warn(i);
     }
   }, [e, t]), [r ? JSON.parse(r) : null, a, o, n];
 }
@@ -209,30 +200,30 @@ const cr = {
   right: 0
 };
 function dr(e) {
-  const t = ir(), r = v(0), a = v(null), [o, n] = S(cr), s = pe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
+  const t = sr(), r = k(0), a = k(null), [o, n] = S(cr), i = pe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
     const d = c[0];
     d && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
       a.current && t() && n(d.contentRect);
     }));
   }), [t]);
-  return x(() => (a.current && (s == null || s.observe(a.current, e)), () => {
-    s == null || s.disconnect(), r.current && cancelAnimationFrame(r.current);
-  }), [s, e]), [a, o];
+  return x(() => (a.current && (i == null || i.observe(a.current, e)), () => {
+    i == null || i.disconnect(), r.current && cancelAnimationFrame(r.current);
+  }), [i, e]), [a, o];
 }
 /*!
-  @versini/ui-table v3.0.1
+  @versini/ui-table v3.0.4
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TABLE__ || (window.__VERSINI_UI_TABLE__ = {
-    version: "3.0.1",
-    buildTime: "01/03/2025 11:20 AM EST",
+    version: "3.0.4",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ee = "thead", be = "tfoot", G = "tbody", j = {
+const ee = "thead", be = "tfoot", H = "tbody", j = {
   ASC: "asc",
   DESC: "desc"
 }, gr = ({
@@ -242,7 +233,7 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   stickyHeader: a,
   stickyFooter: o
 }) => ({
-  wrapper: i(
+  wrapper: s(
     "not-prose relative w-full rounded-lg shadow-md",
     {
       "overflow-x-auto": !a && !o,
@@ -258,23 +249,23 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
     },
     r
   ),
-  table: i("my-0 w-full text-left text-sm", t, {
+  table: s("my-0 w-full text-left text-sm", t, {
     "text-copy-light": e === "dark",
     "text-copy-dark": e === "light",
     "text-copy-light dark:text-copy-dark": e === "system",
     "text-copy-dark dark:text-copy-light": e === "alt-system"
   }),
-  caption: i("py-2 text-sm font-bold", {
+  caption: s("py-2 text-sm font-bold", {
     "text-copy-light": e === "dark",
     "text-copy-dark": e === "light",
     "text-copy-light dark:text-copy-dark": e === "system",
     "text-copy-dark dark:text-copy-light": e === "alt-system"
   })
-}), ur = ({
+}), mr = ({
   className: e,
   stickyHeader: t,
   mode: r
-}) => i(
+}) => s(
   {
     "sticky top-0 z-10": t,
     "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": t && r === "dark",
@@ -283,11 +274,11 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
     "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": t && r === "alt-system"
   },
   e
-), mr = ({
+), ur = ({
   className: e,
   stickyFooter: t,
   mode: r
-}) => i(
+}) => s(
   {
     "sticky bottom-0 z-10": t,
     "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": t && r === "dark",
@@ -300,7 +291,7 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   mode: e,
   className: t,
   cellWrapper: r
-}) => r === ee || r === be ? i(
+}) => r === ee || r === be ? s(
   {
     "bg-table-head-dark": e === "dark" || e === "system",
     "bg-table-head-light": e === "light" || e === "alt-system",
@@ -308,17 +299,17 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
     "dark:bg-table-head-dark": e === "alt-system"
   },
   t
-) : i(
+) : s(
   "border-b last:border-0",
   {
     "border-table-dark": e === "dark" || e === "system",
-    "odd:bg-table-dark-odd even:bg-table-dark-even": r === G && e === "dark",
+    "odd:bg-table-dark-odd even:bg-table-dark-even": r === H && e === "dark",
     "border-table-light": e === "light" || e === "alt-system",
-    "odd:bg-table-light-odd even:bg-table-light-even": r === G && e === "light",
+    "odd:bg-table-light-odd even:bg-table-light-even": r === H && e === "light",
     "dark:border-table-light": e === "system",
-    "odd:bg-table-dark-odd even:bg-table-dark-even dark:odd:bg-table-light-odd dark:even:bg-table-light-even": r === G && e === "system",
+    "odd:bg-table-dark-odd even:bg-table-dark-even dark:odd:bg-table-light-odd dark:even:bg-table-light-even": r === H && e === "system",
     "dark:border-table-dark": e === "alt-system",
-    "odd:bg-table-light-odd even:bg-table-light-even dark:odd:bg-table-dark-odd dark:even:bg-table-dark-even": r === G && e === "alt-system"
+    "odd:bg-table-light-odd even:bg-table-light-even dark:odd:bg-table-dark-odd dark:even:bg-table-dark-even": r === H && e === "alt-system"
   },
   t
 ), pr = ({
@@ -328,43 +319,43 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   mode: a,
   align: o
 }) => ({
-  alignClasses: i({
+  alignClasses: s({
     "flex justify-start text-left": o === "left",
     "flex justify-center text-center": o === "center",
     "flex justify-end text-right": o === "right"
   }),
-  mainClasses: i(
+  mainClasses: s(
     {
       "text-copy-light": a === "dark" || a === "system",
       "text-copy-dark": a === "light" || a === "alt-system",
       "dark:text-copy-dark": a === "system",
       "dark:text-copy-light": a === "alt-system",
       "px-4 py-3": !r && (e === ee || e === be),
-      "p-4": !r && e === G,
+      "p-4": !r && e === H,
       "px-2 py-1.5": r
     },
     t
   )
 }), br = ({
   buttonClassName: e
-}) => i("rounded-none text-sm", e), He = "av-button", ye = "icon", ot = "button", de = "link", yr = ({
+}) => s("rounded-none text-sm", e), De = "av-button", ye = "icon", ot = "button", de = "link", yr = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: o
 }) => {
-  const n = "max-h-8 py-0 px-2", s = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
+  const n = "max-h-8 py-0 px-2", i = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
   switch (e) {
     case ot:
     case de:
-      return i({
+      return s({
         [n]: t === "small",
-        [s]: t === "medium",
+        [i]: t === "medium",
         [c]: t === "large"
       });
     case ye:
-      return i("inline-flex items-center", {
+      return s("inline-flex items-center", {
         "justify-center": o === "center",
         "justify-start": o === "left",
         "justify-end": o === "right",
@@ -382,21 +373,21 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   labelRight: r,
   labelLeft: a
 }) => {
-  const o = "text-sm font-medium", n = "text-base font-medium", s = "text-lg font-medium";
+  const o = "text-sm font-medium", n = "text-base font-medium", i = "text-lg font-medium";
   switch (e) {
     case ot:
     case de:
-      return i({
+      return s({
         "text-center": e === de,
         [o]: t === "small",
         [n]: t === "medium",
-        [s]: t === "large"
+        [i]: t === "large"
       });
     case ye:
-      return i({
+      return s({
         [o]: t === "small" && (r || a),
         [n]: t === "medium" && (r || a),
-        [s]: t === "large" && (r || a)
+        [i]: t === "large" && (r || a)
       });
   }
 }, kr = ({
@@ -408,36 +399,32 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   if (t)
     return "not-prose";
   if (a === "primary")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "light",
-      "text-copy-lighter": e === "dark",
-      "text-copy-light dark:text-copy-lighter": e === "alt-system",
-      "text-copy-lighter dark:text-copy-light": e === "system"
+      "text-copy-light": e === "light" || e === "system",
+      "text-copy-lighter": e === "dark" || e === "alt-system",
+      "dark:text-copy-lighter": e === "alt-system",
+      "dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
     });
   if (a === "selected")
-    return i("not-prose", {
-      truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+    return s("not-prose text-copy-lighter", {
+      truncate: !r
     });
 }, vr = ({
   mode: e,
@@ -446,21 +433,21 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
 }) => {
   if (!t) {
     if (r === "primary")
-      return i({
+      return s({
         "bg-action-dark": e === "dark",
         "bg-action-light": e === "light",
         "bg-action-dark dark:bg-action-light": e === "system",
         "bg-action-light dark:bg-action-dark": e === "alt-system"
       });
     if (r === "secondary")
-      return i({
+      return s({
         "bg-action-dark": e === "light",
         "bg-action-light": e === "dark",
         "bg-action-dark dark:bg-action-light": e === "alt-system",
         "bg-action-light dark:bg-action-dark": e === "system"
       });
     if (r === "danger")
-      return i({
+      return s({
         "bg-action-danger-dark": e === "dark",
         "bg-action-danger-light": e === "light",
         "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
@@ -471,7 +458,7 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   }
 }, xr = ({
   radius: e
-}) => i({
+}) => s({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
@@ -483,21 +470,21 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   if (t)
     return "";
   if (r === "primary")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "dark",
       "hover:bg-action-light-hover": e === "light",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
     });
   if (r === "secondary")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "light",
       "hover:bg-action-light-hover": e === "dark",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
     });
   if (r === "danger")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-danger-dark-hover": e === "dark",
       "hover:bg-action-danger-light-hover": e === "light",
       "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
@@ -513,21 +500,21 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   if (t)
     return "";
   if (r === "primary")
-    return i("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "dark",
       "active:bg-action-light-active": e === "light",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
     });
   if (r === "secondary")
-    return i("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "light",
       "active:bg-action-light-active": e === "dark",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
     });
   if (r === "danger")
-    return i("active:text-copy-lighter-active", {
+    return s("active:text-copy-lighter-active", {
       "active:bg-action-danger-dark-active": e === "dark",
       "active:bg-action-danger-light-active": e === "light",
       "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
@@ -535,7 +522,7 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
     });
   if (r === "selected")
     return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
-}, Tr = ({
+}, Nr = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -543,21 +530,21 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return i("border", {
+    return s("border", {
       "border-border-dark": e === "dark",
       "border-border-accent": e === "light",
       "border-border-dark dark:border-border-accent": e === "system",
       "border-border-accent dark:border-border-dark": e === "alt-system"
     });
   if (r === "secondary")
-    return i("border", {
+    return s("border", {
       "border-border-dark": e === "light",
       "border-border-accent": e === "dark",
       "border-border-dark dark:border-border-accent": e === "alt-system",
       "border-border-accent dark:border-border-dark": e === "system"
     });
   if (r === "danger")
-    return i("border", {
+    return s("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
@@ -565,9 +552,9 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
     });
   if (r === "selected")
     return "border border-border-selected-dark";
-}, Nr = ({
+}, Tr = ({
   focusMode: e
-}) => i("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => s("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",
@@ -579,40 +566,40 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
   mode: a,
   focusMode: o,
   disabled: n,
-  fullWidth: s,
+  fullWidth: i,
   size: c,
   noBorder: d,
   labelRight: g,
-  labelLeft: u,
+  labelLeft: m,
   noBackground: h,
-  variant: m,
+  variant: u,
   noTruncate: p,
   align: b,
   radius: f
-}) => (m || (m = "primary"), r ? i(He, t) : i(
-  He,
+}) => (u || (u = "primary"), r ? s(De, t) : s(
+  De,
   kr({
     mode: a,
-    variant: m,
+    variant: u,
     noBackground: h,
     noTruncate: p
   }),
-  vr({ mode: a, noBackground: h, variant: m }),
+  vr({ mode: a, noBackground: h, variant: u }),
   xr({ radius: f }),
   yr({
     type: e,
     size: c,
     labelRight: g,
-    labelLeft: u,
+    labelLeft: m,
     align: b
   }),
-  fr({ type: e, size: c, labelRight: g, labelLeft: u }),
-  Tr({ mode: a, variant: m, noBorder: d }),
-  Nr({ focusMode: o }),
-  _r({ mode: a, variant: m, disabled: n }),
-  wr({ mode: a, variant: m, disabled: n }),
+  fr({ type: e, size: c, labelRight: g, labelLeft: m }),
+  Nr({ mode: a, variant: u, noBorder: d }),
+  Tr({ focusMode: o }),
+  _r({ mode: a, variant: u, disabled: n }),
+  wr({ mode: a, variant: u, disabled: n }),
   {
-    "w-full": s,
+    "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": n
   },
   t
@@ -634,19 +621,19 @@ const ee = "thead", be = "tfoot", G = "tbody", j = {
 });
 nt.displayName = "BaseButton";
 /*!
-  @versini/ui-button v4.0.0
+  @versini/ui-button v4.0.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.0",
-    buildTime: "01/03/2025 11:20 AM EST",
+    version: "4.0.3",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const it = I.forwardRef(
+const st = I.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -654,20 +641,20 @@ const it = I.forwardRef(
     focusMode: a = "system",
     fullWidth: o = !1,
     className: n,
-    type: s = "button",
+    type: i = "button",
     raw: c = !1,
     noBorder: d = !1,
     "aria-label": g,
-    label: u,
+    label: m,
     size: h = "medium",
-    labelRight: m,
+    labelRight: u,
     labelLeft: p,
     noBackground: b = !1,
     align: f = "center",
     active: y = !1,
     radius: _ = "large",
-    ...T
-  }, N) => {
+    ...N
+  }, T) => {
     const R = Er({
       type: ye,
       mode: r,
@@ -678,17 +665,17 @@ const it = I.forwardRef(
       className: n,
       noBorder: d,
       size: h,
-      labelRight: m,
+      labelRight: u,
       labelLeft: p,
       noBackground: b,
       align: f,
       radius: _
-    }), E = i({
+    }), E = s({
       "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 = y ? i(
+    }), z = y ? s(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -705,25 +692,25 @@ const it = I.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ l("div", { className: M, children: /* @__PURE__ */ k(
+    return /* @__PURE__ */ l("div", { className: z, children: /* @__PURE__ */ v(
       nt,
       {
-        ref: N,
+        ref: T,
         className: R,
         disabled: t,
-        type: s,
-        "aria-label": g || u,
-        ...T,
+        type: i,
+        "aria-label": g || m,
+        ...N,
         children: [
           p && /* @__PURE__ */ l("span", { className: "pr-2", children: p }),
           /* @__PURE__ */ l("div", { className: E, children: e }),
-          m && /* @__PURE__ */ l("span", { className: "pl-2", children: m })
+          u && /* @__PURE__ */ l("span", { className: "pl-2", children: u })
         ]
       }
     ) });
   }
 );
-it.displayName = "ButtonSort";
+st.displayName = "ButtonSort";
 const fe = ({
   children: e,
   fill: t,
@@ -731,12 +718,12 @@ const fe = ({
   className: a,
   defaultViewBox: o,
   size: n,
-  title: s,
+  title: i,
   semantic: c = !1,
   ...d
 }) => {
-  const g = i(n, a);
-  return /* @__PURE__ */ k(Y, { children: [
+  const g = s(n, a);
+  return /* @__PURE__ */ v(Y, { children: [
     /* @__PURE__ */ l(
       "svg",
       {
@@ -751,7 +738,7 @@ const fe = ({
         children: e
       }
     ),
-    s && c && /* @__PURE__ */ l("span", { className: "sr-only", children: s })
+    i && c && /* @__PURE__ */ l("span", { className: "sr-only", children: i })
   ] });
 };
 /*!
@@ -761,7 +748,7 @@ const fe = ({
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
     version: "4.0.0",
-    buildTime: "01/03/2025 11:19 AM EST",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -773,7 +760,7 @@ const Cr = ({
   title: r,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ v(
   fe,
   {
     defaultViewBox: "0 0 576 512",
@@ -786,11 +773,18 @@ const Cr = ({
       /* @__PURE__ */ l(
         "path",
         {
+          className: "fa-secondary",
           opacity: a ? "1" : "0.4",
-          d: "M393.4 41.4c12.5-12.5 32.8-12.5 45.3 0l96 96c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L448 141.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V141.3l-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96z"
+          d: "M297.4 137.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L384 141.3 384 448c0 17.7 14.3 32 32 32s32-14.3 32-32l0-306.7 41.4 41.4c12.5 12.5 32.8 12.5 45.3 0c6.2-6.2 9.4-14.4 9.4-22.6s-3.1-16.4-9.4-22.6l-96-96C432.4 35.1 424.2 32 416 32s-16.4 3.1-22.6 9.4l-96 96z"
         }
       ),
-      /* @__PURE__ */ l("path", { d: "M137.4 470.6c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 370.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V370.7L86.6 329.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96z" })
+      /* @__PURE__ */ l(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M137.4 470.6c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 370.7 192 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L86.6 329.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96z"
+        }
+      )
     ]
   }
 ), Ir = ({
@@ -799,7 +793,7 @@ const Cr = ({
   title: r,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ v(
   fe,
   {
     defaultViewBox: "0 0 576 512",
@@ -812,11 +806,18 @@ const Cr = ({
       /* @__PURE__ */ l(
         "path",
         {
+          className: "fa-secondary",
           opacity: a ? "1" : "0.4",
-          d: "M288 448c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32zm0-128c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32zm0-128c0 17.7 14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32zm0-128c0 17.7 14.3 32 32 32H544c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32z"
+          d: "M288 64c0-17.7 14.3-32 32-32l224 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L320 96c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-160 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-96 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l32 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32z"
         }
       ),
-      /* @__PURE__ */ l("path", { d: "M128 480c9 0 17.5-3.8 23.6-10.4l88-96c11.9-13 11.1-33.3-2-45.2s-33.3-11.1-45.2 2L160 365.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V365.7L63.6 330.4c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96C110.5 476.2 119 480 128 480z" })
+      /* @__PURE__ */ l(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M128 480c9 0 17.5-3.8 23.6-10.4l88-96c11.9-13 11.1-33.3-2-45.2s-33.3-11.1-45.2 2L160 365.7 160 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 301.7L63.6 330.4c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96C110.5 476.2 119 480 128 480z"
+        }
+      )
     ]
   }
 ), Rr = ({
@@ -825,7 +826,7 @@ const Cr = ({
   title: r,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ v(
   fe,
   {
     defaultViewBox: "0 0 576 512",
@@ -838,28 +839,35 @@ const Cr = ({
       /* @__PURE__ */ l(
         "path",
         {
+          className: "fa-secondary",
           opacity: a ? "1" : "0.4",
-          d: "M288 64c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32H544c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32z"
+          d: "M288 64c0-17.7 14.3-32 32-32l32 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-96 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-160 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l224 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-224 0c-17.7 0-32-14.3-32-32z"
         }
       ),
-      /* @__PURE__ */ l("path", { d: "M128 32c9 0 17.5 3.8 23.6 10.4l88 96c11.9 13 11.1 33.3-2 45.2s-33.3 11.1-45.2-2L160 146.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V146.3L63.6 181.6c-11.9 13-32.2 13.9-45.2 2s-13.9-32.2-2-45.2l88-96C110.5 35.8 119 32 128 32z" })
+      /* @__PURE__ */ l(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M128 32c9 0 17.5 3.8 23.6 10.4l88 96c11.9 13 11.1 33.3-2 45.2s-33.3 11.1-45.2-2L160 146.3 160 448c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-301.7L63.6 181.6c-11.9 13-32.2 13.9-45.2 2s-13.9-32.2-2-45.2l88-96C110.5 35.8 119 32 128 32z"
+        }
+      )
     ]
   }
 );
 /*!
-  @versini/ui-icons v4.0.0
+  @versini/ui-icons v4.2.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.0.0",
-    buildTime: "01/03/2025 11:19 AM EST",
+    version: "4.2.0",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const P = I.createContext({
+const G = I.createContext({
   mode: "light",
   cellWrapper: "thead",
   stickyHeader: !1,
@@ -872,21 +880,21 @@ const P = I.createContext({
   compact: a,
   summary: o,
   className: n,
-  wrapperClassName: s,
+  wrapperClassName: i,
   maxHeight: c,
   stickyHeader: d,
   stickyFooter: g,
-  ...u
+  ...m
 }) => {
   const h = gr({
     mode: t,
     className: n,
-    wrapperClassName: s,
+    wrapperClassName: i,
     stickyHeader: d,
     stickyFooter: g
   });
   return /* @__PURE__ */ l(
-    P.Provider,
+    G.Provider,
     {
       value: { mode: t, stickyHeader: d, stickyFooter: g, compact: a },
       children: /* @__PURE__ */ l(
@@ -896,7 +904,7 @@ const P = I.createContext({
           ...c && {
             style: { maxHeight: c }
           },
-          children: /* @__PURE__ */ k("table", { className: h.table, summary: o, ...u, children: [
+          children: /* @__PURE__ */ v("table", { className: h.table, summary: o, ...m, children: [
             r && /* @__PURE__ */ l("caption", { className: h.caption, children: r }),
             e
           ] })
@@ -909,9 +917,9 @@ const P = I.createContext({
   className: t,
   ...r
 }) => {
-  const a = A(P);
+  const a = $(G);
   a.cellWrapper = ee;
-  const o = ur({
+  const o = mr({
     className: t,
     mode: a.mode,
     stickyHeader: a.stickyHeader
@@ -922,43 +930,43 @@ const P = I.createContext({
   className: t,
   ...r
 }) => {
-  const a = A(P);
+  const a = $(G);
   a.cellWrapper = be;
-  const o = mr({
+  const o = ur({
     className: t,
     mode: a.mode,
     stickyFooter: a.stickyFooter
   });
   return /* @__PURE__ */ l("tfoot", { className: o, ...r, children: e });
 }, ao = ({ children: e, ...t }) => {
-  const r = A(P);
-  return r.cellWrapper = G, /* @__PURE__ */ l("tbody", { ...t, children: e });
+  const r = $(G);
+  return r.cellWrapper = H, /* @__PURE__ */ l("tbody", { ...t, children: e });
 }, oo = ({
   children: e,
   className: t,
   ...r
 }) => {
-  const a = A(P), o = hr({
+  const a = $(G), o = hr({
     mode: a.mode,
     cellWrapper: a.cellWrapper,
     className: t
   });
   return /* @__PURE__ */ l("tr", { className: o, ...r, children: e });
-}, Ar = ({
+}, $r = ({
   children: e,
   component: t,
   className: r,
   align: a,
   ...o
 }) => {
-  const n = A(P), s = t || (n.cellWrapper === ee ? "th" : "td"), { mainClasses: c, alignClasses: d } = pr({
+  const n = $(G), i = t || (n.cellWrapper === ee ? "th" : "td"), { mainClasses: c, alignClasses: d } = pr({
     cellWrapper: n.cellWrapper,
     className: r,
     mode: n.mode,
     compact: n.compact,
     align: a
   });
-  return a ? /* @__PURE__ */ l(s, { className: c, ...o, children: /* @__PURE__ */ l("div", { className: d, children: e }) }) : /* @__PURE__ */ l(s, { className: c, ...o, children: e });
+  return a ? /* @__PURE__ */ l(i, { className: c, ...o, children: /* @__PURE__ */ l("div", { className: d, children: e }) }) : /* @__PURE__ */ l(i, { className: c, ...o, children: e });
 }, no = ({
   align: e,
   children: t,
@@ -966,35 +974,35 @@ const P = I.createContext({
   className: a,
   component: o,
   focusMode: n = "alt-system",
-  mode: s = "alt-system",
+  mode: i = "alt-system",
   onClick: c,
   sortDirection: d,
   sortedCell: g,
-  cellId: u,
+  cellId: m,
   ...h
 }) => {
-  const m = br({ buttonClassName: r });
+  const u = br({ buttonClassName: r });
   return /* @__PURE__ */ l(
-    Ar,
+    $r,
     {
       component: o,
       className: a,
       role: "columnheader",
-      "aria-sort": d === j.ASC && g === u ? "ascending" : d === j.DESC && g === u ? "descending" : "other",
+      "aria-sort": d === j.ASC && g === m ? "ascending" : d === j.DESC && g === m ? "descending" : "other",
       ...h,
       children: /* @__PURE__ */ l(
-        it,
+        st,
         {
-          active: g === u,
-          className: m,
+          active: g === m,
+          className: u,
           onClick: c,
           align: e,
           noBorder: !0,
           focusMode: n,
-          mode: s,
+          mode: i,
           fullWidth: !0,
           labelRight: t,
-          children: d === j.ASC && g === u ? /* @__PURE__ */ l(Rr, { className: "size-4", monotone: !0 }) : d === j.DESC && g === u ? /* @__PURE__ */ l(Ir, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ l(Cr, { className: "size-4", monotone: !0 })
+          children: d === j.ASC && g === m ? /* @__PURE__ */ l(Rr, { className: "size-4", monotone: !0 }) : d === j.DESC && g === m ? /* @__PURE__ */ l(Ir, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ l(Cr, { className: "size-4", monotone: !0 })
         }
       )
     }
@@ -1005,26 +1013,26 @@ for (let e = 0; e < 256; ++e)
 function Br(e, t = 0) {
   return (w[e[t + 0]] + w[e[t + 1]] + w[e[t + 2]] + w[e[t + 3]] + "-" + w[e[t + 4]] + w[e[t + 5]] + "-" + w[e[t + 6]] + w[e[t + 7]] + "-" + w[e[t + 8]] + w[e[t + 9]] + "-" + w[e[t + 10]] + w[e[t + 11]] + w[e[t + 12]] + w[e[t + 13]] + w[e[t + 14]] + w[e[t + 15]]).toLowerCase();
 }
-let ie;
-const $r = new Uint8Array(16);
-function zr() {
-  if (!ie) {
+let se;
+const Ar = new Uint8Array(16);
+function Lr() {
+  if (!se) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    ie = crypto.getRandomValues.bind(crypto);
+    se = crypto.getRandomValues.bind(crypto);
   }
-  return ie($r);
+  return se(Ar);
 }
-const Mr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ue = { randomUUID: Mr };
+const zr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ve = { randomUUID: zr };
 function ke(e, t, r) {
-  if (Ue.randomUUID && !t && !e)
-    return Ue.randomUUID();
+  if (Ve.randomUUID && !t && !e)
+    return Ve.randomUUID();
   e = e || {};
-  const a = e.random || (e.rng || zr)();
+  const a = e.random || (e.rng || Lr)();
   return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Br(a);
 }
-const Lr = (e, t) => {
-  if ((t == null ? void 0 : t.type) === $t) {
+const Mr = (e, t) => {
+  if ((t == null ? void 0 : t.type) === At) {
     const r = t.payload.messages.map((a) => ({
       message: {
         role: a.role,
@@ -1044,28 +1052,28 @@ const Lr = (e, t) => {
     };
   }
   if ((t == null ? void 0 : t.type) === q) {
-    const r = t.payload.message.role, a = t.payload.message.content, o = t.payload.message.name, n = t.payload.message.processingTime, s = t.payload.message.messageId;
+    const r = t.payload.message.role, a = t.payload.message.content, o = t.payload.message.name, n = t.payload.message.processingTime, i = t.payload.message.messageId;
     if (r !== "") {
       const c = {
         role: r,
         content: a,
         name: o,
         processingTime: n,
-        messageId: s
+        messageId: i
       };
-      if (r === J) {
+      if (r === K) {
         const d = e.messages.findIndex(
-          (g) => g.message.messageId === s
+          (g) => g.message.messageId === i
         );
         if (d !== -1) {
-          const g = e.messages.map((u, h) => h === d ? {
+          const g = e.messages.map((m, h) => h === d ? {
             message: {
-              ...u.message,
-              content: `${u.message.content}${a}`,
+              ...m.message,
+              content: `${m.message.content}${a}`,
               processingTime: n,
               name: o
             }
-          } : u);
+          } : m);
           return {
             id: e.id,
             model: e.model,
@@ -1101,7 +1109,7 @@ const Lr = (e, t) => {
     messages: [],
     isComponent: e.isComponent,
     tags: e.tags
-  } : (t == null ? void 0 : t.type) === Je ? {
+  } : (t == null ? void 0 : t.type) === Ke ? {
     id: e.id,
     model: t.payload.model,
     engine: e.engine,
@@ -1109,7 +1117,7 @@ const Lr = (e, t) => {
     usage: t.payload.usage,
     messages: e.messages,
     isComponent: e.isComponent
-  } : (t == null ? void 0 : t.type) === Ke ? {
+  } : (t == null ? void 0 : t.type) === Je ? {
     ...e,
     engine: t.payload.engine
   } : (t == null ? void 0 : t.type) === Qe ? {
@@ -1118,13 +1126,13 @@ const Lr = (e, t) => {
   } : e;
 }, Or = (e, t) => {
   switch (t == null ? void 0 : t.type) {
-    case Mt:
+    case zt:
       return {
         searchString: t.payload.searchString,
         sortedCell: e.sortedCell,
         sortDirection: e.sortDirection
       };
-    case zt:
+    case Lt:
       return {
         searchString: e.searchString,
         sortedCell: t.payload.sortedCell,
@@ -1133,7 +1141,7 @@ const Lr = (e, t) => {
     default:
       return e;
   }
-}, Vr = (e, t) => {
+}, Ur = (e, t) => {
   switch (t == null ? void 0 : t.type) {
     case Ze:
       return {
@@ -1153,7 +1161,7 @@ const Lr = (e, t) => {
     default:
       return e;
   }
-}, z = {
+}, L = {
   GET_LOCATION: `query GetLocation($latitude: Float!, $longitude: Float!) {
     location(latitude: $latitude, longitude: $longitude) {
     	country
@@ -1257,40 +1265,40 @@ const Lr = (e, t) => {
 			engine: $engine,
 			tags: $tags)
 	}`
-}, st = {
+}, it = {
   GET_LOCATION: {
-    schema: z.GET_LOCATION,
+    schema: L.GET_LOCATION,
     method: "location"
   },
   GET_CHATS: {
-    schema: z.GET_CHATS,
+    schema: L.GET_CHATS,
     method: "chats"
   },
   GET_CHATS_STATS: {
-    schema: z.GET_CHATS_STATS,
+    schema: L.GET_CHATS_STATS,
     method: "chatsStats"
   },
   GET_CHAT: {
-    schema: z.GET_CHAT,
+    schema: L.GET_CHAT,
     method: "chatById"
   },
   DELETE_CHAT: {
-    schema: z.DELETE_CHAT,
+    schema: L.DELETE_CHAT,
     method: "deleteChat"
   },
   ABOUT: {
-    schema: z.ABOUT,
+    schema: L.ABOUT,
     method: "about"
   },
   GET_USER_PREFERENCES: {
-    schema: z.GET_USER_PREFERENCES,
+    schema: L.GET_USER_PREFERENCES,
     method: "getUserPreferences"
   },
   SET_USER_PREFERENCES: {
-    schema: z.SET_USER_PREFERENCES,
+    schema: L.SET_USER_PREFERENCES,
     method: "setUserPreferences"
   }
-}, lt = process.env.PUBLIC_SASSY_API_SERVER_URL, Hr = async ({
+}, lt = process.env.PUBLIC_SASSY_API_SERVER_URL, Dr = async ({
   query: e,
   data: t,
   headers: r = {}
@@ -1313,7 +1321,7 @@ const Lr = (e, t) => {
 }) => {
   const a = t != null && t.data ? t.data(r) : r;
   try {
-    const o = `Bearer ${e}`, n = await Hr({
+    const o = `Bearer ${e}`, n = await Dr({
       headers: {
         authorization: o
       },
@@ -1322,16 +1330,16 @@ const Lr = (e, t) => {
     });
     if (n.status !== 200)
       return { status: n.status, data: [] };
-    const { data: s, errors: c } = await n.json();
+    const { data: i, errors: c } = await n.json();
     return {
       status: n.status,
-      data: s[t.method],
+      data: i[t.method],
       errors: c
     };
   } catch (o) {
     return console.error(o), { status: 500, data: [] };
   }
-}, Ur = async ({
+}, Vr = async ({
   accessToken: e,
   name: t,
   data: r,
@@ -1350,8 +1358,8 @@ const Lr = (e, t) => {
 }, F = I.createContext({
   state: {
     id: "",
-    model: V,
-    engine: V,
+    model: U,
+    engine: U,
     usage: 0,
     messages: [],
     isComponent: !1,
@@ -1363,10 +1371,10 @@ const Lr = (e, t) => {
     version: "",
     models: [],
     plugins: [],
-    engine: V,
+    engine: U,
     engines: []
   }
-}), Dr = I.createContext({
+}), Pr = I.createContext({
   state: { searchString: "", sortedCell: "", sortDirection: "" },
   dispatch: () => {
   }
@@ -1388,12 +1396,12 @@ try {
   });
 } catch {
 }
-const dt = "av-text-area", Gr = "av-text-area-wrapper", se = "av-text-area-helper-text", Pr = "av-text-area__control--right", Fr = "av-text-area__control--left";
+const dt = "av-text-area", Hr = "av-text-area-wrapper", ie = "av-text-area-helper-text", Gr = "av-text-area__control--right", Fr = "av-text-area__control--left";
 function Wr() {
-  const e = v(!1);
+  const e = k(!1);
   return x(() => (e.current = !0, () => {
     e.current = !1;
-  }), []), H(() => e.current, []);
+  }), []), D(() => e.current, []);
 }
 function jr(e) {
   return pe(() => e.every((t) => t == null) ? () => {
@@ -1413,18 +1421,18 @@ const qr = {
   bottom: 0,
   right: 0
 };
-function De(e) {
-  const t = Wr(), r = v(0), a = v(null), [o, n] = S(qr), s = pe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
+function Pe(e) {
+  const t = Wr(), r = k(0), a = k(null), [o, n] = S(qr), i = pe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
     const d = c[0];
     d && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
       a.current && t() && n(d.contentRect);
     }));
   }), [t]);
-  return x(() => (a.current && (s == null || s.observe(a.current, e)), () => {
-    s == null || s.disconnect(), r.current && cancelAnimationFrame(r.current);
-  }), [s, e]), [a, o];
+  return x(() => (a.current && (i == null || i.observe(a.current, e)), () => {
+    i == null || i.disconnect(), r.current && cancelAnimationFrame(r.current);
+  }), [i, e]), [a, o];
 }
-function Jr({
+function Kr({
   value: e,
   defaultValue: t,
   finalValue: r,
@@ -1432,18 +1440,18 @@ function Jr({
   },
   initialControlledDelay: o = 0
 }) {
-  const [n, s] = S(!1), [c, d] = S(
+  const [n, i] = S(!1), [c, d] = S(
     t !== void 0 ? t : r
-  ), g = (u) => {
-    d(u), a == null || a(u);
+  ), g = (m) => {
+    d(m), a == null || a(m);
   };
   return x(() => {
     (async () => e !== void 0 && !n && o > 0 && (await new Promise(
-      (u) => setTimeout(u, o)
-    ), s(!0)))();
+      (m) => setTimeout(m, o)
+    ), i(!0)))();
   }, [e, o, n]), e !== void 0 ? !n && o > 0 ? ["", a, !0] : [e, a, !0] : [c, g, !1];
 }
-function Kr(e) {
+function Jr(e) {
   const t = Qt();
   if (!e)
     return t;
@@ -1454,7 +1462,7 @@ function Kr(e) {
     return typeof r == "number" || typeof r == "string" ? `${a}${r}` : `${a}${t}`;
   }
 }
-const gt = "SET_ANNOUNCEMENT", ut = "CLEAR_ANNOUNCEMENT", Qr = {
+const gt = "SET_ANNOUNCEMENT", mt = "CLEAR_ANNOUNCEMENT", Qr = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -1469,7 +1477,7 @@ const gt = "SET_ANNOUNCEMENT", ut = "CLEAR_ANNOUNCEMENT", Qr = {
         ...e,
         announcement: t.payload
       };
-    case ut:
+    case mt:
       return {
         ...e,
         announcement: null
@@ -1482,9 +1490,9 @@ const gt = "SET_ANNOUNCEMENT", ut = "CLEAR_ANNOUNCEMENT", Qr = {
   dispatch: t
 }) => {
   t({
-    type: ut
+    type: mt
   }), typeof e == "function" && e();
-}, Ge = ({
+}, He = ({
   children: e,
   clearAnnouncementDelay: t,
   clearAnnouncementTimeoutRef: r,
@@ -1508,20 +1516,20 @@ const gt = "SET_ANNOUNCEMENT", ut = "CLEAR_ANNOUNCEMENT", Qr = {
   clearAnnouncementDelay: a,
   clearAnnouncementTimeoutRef: o,
   onAnnouncementClear: n,
-  dispatch: s
+  dispatch: i
 }) => {
-  clearTimeout(t.current), r ? t.current = setTimeout(Ge, r, {
+  clearTimeout(t.current), r ? t.current = setTimeout(He, r, {
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: o,
     onAnnouncementClear: n,
-    dispatch: s
-  }) : Ge({
+    dispatch: i
+  }) : He({
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: o,
     onAnnouncementClear: n,
-    dispatch: s
+    dispatch: i
   });
 };
 function ea({
@@ -1531,11 +1539,11 @@ function ea({
   role: a = null,
   announcementDelay: o,
   clearAnnouncementDelay: n,
-  onAnnouncementClear: s,
+  onAnnouncementClear: i,
   visible: c,
   ...d
 }) {
-  const g = v(null), u = v(null), [h, m] = Q(Xr, {
+  const g = k(null), m = k(null), [h, u] = Q(Xr, {
     announcement: null
   });
   let p = r;
@@ -1545,17 +1553,17 @@ function ea({
       announcementDelay: o,
       children: e,
       clearAnnouncementDelay: n,
-      clearAnnouncementTimeoutRef: u,
-      onAnnouncementClear: s,
-      dispatch: m
+      clearAnnouncementTimeoutRef: m,
+      onAnnouncementClear: i,
+      dispatch: u
     });
   }, [
     e,
     o,
     n,
-    s
+    i
   ]);
-  const b = i(t, {
+  const b = s(t, {
     "sr-only": !c
   });
   return /* @__PURE__ */ l(
@@ -1582,14 +1590,14 @@ try {
   });
 } catch {
 }
-const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", ra = ({ mode: e }) => i({
+const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", ra = ({ mode: e }) => s({
   "bg-surface-darker text-copy-lighter caret-copy-light": e === "dark",
   "bg-surface-lighter text-copy-dark caret-copy-dark": e === "light",
   "bg-surface-lighter text-copy-dark caret-copy-dark dark:bg-surface-darker dark:text-copy-lighter dark:caret-copy-light": e === "system",
   "bg-surface-darker text-copy-lighter caret-copy-light dark:bg-surface-lighter dark:text-copy-dark dark:caret-copy-dark": e === "alt-system"
 }), aa = ({
   focusMode: e
-}) => i("focus:outline focus:outline-2 focus:outline-offset-2", {
+}) => s("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",
@@ -1597,7 +1605,7 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
 }), oa = ({
   noBorder: e,
   error: t
-}) => i("border-2", {
+}) => s("border-2", {
   "border-border-dark": !e && !t,
   "focus:border-border-dark": !e && t,
   "border-border-error-dark": !e && t,
@@ -1613,14 +1621,14 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   if (t)
     return "";
   if (e)
-    return i(
+    return s(
       "transform translate-y-0 scale-100 absolute px-2 cursor-not-allowed opacity-50 font-medium",
       {
         "translate-x-[12px]": n === !0 && !o || !n && !o
       }
     );
   if (!r)
-    return i(
+    return s(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
         "translate-x-[12px]": n === !0 && !o || !n && !o,
@@ -1631,7 +1639,7 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       }
     );
   if (r)
-    return i(
+    return s(
       "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
       {
         "translate-x-[12px]": n === !0 && !o || !n && !o,
@@ -1641,7 +1649,7 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "text-copy-medium dark:text-copy-error-dark": a === "alt-system"
       }
     );
-}, ia = ({
+}, sa = ({
   error: e,
   raw: t,
   mode: r,
@@ -1650,41 +1658,41 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   if (t)
     return "";
   if (a)
-    return i(
-      se,
+    return s(
+      ie,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return i(se, "absolute px-2 font-medium", {
+    return s(ie, "absolute px-2 font-medium", {
       "text-copy-medium": r === "dark",
       "text-copy-dark": r === "light",
       "text-copy-dark dark:text-copy-medium": r === "system",
       "text-copy-medium dark:text-copy-dark": r === "alt-system"
     });
   if (e)
-    return i(se, "absolute px-2 font-medium", {
+    return s(ie, "absolute px-2 font-medium", {
       "text-copy-error-light": r === "dark",
       "text-copy-error-dark": r === "light",
       "text-copy-error-dark dark:text-copy-error-light": r === "system",
       "dark:text-copy-error-dark text-copy-error-light": r === "alt-system"
     });
-}, sa = ({
+}, ia = ({
   className: e,
   textAreaClassName: t,
   raw: r,
   focusMode: a,
   disabled: o,
   noBorder: n,
-  error: s,
+  error: i,
   mode: c,
   leftElement: d,
   rightElement: g
 }) => {
-  const u = r ? e : i(
+  const m = r ? e : s(
     "relative flex w-full flex-col justify-center",
-    Gr,
+    Hr,
     e
-  ), h = r ? i(t) : i(
+  ), h = r ? s(t) : s(
     dt,
     t,
     ta(),
@@ -1692,28 +1700,28 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     aa({ focusMode: a }),
     oa({
       noBorder: n,
-      error: s
+      error: i
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": o
     }
-  ), m = r ? void 0 : "sr-only", p = na({
+  ), u = r ? void 0 : "sr-only", p = na({
     disabled: o,
     raw: r,
-    error: s,
+    error: i,
     mode: c,
     rightElement: g,
     leftElement: d
-  }), b = ia({
-    error: s,
+  }), b = sa({
+    error: i,
     raw: r,
     mode: c,
     disabled: o
-  }), f = r ? void 0 : i(Pr, "absolute"), y = r ? void 0 : i(Fr, "absolute");
+  }), f = r ? void 0 : s(Gr, "absolute"), y = r ? void 0 : s(Fr, "absolute");
   return {
-    wrapper: u,
+    wrapper: m,
     textArea: h,
-    accessibleLabel: m,
+    accessibleLabel: u,
     visibleLabel: p,
     helperText: b,
     rightElement: f,
@@ -1727,15 +1735,15 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
 }) => {
   let o, n;
   if (e > 0 && e !== t) {
-    const s = e - t, c = Math.abs(s / 24);
-    o = r + -1 * Math.sign(s) * (12 * c), n = a + Math.sign(s) * (12 * c);
+    const i = e - t, c = Math.abs(i / 24);
+    o = r + -1 * Math.sign(i) * (12 * c), n = a + Math.sign(i) * (12 * c);
   }
   return {
     labelOffset: o,
     helperTextOffset: n,
     scrollHeight: e
   };
-}, mt = I.forwardRef(
+}, ut = I.forwardRef(
   ({
     id: e,
     name: t,
@@ -1743,43 +1751,43 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     error: a = !1,
     raw: o = !1,
     className: n,
-    textAreaClassName: s,
+    textAreaClassName: i,
     mode: c = "system",
     focusMode: d = "system",
     value: g,
-    defaultValue: u,
+    defaultValue: m,
     disabled: h = !1,
-    noBorder: m = !1,
+    noBorder: u = !1,
     labelId: p,
     helperText: b = "",
     helperTextOnFocus: f = !1,
     rightElement: y,
     leftElement: _,
-    onChange: T,
-    onFocus: N,
+    onChange: N,
+    onFocus: T,
     onBlur: R,
     ...E
-  }, M) => {
-    var Ne;
-    const B = v(null), xt = jr([M, B]), [_t, K] = De(), [wt, U] = De(), re = v(80), Ee = v(-25), L = v(null), Se = v(30), ae = v(null), W = Kr({ id: e, prefix: `${dt}-` }), [Ce, Tt] = S(0), [Ie, Nt] = S(0), [Et, Re] = S(
+  }, z) => {
+    var Te;
+    const B = k(null), xt = jr([z, B]), [_t, J] = Pe(), [wt, V] = Pe(), re = k(80), Ee = k(-25), M = k(null), Se = k(30), ae = k(null), W = Jr({ id: e, prefix: `${dt}-` }), [Ce, Nt] = S(0), [Ie, Tt] = S(0), [Et, Re] = S(
       !!(!f && b)
-    ), St = `${t} error, ${b}`, O = sa({
+    ), St = `${t} error, ${b}`, O = ia({
       className: n,
-      textAreaClassName: s,
+      textAreaClassName: i,
       error: a,
       raw: o,
       focusMode: d,
       disabled: h,
-      noBorder: m,
+      noBorder: u,
       mode: c,
       rightElement: !!y,
       leftElement: !!_
-    }), [$, Ct] = Jr({
+    }), [A, Ct] = Kr({
       value: g,
       initialControlledDelay: 20,
-      defaultValue: u,
+      defaultValue: m,
       onChange: (C) => {
-        T && T({
+        N && N({
           target: {
             value: C
           }
@@ -1788,45 +1796,45 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     }), It = (C) => {
       Ct(C.target.value);
     }, Rt = (C) => {
-      f && b && Re(!0), N && N(C);
-    }, At = (C) => {
-      f && b && !$ && Re(!1), R && R(C);
+      f && b && Re(!0), T && T(C);
+    }, $t = (C) => {
+      f && b && !A && Re(!1), R && R(C);
     };
-    return D(() => {
-      K && K.width && Tt(K.width + 18 + 10);
-    }, [K]), D(() => {
-      U && U.width && Nt(U.width + 18 + 10);
-    }, [U]), D(() => {
-      o || B && B.current && $ !== void 0 && (B.current.style.height = "inherit", B.current.style.height = B.current.scrollHeight + "px");
-    }, [$, o]), D(() => {
+    return P(() => {
+      J && J.width && Nt(J.width + 18 + 10);
+    }, [J]), P(() => {
+      V && V.width && Tt(V.width + 18 + 10);
+    }, [V]), P(() => {
+      o || B && B.current && A !== void 0 && (B.current.style.height = "inherit", B.current.style.height = B.current.scrollHeight + "px");
+    }, [A, o]), P(() => {
       o || setTimeout(() => {
         var C;
-        (C = L == null ? void 0 : L.current) == null || C.style.setProperty(
+        (C = M == null ? void 0 : M.current) == null || C.style.setProperty(
           "--av-text-area-wrapper-transition",
-          $ ? "none" : "all 0.2s ease-out"
+          A ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [$, o]), D(() => {
-      var C, Ae;
-      if (!o && B && B.current && $ !== void 0) {
+    }, [A, o]), P(() => {
+      var C, $e;
+      if (!o && B && B.current && A !== void 0) {
         const { labelOffset: oe, helperTextOffset: ne, scrollHeight: Bt } = la({
           scrollHeight: B.current.scrollHeight,
           currentHeight: re.current,
           currentLabelOffset: Ee.current,
           currentHelperTextOffset: Se.current
         });
-        oe && (Ee.current = oe, (C = L == null ? void 0 : L.current) == null || C.style.setProperty(
+        oe && (Ee.current = oe, (C = M == null ? void 0 : M.current) == null || C.style.setProperty(
           "--av-text-area-label",
           `${oe}px`
-        )), ne && (Se.current = ne, (Ae = ae == null ? void 0 : ae.current) == null || Ae.style.setProperty(
+        )), ne && (Se.current = ne, ($e = ae == null ? void 0 : ae.current) == null || $e.style.setProperty(
           "--av-text-area-helper-text",
           `${ne}px`
         )), re.current = Bt || re.current;
       }
-    }, [$, o]), U.width > 0 && ((Ne = L == null ? void 0 : L.current) == null || Ne.style.setProperty(
+    }, [A, o]), V.width > 0 && ((Te = M == null ? void 0 : M.current) == null || Te.style.setProperty(
       "--tw-translate-x",
-      `${12 + U.width + 5}px`
-    )), /* @__PURE__ */ k("div", { className: O.wrapper, children: [
+      `${12 + V.width + 5}px`
+    )), /* @__PURE__ */ v("div", { className: O.wrapper, children: [
       /* @__PURE__ */ l(
         "label",
         {
@@ -1864,17 +1872,17 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
               paddingLeft: Ie
             }
           },
-          value: $,
+          value: A,
           onChange: It,
           onFocus: Rt,
-          onBlur: At,
+          onBlur: $t,
           ...E
         }
       ),
       !o && /* @__PURE__ */ l(
         "label",
         {
-          ref: L,
+          ref: M,
           "aria-hidden": !0,
           htmlFor: W,
           className: `${O.visibleLabel}`,
@@ -1902,20 +1910,20 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     ] });
   }
 );
-mt.displayName = "TextArea";
+ut.displayName = "TextArea";
 const ca = ({
   mode: e = "light",
   focusMode: t = "light",
   radius: r = "small"
 }) => {
-  const { state: a, dispatch: o } = A(F), n = v(null), s = v(!1), c = (d) => {
+  const { state: a, dispatch: o } = $(F), n = k(null), i = k(!1), c = (d) => {
     d.preventDefault(), o({
       type: qe
     });
   };
   return x(() => {
     var d;
-    (a == null ? void 0 : a.streaming) === !0 && !s.current && n.current && (s.current = !0, n.current.focus()), (a == null ? void 0 : a.streaming) === !1 && (s.current = !1, (d = n.current) == null || d.blur());
+    (a == null ? void 0 : a.streaming) === !0 && !i.current && n.current && (i.current = !0, n.current.focus()), (a == null ? void 0 : a.streaming) === !1 && (i.current = !1, (d = n.current) == null || d.blur());
   }, [a]), /* @__PURE__ */ l(
     et,
     {
@@ -1935,36 +1943,36 @@ const ca = ({
       streaming: t
     }
   });
-}, Pe = (e) => {
+}, Ge = (e) => {
   X(e, !1), e({
     type: q,
     payload: {
       message: {
         role: he,
-        content: Ut
+        content: Vt
       }
     }
   });
 }, da = () => {
-  const { state: e, dispatch: t } = A(F), { state: r, dispatch: a } = A(ve), [o, n] = S(""), { getAccessToken: s, user: c } = Z(), d = v(null), g = v(
+  const { state: e, dispatch: t } = $(F), { state: r, dispatch: a } = $(ve), [o, n] = S(""), { getAccessToken: i, user: c } = Z(), d = k(null), g = k(
     null
   );
   x(() => {
     (async () => {
-      var m;
+      var u;
       if (!e || e.messages.length === 0) {
-        (m = g == null ? void 0 : g.current) == null || m.cancel();
+        (u = g == null ? void 0 : g.current) == null || u.cancel();
         return;
       }
       const h = e.messages[e.messages.length - 1];
-      if (!(e.messages.length === 0 || h.message.role === J || h.message.role === Lt || h.message.role === he || h.message.role === Ot))
+      if (!(e.messages.length === 0 || h.message.role === K || h.message.role === Mt || h.message.role === he || h.message.role === Ot))
         try {
-          const p = await Ur({
-            accessToken: await s(),
+          const p = await Vr({
+            accessToken: await i(),
             name: "generate",
             data: {
               messages: e.messages,
-              model: e.engine || V,
+              model: e.engine || U,
               user: (c == null ? void 0 : c.username) || "",
               id: e.id,
               usage: e.usage
@@ -1981,13 +1989,13 @@ const ca = ({
                 X(t, !1);
                 break;
               }
-              const T = f.decode(_, { stream: !0 }), N = T.indexOf(Be);
-              if (N !== -1) {
-                const R = T.substring(0, N), E = JSON.parse(
-                  T.substring(N + Be.length)
+              const N = f.decode(_, { stream: !0 }), T = N.indexOf(Be);
+              if (T !== -1) {
+                const R = N.substring(0, T), E = JSON.parse(
+                  N.substring(T + Be.length)
                 );
                 t({
-                  type: Je,
+                  type: Ke,
                   payload: {
                     model: E.model,
                     usage: E.usage
@@ -1997,7 +2005,7 @@ const ca = ({
                   payload: {
                     message: {
                       content: R,
-                      role: J,
+                      role: K,
                       messageId: b,
                       processingTime: E.processingTime,
                       name: E.name
@@ -2010,21 +2018,21 @@ const ca = ({
                   type: q,
                   payload: {
                     message: {
-                      content: T,
-                      role: J,
+                      content: N,
+                      role: K,
                       messageId: b
                     }
                   }
                 });
             }
           } else
-            Pe(t);
+            Ge(t);
         } catch (p) {
-          console.error(p), Pe(t);
+          console.error(p), Ge(t);
         }
     })();
   }, [e == null ? void 0 : e.messages]);
-  const u = async (h) => {
+  const m = async (h) => {
     h.preventDefault(), t({
       type: q,
       payload: {
@@ -2038,28 +2046,28 @@ const ca = ({
   return x(() => {
     if (r.tag !== "") {
       const h = r.tag.endsWith(":") && !r.tag.endsWith(": ") ? r.tag + " " : r.tag;
-      h.indexOf($e) !== -1 ? navigator.clipboard.readText().then((p) => {
-        n(h.replace($e, p));
+      h.indexOf(Ae) !== -1 ? navigator.clipboard.readText().then((p) => {
+        n(h.replace(Ae, p));
       }) : n(h), d.current && d.current.focus(), a({
         type: Ye
       });
     }
   }, [r, a]), x(() => {
     e && e.usage === 0 && e.messages.length === 0 && d.current && d.current.focus();
-  }, [e]), /* @__PURE__ */ l(Y, { children: /* @__PURE__ */ l("form", { className: "mt-2", onSubmit: u, children: /* @__PURE__ */ l(
-    mt,
+  }, [e]), /* @__PURE__ */ l(Y, { children: /* @__PURE__ */ l("form", { className: "mt-2", onSubmit: m, children: /* @__PURE__ */ l(
+    ut,
     {
       mode: "dark",
       focusMode: "light",
       ref: d,
       name: "chat-input",
-      label: Vt,
+      label: Ut,
       helperText: "Press ENTER to add a new line",
       helperTextOnFocus: !0,
       required: !0,
       value: o,
       onChange: (h) => n(h.target.value),
-      onKeyDown: nr([["mod+Enter", u]]),
+      onKeyDown: nr([["mod+Enter", m]]),
       leftElement: /* @__PURE__ */ l(ca, {}),
       rightElement: /* @__PURE__ */ l(
         tt,
@@ -2069,15 +2077,15 @@ const ca = ({
           type: "submit",
           mode: "light",
           focusMode: "light",
-          children: Ht
+          children: Dt
         }
       )
     }
   ) }) });
 }, ga = () => {
-  const { dispatch: e, state: t } = A(ve), { getAccessToken: r, user: a } = Z(), [o, n] = S({
+  const { dispatch: e, state: t } = $(ve), { getAccessToken: r, user: a } = Z(), [o, n] = S({
     loaded: !1
-  }), s = "mt-2 flex justify-center rounded-md", c = (d, g) => {
+  }), i = "mt-2 flex justify-center rounded-md", c = (d, g) => {
     d.preventDefault(), e({
       type: Ze,
       payload: {
@@ -2096,7 +2104,7 @@ const ca = ({
       try {
         const d = await ct({
           accessToken: await r(),
-          type: st.GET_USER_PREFERENCES,
+          type: it.GET_USER_PREFERENCES,
           params: {
             user: a.username
           }
@@ -2112,7 +2120,7 @@ const ca = ({
       } catch {
       }
     })();
-  }, [a]), /* @__PURE__ */ l(Y, { children: /* @__PURE__ */ l(Dt, { alignHorizontal: "center", columnGap: 2, children: o && o.loaded && t.tags && t.tags.map((d) => d.enabled && d.label && d.content && /* @__PURE__ */ l(Gt, { children: /* @__PURE__ */ l("div", { className: s, children: /* @__PURE__ */ l(
+  }, [a]), /* @__PURE__ */ l(Y, { children: /* @__PURE__ */ l(Pt, { alignHorizontal: "center", columnGap: 2, children: o && o.loaded && t.tags && t.tags.map((d) => d.enabled && d.label && d.content && /* @__PURE__ */ l(Ht, { children: /* @__PURE__ */ l("div", { className: i, children: /* @__PURE__ */ l(
     tt,
     {
       noBorder: !0,
@@ -2123,18 +2131,18 @@ const ca = ({
       children: d.label
     }
   ) }) }, `tag-button-${d.slot}`)) }) });
-}, ua = () => {
-  const { state: e } = A(F), t = v(!1), r = window.innerWidth < 403, [a, o] = S(
+}, ma = () => {
+  const { state: e } = $(F), t = k(!1), r = window.innerWidth < 403, [a, o] = S(
     r ? "bottom-10" : "top-[245px]"
   );
   return x(() => {
     r || e && (!t.current && e.streaming && o("bottom-10"), t.current = !!e.streaming);
   }, [e, r]), x(() => {
     r || (e && e.messages.length === 0 && o("top-[245px]"), e && !e.streaming && e.messages.length > 0 && o("bottom-10"));
-  }, [e, r]), /* @__PURE__ */ k(
+  }, [e, r]), /* @__PURE__ */ v(
     "footer",
     {
-      className: i(
+      className: s(
         "md:mx-auto md:max-w-4xl w-11/12 fixed left-1/2 transform -translate-x-1/2 z-1000",
         a
       ),
@@ -2146,36 +2154,36 @@ const ca = ({
   );
 };
 /*!
-  @versini/ui-bubble v3.0.0
+  @versini/ui-bubble v3.0.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
-    version: "3.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    version: "3.0.3",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link", ha = ({
+const ua = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link", ha = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: o
 }) => {
-  const n = "max-h-8 py-0 px-2", s = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
+  const n = "max-h-8 py-0 px-2", i = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
   switch (e) {
     case ht:
     case ge:
-      return i({
+      return s({
         [n]: t === "small",
-        [s]: t === "medium",
+        [i]: t === "medium",
         [c]: t === "large"
       });
     case te:
-      return i("inline-flex items-center", {
+      return s("inline-flex items-center", {
         "justify-center": o === "center",
         "justify-start": o === "left",
         "justify-end": o === "right",
@@ -2193,21 +2201,21 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   labelRight: r,
   labelLeft: a
 }) => {
-  const o = "text-sm font-medium", n = "text-base font-medium", s = "text-lg font-medium";
+  const o = "text-sm font-medium", n = "text-base font-medium", i = "text-lg font-medium";
   switch (e) {
     case ht:
     case ge:
-      return i({
+      return s({
         "text-center": e === ge,
         [o]: t === "small",
         [n]: t === "medium",
-        [s]: t === "large"
+        [i]: t === "large"
       });
     case te:
-      return i({
+      return s({
         [o]: t === "small" && (r || a),
         [n]: t === "medium" && (r || a),
-        [s]: t === "large" && (r || a)
+        [i]: t === "large" && (r || a)
       });
   }
 }, ba = ({
@@ -2219,36 +2227,32 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   if (t)
     return "not-prose";
   if (a === "primary")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "light",
-      "text-copy-lighter": e === "dark",
-      "text-copy-light dark:text-copy-lighter": e === "alt-system",
-      "text-copy-lighter dark:text-copy-light": e === "system"
+      "text-copy-light": e === "light" || e === "system",
+      "text-copy-lighter": e === "dark" || e === "alt-system",
+      "dark:text-copy-lighter": e === "alt-system",
+      "dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
     });
   if (a === "selected")
-    return i("not-prose", {
-      truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+    return s("not-prose text-copy-lighter", {
+      truncate: !r
     });
 }, ya = ({
   mode: e,
@@ -2257,21 +2261,21 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
 }) => {
   if (!t) {
     if (r === "primary")
-      return i({
+      return s({
         "bg-action-dark": e === "dark",
         "bg-action-light": e === "light",
         "bg-action-dark dark:bg-action-light": e === "system",
         "bg-action-light dark:bg-action-dark": e === "alt-system"
       });
     if (r === "secondary")
-      return i({
+      return s({
         "bg-action-dark": e === "light",
         "bg-action-light": e === "dark",
         "bg-action-dark dark:bg-action-light": e === "alt-system",
         "bg-action-light dark:bg-action-dark": e === "system"
       });
     if (r === "danger")
-      return i({
+      return s({
         "bg-action-danger-dark": e === "dark",
         "bg-action-danger-light": e === "light",
         "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
@@ -2282,7 +2286,7 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   }
 }, fa = ({
   radius: e
-}) => i({
+}) => s({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
@@ -2294,21 +2298,21 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   if (t)
     return "";
   if (r === "primary")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "dark",
       "hover:bg-action-light-hover": e === "light",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
     });
   if (r === "secondary")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "light",
       "hover:bg-action-light-hover": e === "dark",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
     });
   if (r === "danger")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-danger-dark-hover": e === "dark",
       "hover:bg-action-danger-light-hover": e === "light",
       "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
@@ -2324,21 +2328,21 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   if (t)
     return "";
   if (r === "primary")
-    return i("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "dark",
       "active:bg-action-light-active": e === "light",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
     });
   if (r === "secondary")
-    return i("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "light",
       "active:bg-action-light-active": e === "dark",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
     });
   if (r === "danger")
-    return i("active:text-copy-lighter-active", {
+    return s("active:text-copy-lighter-active", {
       "active:bg-action-danger-dark-active": e === "dark",
       "active:bg-action-danger-light-active": e === "light",
       "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
@@ -2354,21 +2358,21 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return i("border", {
+    return s("border", {
       "border-border-dark": e === "dark",
       "border-border-accent": e === "light",
       "border-border-dark dark:border-border-accent": e === "system",
       "border-border-accent dark:border-border-dark": e === "alt-system"
     });
   if (r === "secondary")
-    return i("border", {
+    return s("border", {
       "border-border-dark": e === "light",
       "border-border-accent": e === "dark",
       "border-border-dark dark:border-border-accent": e === "alt-system",
       "border-border-accent dark:border-border-dark": e === "system"
     });
   if (r === "danger")
-    return i("border", {
+    return s("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
@@ -2378,7 +2382,7 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
     return "border border-border-selected-dark";
 }, _a = ({
   focusMode: e
-}) => i("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => s("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",
@@ -2390,40 +2394,40 @@ const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   mode: a,
   focusMode: o,
   disabled: n,
-  fullWidth: s,
+  fullWidth: i,
   size: c,
   noBorder: d,
   labelRight: g,
-  labelLeft: u,
+  labelLeft: m,
   noBackground: h,
-  variant: m,
+  variant: u,
   noTruncate: p,
   align: b,
   radius: f
-}) => (m || (m = "primary"), r ? i(Fe, t) : i(
+}) => (u || (u = "primary"), r ? s(Fe, t) : s(
   Fe,
   ba({
     mode: a,
-    variant: m,
+    variant: u,
     noBackground: h,
     noTruncate: p
   }),
-  ya({ mode: a, noBackground: h, variant: m }),
+  ya({ mode: a, noBackground: h, variant: u }),
   fa({ radius: f }),
   ha({
     type: e,
     size: c,
     labelRight: g,
-    labelLeft: u,
+    labelLeft: m,
     align: b
   }),
-  pa({ type: e, size: c, labelRight: g, labelLeft: u }),
-  xa({ mode: a, variant: m, noBorder: d }),
+  pa({ type: e, size: c, labelRight: g, labelLeft: m }),
+  xa({ mode: a, variant: u, noBorder: d }),
   _a({ focusMode: o }),
-  ka({ mode: a, variant: m, disabled: n }),
-  va({ mode: a, variant: m, disabled: n }),
+  ka({ mode: a, variant: u, disabled: n }),
+  va({ mode: a, variant: u, disabled: n }),
   {
-    "w-full": s,
+    "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": n
   },
   t
@@ -2452,20 +2456,20 @@ const bt = I.forwardRef(
     focusMode: a = "system",
     fullWidth: o = !1,
     className: n,
-    type: s = "button",
+    type: i = "button",
     raw: c = !1,
     noBorder: d = !1,
     "aria-label": g,
-    label: u,
+    label: m,
     size: h = "medium",
-    labelRight: m,
+    labelRight: u,
     labelLeft: p,
     noBackground: b = !1,
     align: f = "center",
     radius: y = "large",
     variant: _ = "primary",
-    ...T
-  }, N) => {
+    ...N
+  }, T) => {
     const R = pt({
       type: te,
       mode: r,
@@ -2476,31 +2480,31 @@ const bt = I.forwardRef(
       className: n,
       noBorder: d,
       size: h,
-      labelRight: m,
+      labelRight: u,
       labelLeft: p,
       noBackground: b,
       align: f,
       radius: y,
       variant: _
-    }), E = i({
+    }), E = s({
       "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__ */ k(
+    return /* @__PURE__ */ v(
       xe,
       {
-        ref: N,
+        ref: T,
         className: R,
         disabled: t,
-        type: s,
-        "aria-label": g || u,
-        ...T,
+        type: i,
+        "aria-label": g || m,
+        ...N,
         children: [
           p && /* @__PURE__ */ l("span", { className: "pr-2", children: p }),
           /* @__PURE__ */ l("div", { className: E, children: e }),
-          m && /* @__PURE__ */ l("span", { className: "pl-2", children: m })
+          u && /* @__PURE__ */ l("span", { className: "pl-2", children: u })
         ]
       }
     );
@@ -2508,19 +2512,19 @@ const bt = I.forwardRef(
 );
 bt.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v4.0.0
+  @versini/ui-button v4.0.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    version: "4.0.3",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Ta = I.forwardRef(
+const Na = I.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -2528,20 +2532,20 @@ const Ta = I.forwardRef(
     focusMode: a = "system",
     fullWidth: o = !1,
     className: n,
-    type: s = "button",
+    type: i = "button",
     raw: c = !1,
     noBorder: d = !1,
     "aria-label": g,
-    label: u,
+    label: m,
     size: h = "medium",
-    labelRight: m,
+    labelRight: u,
     labelLeft: p,
     noBackground: b = !1,
     align: f = "center",
     active: y = !1,
     radius: _ = "large",
-    ...T
-  }, N) => {
+    ...N
+  }, T) => {
     const R = pt({
       type: te,
       mode: r,
@@ -2552,17 +2556,17 @@ const Ta = I.forwardRef(
       className: n,
       noBorder: d,
       size: h,
-      labelRight: m,
+      labelRight: u,
       labelLeft: p,
       noBackground: b,
       align: f,
       radius: _
-    }), E = i({
+    }), E = s({
       "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 = y ? i(
+    }), z = y ? s(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -2579,25 +2583,25 @@ const Ta = I.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ l("div", { className: M, children: /* @__PURE__ */ k(
+    return /* @__PURE__ */ l("div", { className: z, children: /* @__PURE__ */ v(
       xe,
       {
-        ref: N,
+        ref: T,
         className: R,
         disabled: t,
-        type: s,
-        "aria-label": g || u,
-        ...T,
+        type: i,
+        "aria-label": g || m,
+        ...N,
         children: [
           p && /* @__PURE__ */ l("span", { className: "pr-2", children: p }),
           /* @__PURE__ */ l("div", { className: E, children: e }),
-          m && /* @__PURE__ */ l("span", { className: "pl-2", children: m })
+          u && /* @__PURE__ */ l("span", { className: "pl-2", children: u })
         ]
       }
     ) });
   }
 );
-Ta.displayName = "ButtonSort";
+Na.displayName = "ButtonSort";
 const yt = ({
   children: e,
   fill: t,
@@ -2605,12 +2609,12 @@ const yt = ({
   className: a,
   defaultViewBox: o,
   size: n,
-  title: s,
+  title: i,
   semantic: c = !1,
   ...d
 }) => {
-  const g = i(n, a);
-  return /* @__PURE__ */ k(Y, { children: [
+  const g = s(n, a);
+  return /* @__PURE__ */ v(Y, { children: [
     /* @__PURE__ */ l(
       "svg",
       {
@@ -2625,7 +2629,7 @@ const yt = ({
         children: e
       }
     ),
-    s && c && /* @__PURE__ */ l("span", { className: "sr-only", children: s })
+    i && c && /* @__PURE__ */ l("span", { className: "sr-only", children: i })
   ] });
 };
 /*!
@@ -2635,19 +2639,19 @@ const yt = ({
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
     version: "4.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Na = ({
+const Ta = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ k(
+}) => /* @__PURE__ */ v(
   yt,
   {
     defaultViewBox: "0 0 448 512",
@@ -2660,11 +2664,18 @@ const Na = ({
       /* @__PURE__ */ l(
         "path",
         {
+          className: "fa-secondary",
           opacity: "0.4",
-          d: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"
+          d: "M0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32C28.7 32 0 60.7 0 96zM104 256c0-6.1 2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l47 47c37-37 74-74 111-111c4.7-4.7 10.8-7 17-7s12.3 2.3 17 7c2.3 2.3 4.1 5 5.3 7.9c.6 1.5 1 2.9 1.3 4.4c.2 1.1 .3 2.2 .3 2.2c.1 1.2 .1 1.2 .1 2.5c-.1 1.5-.1 1.9-.1 2.3c-.1 .7-.2 1.5-.3 2.2c-.3 1.5-.7 3-1.3 4.4c-1.2 2.9-2.9 5.6-5.3 7.9c-42.7 42.7-85.3 85.3-128 128c-4.7 4.7-10.8 7-17 7s-12.3-2.3-17-7c-21.3-21.3-42.7-42.7-64-64c-4.7-4.7-7-10.8-7-17z"
         }
       ),
-      /* @__PURE__ */ l("path", { d: "M337 175c9.4 9.4 9.4 24.6 0 33.9L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0z" })
+      /* @__PURE__ */ l(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M337 175c9.4 9.4 9.4 24.6 0 33.9L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0z"
+        }
+      )
     ]
   }
 ), Ea = ({
@@ -2682,51 +2693,51 @@ const Na = ({
     className: e,
     title: r || "Copy",
     ...o,
-    children: /* @__PURE__ */ l("path", { d: "M64 464H288c8.8 0 16-7.2 16-16V384h48v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h64v48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zM224 304H448c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H224c-8.8 0-16 7.2-16 16V288c0 8.8 7.2 16 16 16zm-64-16V64c0-35.3 28.7-64 64-64H448c35.3 0 64 28.7 64 64V288c0 35.3-28.7 64-64 64H224c-35.3 0-64-28.7-64-64z" })
+    children: /* @__PURE__ */ l("path", { d: "M64 464l224 0c8.8 0 16-7.2 16-16l0-64 48 0 0 64c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64l64 0 0 48-64 0c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16zM224 304l224 0c8.8 0 16-7.2 16-16l0-224c0-8.8-7.2-16-16-16L224 48c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16zm-64-16l0-224c0-35.3 28.7-64 64-64L448 0c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64l-224 0c-35.3 0-64-28.7-64-64z" })
   }
 );
 /*!
-  @versini/ui-icons v4.0.0
+  @versini/ui-icons v4.2.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    version: "4.2.0",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) => i({
+const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) => s({
   "bg-surface-lighter dark:bg-surface-dark": e === "left",
   "bg-surface-accent": e === "right"
-}), Ia = ({ kind: e }) => i(
+}), Ia = ({ kind: e }) => s(
   "prose prose-dark dark:prose-lighter prose-p:my-3 prose-blockquote:my-3 prose-ol:my-3 prose-ul:my-3 prose-ul:prose-li:marker:text-black",
   {
     "text-copy-lighter": e === "right"
   }
-), Ra = ({ kind: e }) => i("rounded-b-xl", {
+), Ra = ({ kind: e }) => s("rounded-b-xl", {
   "rounded-tr-xl": e === "left",
   "rounded-tl-xl": e === "right"
-}), Aa = ({
+}), $a = ({
   kind: e,
   className: t
 }) => {
-  const r = i(
-    ma,
+  const r = s(
+    ua,
     "flex items-start",
     {
       "flex-row-reverse": e === "right"
     },
     t
-  ), a = i(
+  ), a = s(
     "flex flex-col empty:hidden",
     Sa(),
     Ia({ kind: e }),
     Ca({ kind: e }),
     Ra({ kind: e })
-  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", n = i("flex flex-col-reverse gap-2 sm:flex-row", {
+  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", n = s("flex flex-col-reverse gap-2 sm:flex-row", {
     "ml-2": e === "left",
     "mr-2": e === "right"
   });
@@ -2743,10 +2754,10 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   footer: a,
   rawFooter: o,
   copyToClipboard: n,
-  copyToClipboardFocusMode: s = "system",
+  copyToClipboardFocusMode: i = "system",
   copyToClipboardMode: c = "system"
 }) => {
-  const [d, g] = S(!1), u = Aa({ kind: t, className: r }), h = !!n && (typeof n == "function" || typeof n == "string" || typeof e == "string"), m = () => {
+  const [d, g] = S(!1), m = $a({ kind: t, className: r }), h = !!n && (typeof n == "function" || typeof n == "string" || typeof e == "string"), u = () => {
     g(!0), typeof n == "function" ? n(e) : typeof n == "string" ? navigator.clipboard.writeText(n) : typeof e == "string" && navigator.clipboard.writeText(e);
   };
   return x(() => {
@@ -2756,49 +2767,49 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
     }, 3e3)), () => {
       clearTimeout(p);
     };
-  }, [d]), /* @__PURE__ */ k("div", { className: u.wrapper, children: [
-    /* @__PURE__ */ k("div", { children: [
-      /* @__PURE__ */ l("div", { className: u.main, children: e }),
-      a && Object.keys(a).map((p) => a[p] ? /* @__PURE__ */ l("div", { className: "prose-p:m-0", children: /* @__PURE__ */ k("p", { className: u.footer, children: [
+  }, [d]), /* @__PURE__ */ v("div", { className: m.wrapper, children: [
+    /* @__PURE__ */ v("div", { children: [
+      /* @__PURE__ */ l("div", { className: m.main, children: e }),
+      a && Object.keys(a).map((p) => a[p] ? /* @__PURE__ */ l("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: m.footer, children: [
         p,
         ": ",
         a[p]
       ] }) }, `-${p}`) : null),
       o && o
     ] }),
-    h && /* @__PURE__ */ l("div", { className: u.copyButton, children: /* @__PURE__ */ l(
+    h && /* @__PURE__ */ l("div", { className: m.copyButton, children: /* @__PURE__ */ l(
       bt,
       {
         noBorder: !0,
         noBackground: !0,
         size: "small",
         mode: c,
-        focusMode: s,
+        focusMode: i,
         label: d ? "Copied to clipboard" : "Copy to clipboard",
-        onClick: m,
+        onClick: u,
         disabled: d,
-        children: d ? /* @__PURE__ */ l(Na, { size: "size-3" }) : /* @__PURE__ */ l(Ea, { size: "size-3" })
+        children: d ? /* @__PURE__ */ l(Ta, { size: "size-3" }) : /* @__PURE__ */ l(Ea, { size: "size-3" })
       }
     ) })
   ] });
-}, We = "av-button", _e = "icon", we = "button", ue = "link", $a = ({
+}, We = "av-button", _e = "icon", we = "button", me = "link", Aa = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: o
 }) => {
-  const n = "max-h-8 py-0 px-2", s = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
+  const n = "max-h-8 py-0 px-2", i = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
   switch (e) {
     case we:
-    case ue:
-      return i({
+    case me:
+      return s({
         [n]: t === "small",
-        [s]: t === "medium",
+        [i]: t === "medium",
         [c]: t === "large"
       });
     case _e:
-      return i("inline-flex items-center", {
+      return s("inline-flex items-center", {
         "justify-center": o === "center",
         "justify-start": o === "left",
         "justify-end": o === "right",
@@ -2810,30 +2821,30 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
         "h-12 px-4": t === "large" && (r || a)
       });
   }
-}, za = ({
+}, La = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a
 }) => {
-  const o = "text-sm font-medium", n = "text-base font-medium", s = "text-lg font-medium";
+  const o = "text-sm font-medium", n = "text-base font-medium", i = "text-lg font-medium";
   switch (e) {
     case we:
-    case ue:
-      return i({
-        "text-center": e === ue,
+    case me:
+      return s({
+        "text-center": e === me,
         [o]: t === "small",
         [n]: t === "medium",
-        [s]: t === "large"
+        [i]: t === "large"
       });
     case _e:
-      return i({
+      return s({
         [o]: t === "small" && (r || a),
         [n]: t === "medium" && (r || a),
-        [s]: t === "large" && (r || a)
+        [i]: t === "large" && (r || a)
       });
   }
-}, Ma = ({
+}, za = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -2842,59 +2853,55 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   if (t)
     return "not-prose";
   if (a === "primary")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "light",
-      "text-copy-lighter": e === "dark",
-      "text-copy-light dark:text-copy-lighter": e === "alt-system",
-      "text-copy-lighter dark:text-copy-light": e === "system"
+      "text-copy-light": e === "light" || e === "system",
+      "text-copy-lighter": e === "dark" || e === "alt-system",
+      "dark:text-copy-lighter": e === "alt-system",
+      "dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return i("not-prose", {
+    return s("not-prose", {
       truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
     });
   if (a === "selected")
-    return i("not-prose", {
-      truncate: !r,
-      "text-copy-light": e === "dark",
-      "text-copy-lighter": e === "light",
-      "text-copy-light dark:text-copy-lighter": e === "system",
-      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+    return s("not-prose text-copy-lighter", {
+      truncate: !r
     });
-}, La = ({
+}, Ma = ({
   mode: e,
   noBackground: t,
   variant: r
 }) => {
   if (!t) {
     if (r === "primary")
-      return i({
+      return s({
         "bg-action-dark": e === "dark",
         "bg-action-light": e === "light",
         "bg-action-dark dark:bg-action-light": e === "system",
         "bg-action-light dark:bg-action-dark": e === "alt-system"
       });
     if (r === "secondary")
-      return i({
+      return s({
         "bg-action-dark": e === "light",
         "bg-action-light": e === "dark",
         "bg-action-dark dark:bg-action-light": e === "alt-system",
         "bg-action-light dark:bg-action-dark": e === "system"
       });
     if (r === "danger")
-      return i({
+      return s({
         "bg-action-danger-dark": e === "dark",
         "bg-action-danger-light": e === "light",
         "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
@@ -2905,11 +2912,11 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   }
 }, Oa = ({
   radius: e
-}) => i({
+}) => s({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
-}), Va = ({
+}), Ua = ({
   mode: e,
   disabled: t,
   variant: r
@@ -2917,21 +2924,21 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   if (t)
     return "";
   if (r === "primary")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "dark",
       "hover:bg-action-light-hover": e === "light",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
     });
   if (r === "secondary")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "light",
       "hover:bg-action-light-hover": e === "dark",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
     });
   if (r === "danger")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-danger-dark-hover": e === "dark",
       "hover:bg-action-danger-light-hover": e === "light",
       "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
@@ -2939,7 +2946,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
     });
   if (r === "selected")
     return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
-}, Ha = ({
+}, Da = ({
   mode: e,
   disabled: t,
   variant: r
@@ -2947,21 +2954,21 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   if (t)
     return "";
   if (r === "primary")
-    return i("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "dark",
       "active:bg-action-light-active": e === "light",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
     });
   if (r === "secondary")
-    return i("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "light",
       "active:bg-action-light-active": e === "dark",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
     });
   if (r === "danger")
-    return i("active:text-copy-lighter-active", {
+    return s("active:text-copy-lighter-active", {
       "active:bg-action-danger-dark-active": e === "dark",
       "active:bg-action-danger-light-active": e === "light",
       "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
@@ -2969,7 +2976,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
     });
   if (r === "selected")
     return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
-}, Ua = ({
+}, Va = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -2977,21 +2984,21 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return i("border", {
+    return s("border", {
       "border-border-dark": e === "dark",
       "border-border-accent": e === "light",
       "border-border-dark dark:border-border-accent": e === "system",
       "border-border-accent dark:border-border-dark": e === "alt-system"
     });
   if (r === "secondary")
-    return i("border", {
+    return s("border", {
       "border-border-dark": e === "light",
       "border-border-accent": e === "dark",
       "border-border-dark dark:border-border-accent": e === "alt-system",
       "border-border-accent dark:border-border-dark": e === "system"
     });
   if (r === "danger")
-    return i("border", {
+    return s("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
@@ -2999,9 +3006,9 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
     });
   if (r === "selected")
     return "border border-border-selected-dark";
-}, Da = ({
+}, Pa = ({
   focusMode: e
-}) => i("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}) => s("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",
@@ -3013,60 +3020,60 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   mode: a,
   focusMode: o,
   disabled: n,
-  fullWidth: s,
+  fullWidth: i,
   size: c,
   noBorder: d,
   labelRight: g,
-  labelLeft: u,
+  labelLeft: m,
   noBackground: h,
-  variant: m,
+  variant: u,
   noTruncate: p,
   align: b,
   radius: f
-}) => (m || (m = "primary"), r ? i(We, t) : i(
+}) => (u || (u = "primary"), r ? s(We, t) : s(
   We,
-  Ma({
+  za({
     mode: a,
-    variant: m,
+    variant: u,
     noBackground: h,
     noTruncate: p
   }),
-  La({ mode: a, noBackground: h, variant: m }),
+  Ma({ mode: a, noBackground: h, variant: u }),
   Oa({ radius: f }),
-  $a({
+  Aa({
     type: e,
     size: c,
     labelRight: g,
-    labelLeft: u,
+    labelLeft: m,
     align: b
   }),
-  za({ type: e, size: c, labelRight: g, labelLeft: u }),
-  Ua({ mode: a, variant: m, noBorder: d }),
-  Da({ focusMode: o }),
-  Va({ mode: a, variant: m, disabled: n }),
-  Ha({ mode: a, variant: m, disabled: n }),
+  La({ type: e, size: c, labelRight: g, labelLeft: m }),
+  Va({ mode: a, variant: u, noBorder: d }),
+  Pa({ focusMode: o }),
+  Ua({ mode: a, variant: u, disabled: n }),
+  Da({ mode: a, variant: u, disabled: n }),
   {
-    "w-full": s,
+    "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": n
   },
   t
-)), Ga = (e, t, r) => {
+)), Ha = (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);
-}, Te = I.forwardRef((e, t) => {
+}, Ne = I.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...o } = e;
   return /* @__PURE__ */ l(
     "button",
     {
       ref: t,
       onClick: (n) => {
-        Ga(n, a, r);
+        Ha(n, a, r);
       },
       ...o
     }
   );
 });
-Te.displayName = "BaseButton";
+Ne.displayName = "BaseButton";
 const kt = I.forwardRef(
   ({
     children: e,
@@ -3075,13 +3082,13 @@ const kt = I.forwardRef(
     focusMode: a = "system",
     fullWidth: o = !1,
     className: n,
-    size: s = "medium",
+    size: i = "medium",
     raw: c = !1,
     noBorder: d = !1,
     variant: g = "primary",
-    noTruncate: u = !1,
+    noTruncate: m = !1,
     radius: h = "large",
-    ...m
+    ...u
   }, p) => {
     const b = ft({
       type: we,
@@ -3091,19 +3098,19 @@ const kt = I.forwardRef(
       disabled: t,
       raw: c,
       className: n,
-      size: s,
+      size: i,
       noBorder: d,
       variant: g,
-      noTruncate: u,
+      noTruncate: m,
       radius: h
     });
     return /* @__PURE__ */ l(
-      Te,
+      Ne,
       {
         ref: p,
         className: b,
         disabled: t,
-        ...m,
+        ...u,
         children: e
       }
     );
@@ -3111,19 +3118,19 @@ const kt = I.forwardRef(
 );
 kt.displayName = "Button";
 /*!
-  @versini/ui-button v4.0.0
+  @versini/ui-button v4.0.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    version: "4.0.3",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Pa = I.forwardRef(
+const Ga = I.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -3131,20 +3138,20 @@ const Pa = I.forwardRef(
     focusMode: a = "system",
     fullWidth: o = !1,
     className: n,
-    type: s = "button",
+    type: i = "button",
     raw: c = !1,
     noBorder: d = !1,
     "aria-label": g,
-    label: u,
+    label: m,
     size: h = "medium",
-    labelRight: m,
+    labelRight: u,
     labelLeft: p,
     noBackground: b = !1,
     align: f = "center",
     active: y = !1,
     radius: _ = "large",
-    ...T
-  }, N) => {
+    ...N
+  }, T) => {
     const R = ft({
       type: _e,
       mode: r,
@@ -3155,17 +3162,17 @@ const Pa = I.forwardRef(
       className: n,
       noBorder: d,
       size: h,
-      labelRight: m,
+      labelRight: u,
       labelLeft: p,
       noBackground: b,
       align: f,
       radius: _
-    }), E = i({
+    }), E = s({
       "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 = y ? i(
+    }), z = y ? s(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -3182,25 +3189,25 @@ const Pa = I.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ l("div", { className: M, children: /* @__PURE__ */ k(
-      Te,
+    return /* @__PURE__ */ l("div", { className: z, children: /* @__PURE__ */ v(
+      Ne,
       {
-        ref: N,
+        ref: T,
         className: R,
         disabled: t,
-        type: s,
-        "aria-label": g || u,
-        ...T,
+        type: i,
+        "aria-label": g || m,
+        ...N,
         children: [
           p && /* @__PURE__ */ l("span", { className: "pr-2", children: p }),
           /* @__PURE__ */ l("div", { className: E, children: e }),
-          m && /* @__PURE__ */ l("span", { className: "pl-2", children: m })
+          u && /* @__PURE__ */ l("span", { className: "pl-2", children: u })
         ]
       }
     ) });
   }
 );
-Pa.displayName = "ButtonSort";
+Ga.displayName = "ButtonSort";
 const Fa = 200, Wa = ({
   string: e,
   idealLength: t = Fa
@@ -3223,12 +3230,12 @@ const Fa = 200, Wa = ({
   const [o, n] = S(!1);
   if (typeof e != "string")
     return e;
-  const { string: s, isTruncated: c } = Wa({
+  const { string: i, isTruncated: c } = Wa({
     string: e,
     idealLength: t
   });
-  return /* @__PURE__ */ k("span", { style: { wordBreak: "break-word" }, children: [
-    o ? e : s,
+  return /* @__PURE__ */ v("span", { style: { wordBreak: "break-word" }, children: [
+    o ? e : i,
     c && /* @__PURE__ */ l(
       kt,
       {
@@ -3245,13 +3252,13 @@ const Fa = 200, Wa = ({
   ] });
 };
 /*!
-  @versini/ui-truncate v3.0.0
+  @versini/ui-truncate v3.0.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_TRUNCATE__ || (window.__VERSINI_UI_TRUNCATE__ = {
-    version: "3.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
+    version: "3.0.3",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -3260,14 +3267,14 @@ try {
 const je = rt(
   () => import(
     /* webpackChunkName: "LazyMessageAssistant" */
-    "./MessageAssistant.CwEosJOq.js"
+    "./MessageAssistant.DpLJVr9t.js"
   ).then((e) => e.MessageAssistant)
 ), qa = () => {
-  const { state: e } = A(F);
-  return /* @__PURE__ */ k("div", { className: "space-y-6 mt-2", children: [
+  const { state: e } = $(F);
+  return /* @__PURE__ */ v("div", { className: "space-y-6 mt-2", children: [
     e && e.messages.length > 0 && e.messages.map((t, r) => {
-      const { role: a, content: o, name: n, processingTime: s } = t.message;
-      return (a === J || a === he) && o ? /* @__PURE__ */ l(ce, { fallback: /* @__PURE__ */ l("span", {}), children: /* @__PURE__ */ l(je, { name: n, processingTime: s, children: o }) }, `${r}-${a}`) : a === le && o ? /* @__PURE__ */ l(
+      const { role: a, content: o, name: n, processingTime: i } = t.message;
+      return (a === K || a === he) && o ? /* @__PURE__ */ l(ce, { fallback: /* @__PURE__ */ l("span", {}), children: /* @__PURE__ */ l(je, { name: n, processingTime: i, children: o }) }, `${r}-${a}`) : a === le && o ? /* @__PURE__ */ l(
         Ba,
         {
           kind: "right",
@@ -3278,43 +3285,43 @@ const je = rt(
         `${r}-${a}`
       ) : null;
     }),
-    Pt(le, e) && /* @__PURE__ */ l(ce, { fallback: /* @__PURE__ */ l("span", {}), children: /* @__PURE__ */ l(je, { loading: !0 }) })
+    Gt(le, e) && /* @__PURE__ */ l(ce, { fallback: /* @__PURE__ */ l("span", {}), children: /* @__PURE__ */ l(je, { loading: !0 }) })
   ] });
-}, Ja = () => {
-  const { isAuthenticated: e } = Z(), { state: t } = A(F), [r, a] = S(!1), [o, n] = dr(), s = Ft({
+}, Ka = () => {
+  const { isAuthenticated: e } = Z(), { state: t } = $(F), [r, a] = S(!1), [o, n] = dr(), i = Ft({
     isAuthenticated: e,
     extraClass: "rounded-b-md"
-  }), c = v(!1), d = H(() => {
-    const u = o.current;
-    if (u) {
-      const { scrollHeight: h, clientHeight: m, scrollTop: p } = u, b = h - m - p;
-      u.scrollBy({
+  }), c = k(!1), d = D(() => {
+    const m = o.current;
+    if (m) {
+      const { scrollHeight: h, clientHeight: u, scrollTop: p } = m, b = h - u - p;
+      m.scrollBy({
         top: b,
         behavior: "smooth"
       });
     }
-  }, [o]), g = H(() => {
-    const u = o.current;
-    if (u) {
-      const { scrollTop: h, scrollHeight: m, clientHeight: p } = u, b = m > p, f = h + p >= m - 1;
+  }, [o]), g = D(() => {
+    const m = o.current;
+    if (m) {
+      const { scrollTop: h, scrollHeight: u, clientHeight: p } = m, b = u > p, f = h + p >= u - 1;
       a(b && !f);
     }
   }, [o]);
-  return D(() => {
+  return P(() => {
     n && n.width && t && !t.streaming && g();
   }, [n, t, g]), x(() => {
-    const u = o.current;
-    if (u)
-      return u.addEventListener("scroll", g), () => u.removeEventListener("scroll", g);
+    const m = o.current;
+    if (m)
+      return m.addEventListener("scroll", g), () => m.removeEventListener("scroll", g);
   }, [g, o]), x(() => {
     t && t.streaming && g();
   }, [t, g]), x(() => {
     t && (!c.current && t.streaming && d(), c.current = !!t.streaming);
-  }, [t, d]), /* @__PURE__ */ k("div", { className: s, ref: o, children: [
+  }, [t, d]), /* @__PURE__ */ v("div", { className: i, ref: o, children: [
     r && /* @__PURE__ */ l("div", { className: "bottom-44 z-40 fixed left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ l(
       et,
       {
-        className: i(
+        className: s(
           "dark:bg-slate-50 dark:hover:bg-slate-300 dark:active:bg-slate-400",
           "bg-slate-500 hover:bg-slate-600 active:bg-slate-700"
         ),
@@ -3335,39 +3342,39 @@ const je = rt(
     /* @__PURE__ */ l(Wt, {}),
     e && /* @__PURE__ */ l(qa, {})
   ] });
-}, Ka = rt(
+}, Ja = rt(
   () => import(
     /* webpackChunkName: "LazyHeader" */
-    "./HeaderToolbar.2wFvK4Tt.js"
+    "./HeaderToolbar.RG5VcCoN.js"
   )
 );
 function vt({ isComponent: e = !1 }) {
-  const t = v(!1), { getAccessToken: r, user: a, isAuthenticated: o } = Z(), [n] = Ve({
-    key: Me + qt,
+  const t = k(!1), { getAccessToken: r, user: a, isAuthenticated: o } = Z(), [n] = Ue({
+    key: ze + qt,
     initialValue: ""
-  }), [s] = Ve({
-    key: Me + Jt,
+  }), [i] = Ue({
+    key: ze + Kt,
     initialValue: j.ASC
-  }), [c, d] = Q(Lr, {
+  }), [c, d] = Q(Mr, {
     id: ke(),
-    model: V,
-    engine: V,
+    model: U,
+    engine: U,
     usage: 0,
     messages: [],
     tags: [],
     isComponent: e
-  }), [g, u] = Q(Or, {
+  }), [g, m] = Q(Or, {
     searchString: n,
     sortedCell: "timestamp",
-    sortDirection: s
-  }), [h, m] = Q(Vr, {
+    sortDirection: i
+  }), [h, u] = Q(Ur, {
     tag: "",
     tags: []
   }), [p, b] = S({
     version: "",
     models: [],
     plugins: [],
-    engine: V,
+    engine: U,
     engines: []
   });
   return x(() => {
@@ -3376,13 +3383,13 @@ function vt({ isComponent: e = !1 }) {
         t.current = !0;
         const y = await ct({
           accessToken: await r(),
-          type: st.ABOUT,
+          type: it.ABOUT,
           params: {
             user: a == null ? void 0 : a.username
           }
         });
         t.current = !1, y.status === 200 && (b(y.data), d({
-          type: Ke,
+          type: Je,
           payload: {
             engine: y.data.engine
           }
@@ -3397,16 +3404,16 @@ function vt({ isComponent: e = !1 }) {
       (_ = document.getElementById("root")) == null || _.classList.replace("app-hidden", "fadeIn");
     }, 500);
   }), /* @__PURE__ */ l(F.Provider, { value: { state: c, dispatch: d, serverStats: p }, children: /* @__PURE__ */ l(
-    Dr.Provider,
+    Pr.Provider,
     {
       value: {
         state: g,
-        dispatch: u
+        dispatch: m
       },
-      children: /* @__PURE__ */ k(
+      children: /* @__PURE__ */ v(
         ve.Provider,
         {
-          value: { state: h, dispatch: m },
+          value: { state: h, dispatch: u },
           children: [
             /* @__PURE__ */ l(
               tr,
@@ -3415,24 +3422,24 @@ function vt({ isComponent: e = !1 }) {
                 noMargin: !0,
                 noPadding: !0,
                 noBorder: !0,
-                className: ze({
+                className: Le({
                   extraClass: "mt-5"
                 }),
-                children: o && /* @__PURE__ */ l(ce, { fallback: /* @__PURE__ */ l("div", {}), children: /* @__PURE__ */ l(Ka, {}) })
+                children: o && /* @__PURE__ */ l(ce, { fallback: /* @__PURE__ */ l("div", {}), children: /* @__PURE__ */ l(Ja, {}) })
               }
             ),
             /* @__PURE__ */ l(
               jt,
               {
-                className: ze({
+                className: Le({
                   extraClass: "max-h-[calc(100svh_-_250px)]"
                 }),
                 noMargin: !0,
                 noPadding: !0,
-                children: /* @__PURE__ */ l(Ja, {})
+                children: /* @__PURE__ */ l(Ka, {})
               }
             ),
-            /* @__PURE__ */ l(ua, {})
+            /* @__PURE__ */ l(ma, {})
           ]
         }
       )
@@ -3440,22 +3447,22 @@ function vt({ isComponent: e = !1 }) {
   ) });
 }
 vt.displayName = "App";
-const io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: vt }, Symbol.toStringTag, { value: "Module" }));
+const so = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: vt }, Symbol.toStringTag, { value: "Module" }));
 export {
-  io as App,
+  so as App,
   F as AppContext,
-  Ve as E,
-  Dr as HistoryContext,
+  Ue as E,
+  Pr as HistoryContext,
   ca as NewChatButton,
-  mt as Pe,
-  st as SERVICE_TYPES,
+  ut as Pe,
+  it as SERVICE_TYPES,
   ve as TagsContext,
   ro as be,
   j as f,
   eo as ge,
   to as he,
-  Ar as le,
-  Ba as le$1,
+  $r as ie,
+  Ba as le,
   ao as me,
   ct as serviceCall,
   oo as ue,