@versini/sassysaint 5.4.2 → 5.4.4

package/dist/chunks/{LazyApp.CyJDRVTr.js → LazyApp.cIKe00HD.js}

@@ -1,17 +1,17 @@
-import { jsx as i, jsxs as v, Fragment as O } from "react/jsx-runtime";
-import { g as _e, ACTION_RESTORE as Ne, ACTION_MESSAGE as S, ROLE_ASSISTANT as I, ACTION_RESET as oe, ACTION_MODEL as ne, ACTION_ENGINE as ie, ACTION_STREAMING as se, ACTION_SORT as we, ACTION_SEARCH as Ee, ACTION_SET_TAGS as de, ACTION_RESET_TAGS as le, ACTION_TOGGLE_TAG as ce, AppContext as $, TagsContext as H, un as U, b as Ie, j as Ce, R as ge, isLastMessageFromRole as ue, O as Se, TOOLBOX as Y, ROLE_INTERNAL as j, ROLE_USER as P, ROLE_SYSTEM as Re, ROLE_HIDDEN as Be, DEFAULT_AI_ENGINE as A, STATS_SEPARATOR as q, TYPE_QUESTION as Me, SEND as Ae, ERROR_MESSAGE as Le, getMessageContaintWrapperClass as Oe, MessagesContainerHeader as $e, HistoryContext as Ue, d as ze, AppFooter as Ve, LOCAL_STORAGE_PREFIX as X, LOCAL_STORAGE_SEARCH as De, LOCAL_STORAGE_SORT as Pe } from "./index.CyxsXeHs.js";
-import { serviceCall as me, SERVICE_TYPES as he, n as He, restCall as je, we as Ge, E as J, f as We } from "./index.XSSbqo_5.js";
-import C, { useContext as R, useState as M, useRef as B, useEffect as _, lazy as Fe, Suspense as Q, useReducer as V } from "react";
+import { jsx as s, jsxs as v, Fragment as O } from "react/jsx-runtime";
+import { g as Ie, ACTION_RESTORE as Ne, ACTION_MESSAGE as C, ROLE_ASSISTANT as S, ACTION_RESET as ie, ACTION_MODEL as ne, ACTION_ENGINE as se, ACTION_STREAMING as de, ACTION_SORT as we, ACTION_SEARCH as Se, ACTION_SET_TAGS as le, ACTION_RESET_TAGS as ce, ACTION_TOGGLE_TAG as ge, AppContext as U, TagsContext as G, un as $, b as Ee, j as Ce, R as ue, isLastMessageFromRole as me, O as Re, TOOLBOX as Y, ROLE_INTERNAL as j, ROLE_USER as D, ROLE_SYSTEM as Be, ROLE_HIDDEN as Me, DEFAULT_AI_ENGINE as A, STATS_SEPARATOR as q, CLIPBOARD_TAG as X, TYPE_QUESTION as Ae, SEND as Le, ERROR_MESSAGE as Oe, getMessageContaintWrapperClass as Ue, MessagesContainerHeader as $e, HistoryContext as Ve, c as ze, AppFooter as Pe, LOCAL_STORAGE_PREFIX as J, LOCAL_STORAGE_SEARCH as De, LOCAL_STORAGE_SORT as Ge } from "./index.7zCJNQU6.js";
+import { serviceCall as he, SERVICE_TYPES as pe, m as je, restCall as He, $e as We, E as Q, y as Fe } from "./index.DTvyH-fG.js";
+import E, { useContext as R, useState as M, useRef as B, useEffect as T, lazy as Ke, Suspense as Z, useReducer as z } from "react";
 import l from "clsx";
-const Ke = ({
+const Ye = ({
   className: e,
   viewBox: t,
   spacing: r,
   title: a,
-  monotone: n,
+  monotone: i,
   ...o
-}) => /* @__PURE__ */ i(
-  _e,
+}) => /* @__PURE__ */ s(
+  Ie,
   {
     defaultViewBox: "0 0 384 512",
     defaultClassName: "size-5",
@@ -20,69 +20,69 @@ const Ke = ({
     spacing: r,
     title: a || "Close",
     ...o,
-    children: /* @__PURE__ */ i("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__ */ s("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z" })
   }
 );
-function Ye(e) {
+function qe(e) {
   const t = e.toLowerCase().split("+").map((o) => o.trim()), r = {
     alt: t.includes("alt"),
     ctrl: t.includes("ctrl"),
     meta: t.includes("meta"),
     mod: t.includes("mod"),
     shift: t.includes("shift")
-  }, a = ["alt", "ctrl", "meta", "shift", "mod"], n = t.find((o) => !a.includes(o));
+  }, a = ["alt", "ctrl", "meta", "shift", "mod"], i = t.find((o) => !a.includes(o));
   return {
     ...r,
-    key: n
+    key: i
   };
 }
-function qe(e, t) {
-  const { alt: r, ctrl: a, meta: n, mod: o, shift: c, key: d } = e, { altKey: m, ctrlKey: g, metaKey: p, shiftKey: u, key: b } = t;
+function Xe(e, t) {
+  const { alt: r, ctrl: a, meta: i, mod: o, shift: c, key: d } = e, { altKey: m, ctrlKey: g, metaKey: p, shiftKey: u, key: b } = t;
   if (r !== m)
     return !1;
   if (o) {
     if (!g && !p)
       return !1;
-  } else if (a !== g || n !== p)
+  } else if (a !== g || i !== p)
     return !1;
   return c !== u ? !1 : !!(d && (b.toLowerCase() === d.toLowerCase() || t.code.replace("Key", "").toLowerCase() === d.toLowerCase()));
 }
-function Xe(e) {
-  return (t) => qe(Ye(e), t);
-}
 function Je(e) {
+  return (t) => Xe(qe(e), t);
+}
+function Qe(e) {
   return (t) => {
     const r = "nativeEvent" in t ? t.nativeEvent : t;
-    e.forEach(([a, n, o = { preventDefault: !0 }]) => {
-      Xe(a)(r) && (o.preventDefault && t.preventDefault(), n(r));
+    e.forEach(([a, i, o = { preventDefault: !0 }]) => {
+      Je(a)(r) && (o.preventDefault && t.preventDefault(), i(r));
     });
   };
 }
-const f = [];
+const y = [];
 for (let e = 0; e < 256; ++e)
-  f.push((e + 256).toString(16).slice(1));
-function Qe(e, t = 0) {
-  return (f[e[t + 0]] + f[e[t + 1]] + f[e[t + 2]] + f[e[t + 3]] + "-" + f[e[t + 4]] + f[e[t + 5]] + "-" + f[e[t + 6]] + f[e[t + 7]] + "-" + f[e[t + 8]] + f[e[t + 9]] + "-" + f[e[t + 10]] + f[e[t + 11]] + f[e[t + 12]] + f[e[t + 13]] + f[e[t + 14]] + f[e[t + 15]]).toLowerCase();
+  y.push((e + 256).toString(16).slice(1));
+function Ze(e, t = 0) {
+  return (y[e[t + 0]] + y[e[t + 1]] + y[e[t + 2]] + y[e[t + 3]] + "-" + y[e[t + 4]] + y[e[t + 5]] + "-" + y[e[t + 6]] + y[e[t + 7]] + "-" + y[e[t + 8]] + y[e[t + 9]] + "-" + y[e[t + 10]] + y[e[t + 11]] + y[e[t + 12]] + y[e[t + 13]] + y[e[t + 14]] + y[e[t + 15]]).toLowerCase();
 }
-let D;
-const Ze = new Uint8Array(16);
-function et() {
-  if (!D) {
+let P;
+const et = new Uint8Array(16);
+function tt() {
+  if (!P) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    D = crypto.getRandomValues.bind(crypto);
+    P = crypto.getRandomValues.bind(crypto);
   }
-  return D(Ze);
+  return P(et);
 }
-const tt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Z = { randomUUID: tt };
-function G(e, t, r) {
-  if (Z.randomUUID && !t && !e)
-    return Z.randomUUID();
+const rt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ee = { randomUUID: rt };
+function H(e, t, r) {
+  if (ee.randomUUID && !t && !e)
+    return ee.randomUUID();
   e = e || {};
-  const a = e.random || (e.rng || et)();
-  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Qe(a);
+  const a = e.random || (e.rng || tt)();
+  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Ze(a);
 }
-const rt = (e, t) => {
+const at = (e, t) => {
   if ((t == null ? void 0 : t.type) === Ne) {
     const r = t.payload.messages.map((a) => ({
       message: {
@@ -102,17 +102,17 @@ const rt = (e, t) => {
       tags: e.tags
     };
   }
-  if ((t == null ? void 0 : t.type) === S) {
-    const r = t.payload.message.role, a = t.payload.message.content, n = t.payload.message.name, o = t.payload.message.processingTime, c = t.payload.message.messageId;
+  if ((t == null ? void 0 : t.type) === C) {
+    const r = t.payload.message.role, a = t.payload.message.content, i = t.payload.message.name, o = t.payload.message.processingTime, c = t.payload.message.messageId;
     if (r !== "") {
       const d = {
         role: r,
         content: a,
-        name: n,
+        name: i,
         processingTime: o,
         messageId: c
       };
-      if (r === I) {
+      if (r === S) {
         const m = e.messages.findIndex(
           (g) => g.message.messageId === c
         );
@@ -122,7 +122,7 @@ const rt = (e, t) => {
               ...p.message,
               content: `${p.message.content}${a}`,
               processingTime: o,
-              name: n
+              name: i
             }
           } : p);
           return {
@@ -152,8 +152,8 @@ const rt = (e, t) => {
       };
     }
   }
-  return (t == null ? void 0 : t.type) === oe ? {
-    id: G(),
+  return (t == null ? void 0 : t.type) === ie ? {
+    id: H(),
     model: e.model,
     engine: e.engine,
     usage: 0,
@@ -168,16 +168,16 @@ const rt = (e, t) => {
     usage: t.payload.usage,
     messages: e.messages,
     isComponent: e.isComponent
-  } : (t == null ? void 0 : t.type) === ie ? {
+  } : (t == null ? void 0 : t.type) === se ? {
     ...e,
     engine: t.payload.engine
-  } : (t == null ? void 0 : t.type) === se ? {
+  } : (t == null ? void 0 : t.type) === de ? {
     ...e,
     streaming: t.payload.streaming
   } : e;
-}, at = (e, t) => {
+}, ot = (e, t) => {
   switch (t == null ? void 0 : t.type) {
-    case Ee:
+    case Se:
       return {
         searchString: t.payload.searchString,
         sortedCell: e.sortedCell,
@@ -192,19 +192,19 @@ const rt = (e, t) => {
     default:
       return e;
   }
-}, ot = (e, t) => {
+}, it = (e, t) => {
   switch (t == null ? void 0 : t.type) {
-    case ce:
+    case ge:
       return {
         tags: e.tags,
         tag: t.payload.tag
       };
-    case le:
+    case ce:
       return {
         tags: e.tags,
         tag: ""
       };
-    case de:
+    case le:
       return {
         tags: t.payload.tags,
         tag: ""
@@ -213,26 +213,26 @@ const rt = (e, t) => {
       return e;
   }
 }, nt = () => {
-  const { dispatch: e, state: t } = R($), { dispatch: r, state: a } = R(H), { getAccessToken: n, user: o } = U(), [c, d] = M({
+  const { dispatch: e, state: t } = R(U), { dispatch: r, state: a } = R(G), { getAccessToken: i, user: o } = $(), [c, d] = M({
     loaded: !1
-  }), m = "mt-2 flex justify-center rounded-md", g = B(null), p = B(!1), u = (s) => {
-    s.preventDefault(), e({
-      type: oe
+  }), m = "mt-2 flex justify-center rounded-md", g = B(null), p = B(!1), u = (n) => {
+    n.preventDefault(), e({
+      type: ie
     });
   };
-  _(() => {
-    var s;
-    (t == null ? void 0 : t.streaming) === !0 && !p.current && g.current && (p.current = !0, g.current.focus()), (t == null ? void 0 : t.streaming) === !1 && (p.current = !1, (s = g.current) == null || s.blur());
+  T(() => {
+    var n;
+    (t == null ? void 0 : t.streaming) === !0 && !p.current && g.current && (p.current = !0, g.current.focus()), (t == null ? void 0 : t.streaming) === !1 && (p.current = !1, (n = g.current) == null || n.blur());
   }, [t]);
-  const b = (s, h) => {
-    s.preventDefault(), r({
-      type: ce,
+  const b = (n, h) => {
+    n.preventDefault(), r({
+      type: ge,
       payload: {
         tag: h
       }
     });
   };
-  return _(() => {
+  return T(() => {
     if (!o) {
       d({
         loaded: !1
@@ -241,17 +241,17 @@ const rt = (e, t) => {
     }
     c.loaded || (async () => {
       try {
-        const s = await me({
-          accessToken: await n(),
-          type: he.GET_USER_PREFERENCES,
+        const n = await he({
+          accessToken: await i(),
+          type: pe.GET_USER_PREFERENCES,
           params: {
             user: o.username
           }
         });
-        s.status === 200 && (r({
-          type: de,
+        n.status === 200 && (r({
+          type: le,
           payload: {
-            tags: s.data.tags || []
+            tags: n.data.tags || []
           }
         }), d({
           loaded: !0
@@ -260,19 +260,19 @@ const rt = (e, t) => {
       }
     })();
   }, [o]), /* @__PURE__ */ v(O, { children: [
-    /* @__PURE__ */ i(Ie, { alignHorizontal: "center", columnGap: 2, children: c && c.loaded && a.tags && a.tags.map((s) => s.enabled && s.label && s.content && /* @__PURE__ */ i(Ce, { children: /* @__PURE__ */ i("div", { className: m, children: /* @__PURE__ */ i(
-      ge,
+    /* @__PURE__ */ s(Ee, { alignHorizontal: "center", columnGap: 2, children: c && c.loaded && a.tags && a.tags.map((n) => n.enabled && n.label && n.content && /* @__PURE__ */ s(Ce, { children: /* @__PURE__ */ s("div", { className: m, children: /* @__PURE__ */ s(
+      ue,
       {
         noBorder: !0,
         mode: "dark",
         focusMode: "light",
         size: "small",
-        onClick: (h) => b(h, s.content),
-        children: s.label
+        onClick: (h) => b(h, n.content),
+        children: n.label
       }
-    ) }) }, `tag-button-${s.slot}`)) }),
-    ue(I, t) && /* @__PURE__ */ i("div", { className: m, children: /* @__PURE__ */ i(
-      Se,
+    ) }) }, `tag-button-${n.slot}`)) }),
+    me(S, t) && /* @__PURE__ */ s("div", { className: m, children: /* @__PURE__ */ s(
+      Re,
       {
         noBorder: !0,
         mode: "dark",
@@ -280,25 +280,39 @@ const rt = (e, t) => {
         ref: g,
         onClick: u,
         labelRight: t != null && t.streaming ? Y.ACTION_WHILE_STREAMING.content : Y.ACTION_WHILE_NOT_STREAMING.content,
-        children: t != null && t.streaming ? /* @__PURE__ */ i(Ke, { className: "size-4" }) : /* @__PURE__ */ i(He, { className: "size-4" })
+        children: t != null && t.streaming ? /* @__PURE__ */ s(Ye, { className: "size-4" }) : /* @__PURE__ */ s(je, { className: "size-4" })
       }
     ) })
   ] });
 };
 /*!
-  @versini/ui-bubble v1.1.1
+  @versini/ui-bubble v1.4.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
-    version: "1.1.1",
-    buildTime: "12/18/2024 01:22 PM EST",
+    version: "1.4.0",
+    buildTime: "12/26/2024 06:06 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const it = "av-bubble", ee = "av-button", st = (e) => {
+const st = "av-bubble", te = "av-button";
+/*!
+  @versini/ui-spacing v1.1.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
+    version: "1.1.0",
+    buildTime: "12/26/2024 06:05 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const dt = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -307,22 +321,22 @@ const it = "av-bubble", ee = "av-button", st = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
   }
   return t;
-}, W = "icon", dt = "button", lt = "link", ct = ({
+}, W = "icon", lt = "button", ct = "link", gt = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
-  align: n
+  align: i
 }) => {
   const o = "text-sm font-medium max-h-8 py-0", c = "text-base font-medium max-h-9 py-1", d = "text-lg font-medium max-h-12 py-2";
   switch (e) {
-    case dt:
+    case lt:
       return l("px-4", {
         [o]: t === "small",
         [c]: t === "medium",
         [d]: t === "large"
       });
-    case lt:
+    case ct:
       return l("px-4 text-center", {
         [o]: t === "small",
         [c]: t === "medium",
@@ -330,9 +344,9 @@ const it = "av-bubble", ee = "av-button", st = (e) => {
       });
     case W:
       return l("inline-flex items-center", {
-        "justify-center": n === "center",
-        "justify-start": n === "left",
-        "justify-end": n === "right",
+        "justify-center": i === "center",
+        "justify-start": i === "left",
+        "justify-end": i === "right",
         "h-6 w-6 p-0": t === "small" && !(r || a),
         "h-6 px-4 text-sm font-medium": t === "small" && (r || a),
         "h-8 w-8 p-1": t === "medium" && !(r || a),
@@ -341,7 +355,7 @@ const it = "av-bubble", ee = "av-button", st = (e) => {
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, gt = ({
+}, ut = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -373,7 +387,7 @@ const it = "av-bubble", ee = "av-button", st = (e) => {
       "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": e === "system",
       "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
     });
-}, ut = ({
+}, mt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -401,7 +415,7 @@ const it = "av-bubble", ee = "av-button", st = (e) => {
       "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
       "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
     });
-}, mt = ({
+}, ht = ({
   mode: e,
   disabled: t,
   variant: r
@@ -429,7 +443,7 @@ const it = "av-bubble", ee = "av-button", st = (e) => {
       "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
       "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
     });
-}, ht = ({
+}, pt = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -457,17 +471,17 @@ const it = "av-bubble", ee = "av-button", st = (e) => {
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
-}, pt = ({ focusMode: e }) => l("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, bt = ({ focusMode: e }) => l("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), pe = ({
+}), be = ({
   type: e,
   className: t,
   raw: r,
   mode: a,
-  focusMode: n,
+  focusMode: i,
   disabled: o,
   fullWidth: c,
   size: d,
@@ -476,47 +490,47 @@ const it = "av-bubble", ee = "av-button", st = (e) => {
   labelLeft: p,
   spacing: u,
   noBackground: b,
-  variant: s,
+  variant: n,
   noTruncate: h,
-  align: y
-}) => (s || (s = "primary"), r ? l(ee, t) : l(
-  ee,
+  align: f
+}) => (n || (n = "primary"), r ? l(te, t) : l(
+  te,
   t,
-  st(u),
-  gt({ mode: a, variant: s, noBackground: b, noTruncate: h }),
-  ct({ type: e, size: d, labelRight: g, labelLeft: p, align: y }),
-  ht({ mode: a, variant: s, noBorder: m }),
-  pt({ focusMode: n }),
-  ut({ mode: a, variant: s, disabled: o }),
-  mt({ mode: a, variant: s, disabled: o }),
+  dt(u),
+  ut({ mode: a, variant: n, noBackground: b, noTruncate: h }),
+  gt({ type: e, size: d, labelRight: g, labelLeft: p, align: f }),
+  pt({ mode: a, variant: n, noBorder: m }),
+  bt({ focusMode: i }),
+  mt({ mode: a, variant: n, disabled: o }),
+  ht({ mode: a, variant: n, disabled: o }),
   {
     "w-full": c,
     "disabled:cursor-not-allowed disabled:opacity-50": o
   }
-)), bt = (e, t, r) => {
+)), yt = (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);
-}, F = C.forwardRef((e, t) => {
-  const { onClick: r, noInternalClick: a = !1, ...n } = e;
-  return /* @__PURE__ */ i(
+}, F = E.forwardRef((e, t) => {
+  const { onClick: r, noInternalClick: a = !1, ...i } = e;
+  return /* @__PURE__ */ s(
     "button",
     {
       ref: t,
       onClick: (o) => {
-        bt(o, a, r);
+        yt(o, a, r);
       },
-      ...n
+      ...i
     }
   );
 });
 F.displayName = "BaseButton";
-const be = C.forwardRef(
+const ye = E.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
-    fullWidth: n = !1,
+    fullWidth: i = !1,
     className: o,
     type: c = "button",
     raw: d = !1,
@@ -525,28 +539,28 @@ const be = C.forwardRef(
     label: p,
     size: u = "medium",
     labelRight: b,
-    labelLeft: s,
+    labelLeft: n,
     spacing: h,
-    noBackground: y = !1,
-    align: N = "center",
-    ...w
+    noBackground: f = !1,
+    align: I = "center",
+    ...N
   }, k) => {
-    const x = pe({
+    const _ = be({
       type: W,
       mode: r,
       focusMode: a,
-      fullWidth: n,
+      fullWidth: i,
       disabled: t,
       raw: d,
       className: o,
       noBorder: m,
       size: u,
       labelRight: b,
-      labelLeft: s,
+      labelLeft: n,
       spacing: h,
-      noBackground: y,
-      align: N
-    }), E = l({
+      noBackground: f,
+      align: I
+    }), w = l({
       "text-copy-accent-dark": r === "light" && !d,
       "text-copy-light": r === "dark" && !d,
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !d,
@@ -556,41 +570,41 @@ const be = C.forwardRef(
       F,
       {
         ref: k,
-        className: x,
+        className: _,
         disabled: t,
         type: c,
         "aria-label": g || p,
-        ...w,
+        ...N,
         children: [
-          s && /* @__PURE__ */ i("span", { className: "pr-2", children: s }),
-          /* @__PURE__ */ i("div", { className: E, children: e }),
-          b && /* @__PURE__ */ i("span", { className: "pl-2", children: b })
+          n && /* @__PURE__ */ s("span", { className: "pr-2", children: n }),
+          /* @__PURE__ */ s("div", { className: w, children: e }),
+          b && /* @__PURE__ */ s("span", { className: "pl-2", children: b })
         ]
       }
     );
   }
 );
-be.displayName = "ButtonIcon";
+ye.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v1.2.1
+  @versini/ui-button v1.6.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "1.2.1",
-    buildTime: "12/18/2024 01:22 PM EST",
+    version: "1.6.0",
+    buildTime: "12/26/2024 06:05 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ft = C.forwardRef(
+const ft = E.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
-    fullWidth: n = !1,
+    fullWidth: i = !1,
     className: o,
     type: c = "button",
     raw: d = !1,
@@ -599,34 +613,34 @@ const ft = C.forwardRef(
     label: p,
     size: u = "medium",
     labelRight: b,
-    labelLeft: s,
+    labelLeft: n,
     spacing: h,
-    noBackground: y = !1,
-    align: N = "center",
-    active: w = !1,
+    noBackground: f = !1,
+    align: I = "center",
+    active: N = !1,
     ...k
-  }, x) => {
-    const E = pe({
+  }, _) => {
+    const w = be({
       type: W,
       mode: r,
       focusMode: a,
-      fullWidth: n,
+      fullWidth: i,
       disabled: t,
       raw: d,
       className: o,
       noBorder: m,
       size: u,
       labelRight: b,
-      labelLeft: s,
+      labelLeft: n,
       spacing: h,
-      noBackground: y,
-      align: N
-    }), T = l({
+      noBackground: f,
+      align: I
+    }), x = l({
       "text-copy-accent-dark": r === "light" && !d,
       "text-copy-light": r === "dark" && !d,
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !d,
       "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
-    }), z = w ? l(
+    }), V = N ? l(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -643,26 +657,39 @@ const ft = C.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ i("div", { className: z, children: /* @__PURE__ */ v(
+    return /* @__PURE__ */ s("div", { className: V, children: /* @__PURE__ */ v(
       F,
       {
-        ref: x,
-        className: E,
+        ref: _,
+        className: w,
         disabled: t,
         type: c,
         "aria-label": g || p,
         ...k,
         children: [
-          s && /* @__PURE__ */ i("span", { className: "pr-2", children: s }),
-          /* @__PURE__ */ i("div", { className: T, children: e }),
-          b && /* @__PURE__ */ i("span", { className: "pl-2", children: b })
+          n && /* @__PURE__ */ s("span", { className: "pr-2", children: n }),
+          /* @__PURE__ */ s("div", { className: x, children: e }),
+          b && /* @__PURE__ */ s("span", { className: "pl-2", children: b })
         ]
       }
     ) });
   }
 );
 ft.displayName = "ButtonSort";
-const yt = (e) => {
+/*!
+  @versini/ui-spacing v1.1.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
+    version: "1.1.0",
+    buildTime: "12/26/2024 06:05 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const vt = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -676,24 +703,24 @@ const yt = (e) => {
   fill: t,
   viewBox: r,
   className: a,
-  defaultViewBox: n,
+  defaultViewBox: i,
   defaultClassName: o,
   spacing: c,
   title: d,
   semantic: m = !1,
   ...g
 }) => {
-  const p = yt(c), u = l(
+  const p = vt(c), u = l(
     p,
     a || o
   );
   return /* @__PURE__ */ v(O, { children: [
-    /* @__PURE__ */ i(
+    /* @__PURE__ */ s(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
         className: u,
-        viewBox: r || n,
+        viewBox: r || i,
         fill: t || "currentColor",
         role: "img",
         "aria-hidden": !m,
@@ -702,28 +729,28 @@ const yt = (e) => {
         children: e
       }
     ),
-    d && m && /* @__PURE__ */ i("span", { className: "sr-only", children: d })
+    d && m && /* @__PURE__ */ s("span", { className: "sr-only", children: d })
   ] });
 };
 /*!
-  @versini/ui-private v1.5.1
+  @versini/ui-svgicon v1.1.0
   © 2024 gizmette.com
 */
 try {
-  window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
-    version: "1.5.1",
-    buildTime: "12/18/2024 01:22 PM EST",
+  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
+    version: "1.1.0",
+    buildTime: "12/26/2024 06:05 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const vt = ({
+const kt = ({
   className: e,
   viewBox: t,
   spacing: r,
   title: a,
-  monotone: n,
+  monotone: i,
   ...o
 }) => /* @__PURE__ */ v(
   fe,
@@ -736,24 +763,24 @@ const vt = ({
     title: a || "Copied",
     ...o,
     children: [
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ s(
         "path",
         {
           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"
         }
       ),
-      /* @__PURE__ */ i("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__ */ s("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" })
     ]
   }
-), kt = ({
+), _t = ({
   className: e,
   viewBox: t,
   spacing: r,
   title: a,
-  monotone: n,
+  monotone: i,
   ...o
-}) => /* @__PURE__ */ i(
+}) => /* @__PURE__ */ s(
   fe,
   {
     defaultViewBox: "0 0 512 512",
@@ -763,17 +790,30 @@ const vt = ({
     spacing: r,
     title: a || "Copy",
     ...o,
-    children: /* @__PURE__ */ i("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__ */ s("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" })
   }
 );
 /*!
-  @versini/ui-icons v1.16.1
+  @versini/ui-icons v1.19.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "1.16.1",
-    buildTime: "12/18/2024 01:22 PM EST",
+    version: "1.19.0",
+    buildTime: "12/26/2024 06:05 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+/*!
+  @versini/ui-spacing v1.1.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
+    version: "1.1.0",
+    buildTime: "12/26/2024 06:05 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -788,7 +828,7 @@ const xt = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
   }
   return t;
-}, Tt = () => "p-4 sm:max-w-md md:max-w-2xl", _t = ({ kind: e }) => l({
+}, Tt = () => "p-4 sm:max-w-md md:max-w-2xl", It = ({ kind: e }) => l({
   "bg-surface-lighter dark:bg-surface-dark": e === "left",
   "bg-surface-accent": e === "right"
 }), Nt = ({ kind: e }) => l(
@@ -799,24 +839,24 @@ const xt = (e) => {
 ), wt = ({ kind: e }) => l("rounded-b-xl", {
   "rounded-tr-xl": e === "left",
   "rounded-tl-xl": e === "right"
-}), Et = ({
+}), St = ({
   kind: e,
   className: t,
   spacing: r
 }) => {
   const a = l(
     t,
-    it,
+    st,
     "flex items-start",
     xt(r),
     {
       "flex-row-reverse": e === "right"
     }
-  ), n = l(
+  ), i = l(
     "flex flex-col empty:hidden",
     Tt(),
     Nt({ kind: e }),
-    _t({ kind: e }),
+    It({ kind: e }),
     wt({ kind: e })
   ), o = "pr-2 pt-1 text-end text-xs text-copy-light", c = l("flex flex-col-reverse gap-2 sm:flex-row", {
     "ml-2": e === "left",
@@ -824,25 +864,25 @@ const xt = (e) => {
   });
   return {
     wrapper: a,
-    main: n,
+    main: i,
     footer: o,
     copyButton: c
   };
-}, It = ({
+}, Et = ({
   children: e,
   kind: t = "left",
   className: r,
   footer: a,
-  rawFooter: n,
+  rawFooter: i,
   copyToClipboard: o,
   copyToClipboardFocusMode: c = "system",
   copyToClipboardMode: d = "system",
   spacing: m
 }) => {
-  const [g, p] = M(!1), u = Et({ kind: t, className: r, spacing: m }), b = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), s = () => {
+  const [g, p] = M(!1), u = St({ kind: t, className: r, spacing: m }), b = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), n = () => {
     p(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
   };
-  return _(() => {
+  return T(() => {
     let h;
     return g && (h = window.setTimeout(() => {
       p(!1);
@@ -851,16 +891,16 @@ const xt = (e) => {
     };
   }, [g]), /* @__PURE__ */ v("div", { className: u.wrapper, children: [
     /* @__PURE__ */ v("div", { children: [
-      /* @__PURE__ */ i("div", { className: u.main, children: e }),
-      a && Object.keys(a).map((h) => a[h] ? /* @__PURE__ */ i("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: u.footer, children: [
+      /* @__PURE__ */ s("div", { className: u.main, children: e }),
+      a && Object.keys(a).map((h) => a[h] ? /* @__PURE__ */ s("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: u.footer, children: [
         h,
         ": ",
         a[h]
       ] }) }, `-${h}`) : null),
-      n && n
+      i && i
     ] }),
-    b && /* @__PURE__ */ i("div", { className: u.copyButton, children: /* @__PURE__ */ i(
-      be,
+    b && /* @__PURE__ */ s("div", { className: u.copyButton, children: /* @__PURE__ */ s(
+      ye,
       {
         noBorder: !0,
         noBackground: !0,
@@ -868,13 +908,27 @@ const xt = (e) => {
         mode: d,
         focusMode: c,
         label: g ? "Copied to clipboard" : "Copy to clipboard",
-        onClick: s,
+        onClick: n,
         disabled: g,
-        children: g ? /* @__PURE__ */ i(vt, { className: "size-3" }) : /* @__PURE__ */ i(kt, { className: "size-3" })
+        children: g ? /* @__PURE__ */ s(kt, { className: "size-3" }) : /* @__PURE__ */ s(_t, { className: "size-3" })
       }
     ) })
   ] });
-}, te = "av-button", Ct = (e) => {
+}, re = "av-button";
+/*!
+  @versini/ui-spacing v1.1.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
+    version: "1.1.0",
+    buildTime: "12/26/2024 06:05 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Ct = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -883,32 +937,32 @@ const xt = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
   }
   return t;
-}, ye = "icon", ve = "button", St = "link", Rt = ({
+}, ve = "icon", ke = "button", Rt = "link", Bt = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
-  align: n
+  align: i
 }) => {
   const o = "text-sm font-medium max-h-8 py-0", c = "text-base font-medium max-h-9 py-1", d = "text-lg font-medium max-h-12 py-2";
   switch (e) {
-    case ve:
+    case ke:
       return l("px-4", {
         [o]: t === "small",
         [c]: t === "medium",
         [d]: t === "large"
       });
-    case St:
+    case Rt:
       return l("px-4 text-center", {
         [o]: t === "small",
         [c]: t === "medium",
         [d]: t === "large"
       });
-    case ye:
+    case ve:
       return l("inline-flex items-center", {
-        "justify-center": n === "center",
-        "justify-start": n === "left",
-        "justify-end": n === "right",
+        "justify-center": i === "center",
+        "justify-start": i === "left",
+        "justify-end": i === "right",
         "h-6 w-6 p-0": t === "small" && !(r || a),
         "h-6 px-4 text-sm font-medium": t === "small" && (r || a),
         "h-8 w-8 p-1": t === "medium" && !(r || a),
@@ -917,7 +971,7 @@ const xt = (e) => {
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, Bt = ({
+}, Mt = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -949,7 +1003,7 @@ const xt = (e) => {
       "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": e === "system",
       "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
     });
-}, Mt = ({
+}, At = ({
   mode: e,
   disabled: t,
   variant: r
@@ -977,7 +1031,7 @@ const xt = (e) => {
       "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
       "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
     });
-}, At = ({
+}, Lt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -1005,7 +1059,7 @@ const xt = (e) => {
       "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
       "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
     });
-}, Lt = ({
+}, Ot = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -1033,17 +1087,17 @@ const xt = (e) => {
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
-}, Ot = ({ focusMode: e }) => l("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, Ut = ({ focusMode: e }) => l("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), ke = ({
+}), _e = ({
   type: e,
   className: t,
   raw: r,
   mode: a,
-  focusMode: n,
+  focusMode: i,
   disabled: o,
   fullWidth: c,
   size: d,
@@ -1052,19 +1106,19 @@ const xt = (e) => {
   labelLeft: p,
   spacing: u,
   noBackground: b,
-  variant: s,
+  variant: n,
   noTruncate: h,
-  align: y
-}) => (s || (s = "primary"), r ? l(te, t) : l(
-  te,
+  align: f
+}) => (n || (n = "primary"), r ? l(re, t) : l(
+  re,
   t,
   Ct(u),
-  Bt({ mode: a, variant: s, noBackground: b, noTruncate: h }),
-  Rt({ type: e, size: d, labelRight: g, labelLeft: p, align: y }),
-  Lt({ mode: a, variant: s, noBorder: m }),
-  Ot({ focusMode: n }),
-  Mt({ mode: a, variant: s, disabled: o }),
-  At({ mode: a, variant: s, disabled: o }),
+  Mt({ mode: a, variant: n, noBackground: b, noTruncate: h }),
+  Bt({ type: e, size: d, labelRight: g, labelLeft: p, align: f }),
+  Ot({ mode: a, variant: n, noBorder: m }),
+  Ut({ focusMode: i }),
+  At({ mode: a, variant: n, disabled: o }),
+  Lt({ mode: a, variant: n, disabled: o }),
   {
     "w-full": c,
     "disabled:cursor-not-allowed disabled:opacity-50": o
@@ -1072,27 +1126,27 @@ const xt = (e) => {
 )), $t = (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);
-}, K = C.forwardRef((e, t) => {
-  const { onClick: r, noInternalClick: a = !1, ...n } = e;
-  return /* @__PURE__ */ i(
+}, K = E.forwardRef((e, t) => {
+  const { onClick: r, noInternalClick: a = !1, ...i } = e;
+  return /* @__PURE__ */ s(
     "button",
     {
       ref: t,
       onClick: (o) => {
         $t(o, a, r);
       },
-      ...n
+      ...i
     }
   );
 });
 K.displayName = "BaseButton";
-const xe = C.forwardRef(
+const xe = E.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
-    fullWidth: n = !1,
+    fullWidth: i = !1,
     className: o,
     size: c = "medium",
     raw: d = !1,
@@ -1101,12 +1155,12 @@ const xe = C.forwardRef(
     variant: p = "primary",
     noTruncate: u = !1,
     ...b
-  }, s) => {
-    const h = ke({
-      type: ve,
+  }, n) => {
+    const h = _e({
+      type: ke,
       mode: r,
       focusMode: a,
-      fullWidth: n,
+      fullWidth: i,
       disabled: t,
       raw: d,
       className: o,
@@ -1116,10 +1170,10 @@ const xe = C.forwardRef(
       variant: p,
       noTruncate: u
     });
-    return /* @__PURE__ */ i(
+    return /* @__PURE__ */ s(
       K,
       {
-        ref: s,
+        ref: n,
         className: h,
         disabled: t,
         ...b,
@@ -1130,25 +1184,25 @@ const xe = C.forwardRef(
 );
 xe.displayName = "Button";
 /*!
-  @versini/ui-button v1.2.1
+  @versini/ui-button v1.6.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "1.2.1",
-    buildTime: "12/21/2024 02:25 PM EST",
+    version: "1.6.0",
+    buildTime: "12/26/2024 06:05 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Ut = C.forwardRef(
+const Vt = E.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
-    fullWidth: n = !1,
+    fullWidth: i = !1,
     className: o,
     type: c = "button",
     raw: d = !1,
@@ -1157,34 +1211,34 @@ const Ut = C.forwardRef(
     label: p,
     size: u = "medium",
     labelRight: b,
-    labelLeft: s,
+    labelLeft: n,
     spacing: h,
-    noBackground: y = !1,
-    align: N = "center",
-    active: w = !1,
+    noBackground: f = !1,
+    align: I = "center",
+    active: N = !1,
     ...k
-  }, x) => {
-    const E = ke({
-      type: ye,
+  }, _) => {
+    const w = _e({
+      type: ve,
       mode: r,
       focusMode: a,
-      fullWidth: n,
+      fullWidth: i,
       disabled: t,
       raw: d,
       className: o,
       noBorder: m,
       size: u,
       labelRight: b,
-      labelLeft: s,
+      labelLeft: n,
       spacing: h,
-      noBackground: y,
-      align: N
-    }), T = l({
+      noBackground: f,
+      align: I
+    }), x = l({
       "text-copy-accent-dark": r === "light" && !d,
       "text-copy-light": r === "dark" && !d,
       "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !d,
       "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
-    }), z = w ? l(
+    }), V = N ? l(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -1201,26 +1255,26 @@ const Ut = C.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ i("div", { className: z, children: /* @__PURE__ */ v(
+    return /* @__PURE__ */ s("div", { className: V, children: /* @__PURE__ */ v(
       K,
       {
-        ref: x,
-        className: E,
+        ref: _,
+        className: w,
         disabled: t,
         type: c,
         "aria-label": g || p,
         ...k,
         children: [
-          s && /* @__PURE__ */ i("span", { className: "pr-2", children: s }),
-          /* @__PURE__ */ i("div", { className: T, children: e }),
-          b && /* @__PURE__ */ i("span", { className: "pl-2", children: b })
+          n && /* @__PURE__ */ s("span", { className: "pr-2", children: n }),
+          /* @__PURE__ */ s("div", { className: x, children: e }),
+          b && /* @__PURE__ */ s("span", { className: "pl-2", children: b })
         ]
       }
     ) });
   }
 );
-Ut.displayName = "ButtonSort";
-const zt = 200, Vt = ({
+Vt.displayName = "ButtonSort";
+const zt = 200, Pt = ({
   string: e,
   idealLength: t = zt
 }) => {
@@ -1239,16 +1293,16 @@ const zt = 200, Vt = ({
   mode: r = "system",
   focusMode: a = "system"
 }) => {
-  const [n, o] = M(!1);
+  const [i, o] = M(!1);
   if (typeof e != "string")
     return e;
-  const { string: c, isTruncated: d } = Vt({
+  const { string: c, isTruncated: d } = Pt({
     string: e,
     idealLength: t
   });
   return /* @__PURE__ */ v("span", { style: { wordBreak: "break-word" }, children: [
-    n ? e : c,
-    d && /* @__PURE__ */ i(
+    i ? e : c,
+    d && /* @__PURE__ */ s(
       xe,
       {
         mode: r,
@@ -1256,78 +1310,78 @@ const zt = 200, Vt = ({
         spacing: { l: 2 },
         size: "small",
         onClick: (m) => {
-          m.preventDefault(), o(!n);
+          m.preventDefault(), o(!i);
         },
-        children: n ? "less..." : "more..."
+        children: i ? "less..." : "more..."
       }
     )
   ] });
 };
 /*!
-  @versini/ui-truncate v1.1.2
+  @versini/ui-truncate v1.1.7
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TRUNCATE__ || (window.__VERSINI_UI_TRUNCATE__ = {
-    version: "1.1.2",
-    buildTime: "12/21/2024 02:25 PM EST",
+    version: "1.1.7",
+    buildTime: "12/26/2024 06:06 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const re = Fe(
+const ae = Ke(
   () => import(
     /* webpackChunkName: "LazyMessageAssistant" */
-    "./LazyMessageAssistant.1QKtMcJd.js"
+    "./LazyMessageAssistant.cGZrKUGF.js"
   ).then((e) => e.LazyMessageAssistant)
-), Pt = () => {
-  const { state: e } = R($);
+), Gt = () => {
+  const { state: e } = R(U);
   return /* @__PURE__ */ v(O, { children: [
     e && e.messages.length > 0 && e.messages.map((t, r) => {
-      const { role: a, content: n, name: o, processingTime: c } = t.message;
-      return (a === I || a === j) && n ? /* @__PURE__ */ i(Q, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(
-        re,
+      const { role: a, content: i, name: o, processingTime: c } = t.message;
+      return (a === S || a === j) && i ? /* @__PURE__ */ s(Z, { fallback: /* @__PURE__ */ s("span", {}), children: /* @__PURE__ */ s(
+        ae,
         {
           name: o,
           processingTime: c,
-          children: n
+          children: i
         }
-      ) }, `${r}-${a}`) : a === P && n ? /* @__PURE__ */ i(
-        It,
+      ) }, `${r}-${a}`) : a === D && i ? /* @__PURE__ */ s(
+        Et,
         {
           kind: "right",
-          copyToClipboard: n,
+          copyToClipboard: i,
           copyToClipboardFocusMode: "light",
-          children: /* @__PURE__ */ i(Dt, { mode: "light", focusMode: "light", children: n })
+          children: /* @__PURE__ */ s(Dt, { mode: "light", focusMode: "light", children: i })
         },
         `${r}-${a}`
       ) : null;
     }),
-    ue(P, e) && /* @__PURE__ */ i(Q, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(re, { loading: !0 }) })
+    me(D, e) && /* @__PURE__ */ s(Z, { fallback: /* @__PURE__ */ s("span", {}), children: /* @__PURE__ */ s(ae, { loading: !0 }) })
   ] });
 }, L = (e, t) => {
   e({
-    type: se,
+    type: de,
     payload: {
       streaming: t
     }
   });
-}, ae = (e) => {
+}, oe = (e) => {
   L(e, !1), e({
-    type: S,
+    type: C,
     payload: {
       message: {
         role: j,
-        content: Le
+        content: Oe
       }
     }
   });
-}, Ht = () => {
-  const { state: e, dispatch: t } = R($), { state: r, dispatch: a } = R(H), [n, o] = M(""), { getAccessToken: c, user: d } = U(), m = B(null), g = B(
+}, jt = () => {
+  const { state: e, dispatch: t } = R(U), { state: r, dispatch: a } = R(G), [i, o] = M(""), { getAccessToken: c, user: d } = $(), m = B(null), g = B(
     null
   );
-  _(() => {
+  T(() => {
     (async () => {
       var b;
       if (!e || e.messages.length === 0) {
@@ -1335,9 +1389,9 @@ const re = Fe(
         return;
       }
       const u = e.messages[e.messages.length - 1];
-      if (!(e.messages.length === 0 || u.message.role === I || u.message.role === Re || u.message.role === j || u.message.role === Be))
+      if (!(e.messages.length === 0 || u.message.role === S || u.message.role === Be || u.message.role === j || u.message.role === Me))
         try {
-          const s = await je({
+          const n = await He({
             accessToken: await c(),
             name: "generate",
             data: {
@@ -1348,160 +1402,162 @@ const re = Fe(
               usage: e.usage
             }
           });
-          if (s && s.ok) {
-            const h = G();
-            g.current = s.body.getReader();
-            const y = new TextDecoder();
+          if (n && n.ok) {
+            const h = H();
+            g.current = n.body.getReader();
+            const f = new TextDecoder();
             for (; ; ) {
               L(t, !0);
-              const { done: N, value: w } = await g.current.read();
-              if (N) {
+              const { done: I, value: N } = await g.current.read();
+              if (I) {
                 L(t, !1);
                 break;
               }
-              const k = y.decode(w, { stream: !0 }), x = k.indexOf(q);
-              if (x !== -1) {
-                const E = k.substring(0, x), T = JSON.parse(
-                  k.substring(x + q.length)
+              const k = f.decode(N, { stream: !0 }), _ = k.indexOf(q);
+              if (_ !== -1) {
+                const w = k.substring(0, _), x = JSON.parse(
+                  k.substring(_ + q.length)
                 );
                 t({
                   type: ne,
                   payload: {
-                    model: T.model,
-                    usage: T.usage
+                    model: x.model,
+                    usage: x.usage
                   }
                 }), t({
-                  type: S,
+                  type: C,
                   payload: {
                     message: {
-                      content: E,
-                      role: I,
+                      content: w,
+                      role: S,
                       messageId: h,
-                      processingTime: T.processingTime,
-                      name: T.name
+                      processingTime: x.processingTime,
+                      name: x.name
                     }
                   }
                 }), L(t, !1);
                 break;
               } else
                 t({
-                  type: S,
+                  type: C,
                   payload: {
                     message: {
                       content: k,
-                      role: I,
+                      role: S,
                       messageId: h
                     }
                   }
                 });
             }
           } else
-            ae(t);
-        } catch (s) {
-          console.error(s), ae(t);
+            oe(t);
+        } catch (n) {
+          console.error(n), oe(t);
         }
     })();
   }, [e == null ? void 0 : e.messages]);
   const p = async (u) => {
     u.preventDefault(), t({
-      type: S,
+      type: C,
       payload: {
         message: {
-          role: P,
-          content: n
+          role: D,
+          content: i
         }
       }
     }), o("");
   };
-  return _(() => {
+  return T(() => {
     if (r.tag !== "") {
       const u = r.tag.endsWith(":") && !r.tag.endsWith(": ") ? r.tag + " " : r.tag;
-      o(u), m.current && m.current.focus(), a({
-        type: le
+      u.indexOf(X) !== -1 ? navigator.clipboard.readText().then((n) => {
+        o(u.replace(X, n));
+      }) : o(u), m.current && m.current.focus(), a({
+        type: ce
       });
     }
-  }, [r, a]), _(() => {
+  }, [r, a]), T(() => {
     e && e.usage === 0 && e.messages.length === 0 && m.current && m.current.focus();
-  }, [e]), /* @__PURE__ */ i("form", { className: "mt-2", onSubmit: p, children: /* @__PURE__ */ i(
-    Ge,
+  }, [e]), /* @__PURE__ */ s("form", { className: "mt-2", onSubmit: p, children: /* @__PURE__ */ s(
+    We,
     {
       mode: "dark",
       focusMode: "light",
       ref: m,
       name: "chat-input",
-      label: Me,
+      label: Ae,
       helperText: "Press ENTER to add a new line",
       helperTextOnFocus: !0,
       required: !0,
-      value: n,
+      value: i,
       onChange: (u) => o(u.target.value),
-      onKeyDown: Je([["mod+Enter", p]]),
-      rightElement: /* @__PURE__ */ i(
-        ge,
+      onKeyDown: Qe([["mod+Enter", p]]),
+      rightElement: /* @__PURE__ */ s(
+        ue,
         {
           disabled: e == null ? void 0 : e.streaming,
           noBorder: !0,
           type: "submit",
           mode: "light",
           focusMode: "light",
-          children: Ae
+          children: Le
         }
       )
     }
   ) });
-}, jt = () => {
-  const { isAuthenticated: e } = U(), t = Oe(e);
+}, Ht = () => {
+  const { isAuthenticated: e } = $(), t = Ue(e);
   return /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ v("div", { className: t, children: [
-      /* @__PURE__ */ i($e, {}),
-      /* @__PURE__ */ i(Pt, {})
+      /* @__PURE__ */ s($e, {}),
+      /* @__PURE__ */ s(Gt, {})
     ] }),
-    /* @__PURE__ */ i(nt, {}),
-    /* @__PURE__ */ i(Ht, {})
+    /* @__PURE__ */ s(nt, {}),
+    /* @__PURE__ */ s(jt, {})
   ] });
 };
 function Te({ isComponent: e = !1 }) {
-  const t = B(!1), { getAccessToken: r, user: a } = U(), [n] = J({
-    key: X + De,
+  const t = B(!1), { getAccessToken: r, user: a } = $(), [i] = Q({
+    key: J + De,
     initialValue: ""
-  }), [o] = J({
-    key: X + Pe,
-    initialValue: We.ASC
-  }), [c, d] = V(rt, {
-    id: G(),
+  }), [o] = Q({
+    key: J + Ge,
+    initialValue: Fe.ASC
+  }), [c, d] = z(at, {
+    id: H(),
     model: A,
     engine: A,
     usage: 0,
     messages: [],
     tags: [],
     isComponent: e
-  }), [m, g] = V(at, {
-    searchString: n,
+  }), [m, g] = z(ot, {
+    searchString: i,
     sortedCell: "timestamp",
     sortDirection: o
-  }), [p, u] = V(ot, {
+  }), [p, u] = z(it, {
     tag: "",
     tags: []
-  }), [b, s] = M({
+  }), [b, n] = M({
     version: "",
     models: [],
     plugins: [],
     engine: A,
     engines: []
   });
-  return _(() => {
+  return T(() => {
     b.version !== "" || t.current || (async () => {
       try {
         t.current = !0;
-        const h = await me({
+        const h = await he({
           accessToken: await r(),
-          type: he.ABOUT,
+          type: pe.ABOUT,
           params: {
             user: a == null ? void 0 : a.username
           }
         });
-        t.current = !1, h.status === 200 && (s(h.data), d({
-          type: ie,
+        t.current = !1, h.status === 200 && (n(h.data), d({
+          type: se,
           payload: {
             engine: h.data.engine
           }
@@ -1509,26 +1565,26 @@ function Te({ isComponent: e = !1 }) {
       } catch {
       }
     })();
-  }, [b, r, a]), _(() => {
+  }, [b, r, a]), T(() => {
     var h;
     (h = document.getElementById("logo")) == null || h.classList.add("fadeOut"), setTimeout(() => {
-      var y;
-      (y = document.getElementById("root")) == null || y.classList.replace("app-hidden", "fadeIn");
+      var f;
+      (f = document.getElementById("root")) == null || f.classList.replace("app-hidden", "fadeIn");
     }, 500);
-  }), /* @__PURE__ */ i($.Provider, { value: { state: c, dispatch: d, serverStats: b }, children: /* @__PURE__ */ i(
-    Ue.Provider,
+  }), /* @__PURE__ */ s(U.Provider, { value: { state: c, dispatch: d, serverStats: b }, children: /* @__PURE__ */ s(
+    Ve.Provider,
     {
       value: {
         state: m,
         dispatch: g
       },
       children: /* @__PURE__ */ v(
-        H.Provider,
+        G.Provider,
         {
           value: { state: p, dispatch: u },
           children: [
-            /* @__PURE__ */ i(ze, { children: /* @__PURE__ */ i(jt, {}) }),
-            /* @__PURE__ */ i(Ve, { serverStats: b })
+            /* @__PURE__ */ s(ze, { children: /* @__PURE__ */ s(Ht, {}) }),
+            /* @__PURE__ */ s(Pe, { serverStats: b })
           ]
         }
       )
@@ -1536,8 +1592,8 @@ function Te({ isComponent: e = !1 }) {
   ) });
 }
 Te.displayName = "App";
-const qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: Te }, Symbol.toStringTag, { value: "Module" }));
+const Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: Te }, Symbol.toStringTag, { value: "Module" }));
 export {
-  qt as LazyApp,
-  It as le
+  Xt as LazyApp,
+  Et as le
 };