@versini/sassysaint 5.4.15 → 5.5.0

package/dist/chunks/{index.Dn9p043U.js → index.CqSoo2Fx.js}

@@ -1,73 +1,46 @@
-import { jsxs as _, jsx as l, Fragment as Ne } from "react/jsx-runtime";
-import { g as Se, DEFAULT_AI_ENGINE as J } from "./index.D8QVMbN9.js";
-import E, { useSyncExternalStore as Ce, useCallback as U, useEffect as R, useContext as H, useRef as k, useState as $, useLayoutEffect as O, useMemo as ne, useId as Ae, useReducer as Ie } from "react";
+import N, { useSyncExternalStore as He, useCallback as P, useEffect as z, useContext as L, useRef as f, useState as $, useLayoutEffect as B, useMemo as me, useId as Be, useReducer as ze } from "react";
+import { DEFAULT_AI_ENGINE as X } from "./index.UHRCFkiB.js";
 import i from "clsx";
-const Nt = ({
-  className: e,
-  viewBox: r,
-  title: t,
-  monotone: a,
-  ...o
-}) => /* @__PURE__ */ _(
-  Se,
-  {
-    defaultViewBox: "0 0 512 512",
-    size: "size-5",
-    viewBox: r,
-    className: e,
-    title: t || "Edit",
-    ...o,
-    children: [
-      /* @__PURE__ */ l(
-        "path",
-        {
-          opacity: a ? "1" : "0.4",
-          d: "M0 160c0-53 43-96 96-96h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32 14.3-32 32V416c0 17.7 14.3 32 32 32H352c17.7 0 32-14.3 32-32V320c0-17.7 14.3-32 32-32s32 14.3 32 32v96c0 53-43 96-96 96H96c-53 0-96-43-96-96V160z"
-        }
-      ),
-      /* @__PURE__ */ l("path", { d: "M392.4 21.7L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0zM339.7 74.3L172.4 241.7c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3z" })
-    ]
-  }
-);
-function ce(e, r) {
+import { jsx as c, jsxs as C, Fragment as Le } from "react/jsx-runtime";
+function ge(e, r) {
   window.dispatchEvent(new StorageEvent("storage", { key: e, newValue: r }));
 }
-const re = (e, r) => {
+const le = (e, r) => {
   const t = JSON.stringify(
     typeof r == "function" ? r() : r
   );
-  window.localStorage.setItem(e, t), ce(e, t);
-}, $e = (e) => {
-  window.localStorage.removeItem(e), ce(e, null);
-}, ae = (e) => window.localStorage.getItem(e), Re = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
-function St({
+  window.localStorage.setItem(e, t), ge(e, t);
+}, Me = (e) => {
+  window.localStorage.removeItem(e), ge(e, null);
+}, se = (e) => window.localStorage.getItem(e), Oe = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
+function Rt({
   key: e,
   initialValue: r
 }) {
-  const t = Ce(Re, () => ae(e)), a = U(
-    (n) => {
+  const t = He(Oe, () => se(e)), a = P(
+    (l) => {
       try {
-        const s = typeof n == "function" ? n(JSON.parse(t)) : n;
-        s == null ? $e(e) : re(e, s);
+        const s = typeof l == "function" ? l(JSON.parse(t)) : l;
+        s == null ? Me(e) : le(e, s);
       } catch (s) {
         console.warn(s);
       }
     },
     [e, t]
-  ), o = U(() => {
+  ), o = P(() => {
     a(r);
-  }, [r, a]), c = U(() => {
+  }, [r, a]), n = P(() => {
     a(null);
   }, [a]);
-  return R(() => {
+  return z(() => {
     try {
-      ae(e) === null && typeof r < "u" && re(e, r);
-    } catch (n) {
-      console.warn(n);
+      se(e) === null && typeof r < "u" && le(e, r);
+    } catch (l) {
+      console.warn(l);
     }
-  }, [e, r]), [t ? JSON.parse(t) : null, a, o, c];
+  }, [e, r]), [t ? JSON.parse(t) : null, a, o, n];
 }
-const x = {
+const w = {
   GET_LOCATION: `query GetLocation($latitude: Float!, $longitude: Float!) {
     location(latitude: $latitude, longitude: $longitude) {
     	country
@@ -171,44 +144,44 @@ const x = {
 			engine: $engine,
 			tags: $tags)
 	}`
-}, Ct = {
+}, Ht = {
   GET_LOCATION: {
-    schema: x.GET_LOCATION,
+    schema: w.GET_LOCATION,
     method: "location"
   },
   GET_CHATS: {
-    schema: x.GET_CHATS,
+    schema: w.GET_CHATS,
     method: "chats"
   },
   GET_CHATS_STATS: {
-    schema: x.GET_CHATS_STATS,
+    schema: w.GET_CHATS_STATS,
     method: "chatsStats"
   },
   GET_CHAT: {
-    schema: x.GET_CHAT,
+    schema: w.GET_CHAT,
     method: "chatById"
   },
   DELETE_CHAT: {
-    schema: x.DELETE_CHAT,
+    schema: w.DELETE_CHAT,
     method: "deleteChat"
   },
   ABOUT: {
-    schema: x.ABOUT,
+    schema: w.ABOUT,
     method: "about"
   },
   GET_USER_PREFERENCES: {
-    schema: x.GET_USER_PREFERENCES,
+    schema: w.GET_USER_PREFERENCES,
     method: "getUserPreferences"
   },
   SET_USER_PREFERENCES: {
-    schema: x.SET_USER_PREFERENCES,
+    schema: w.SET_USER_PREFERENCES,
     method: "setUserPreferences"
   }
-}, se = process.env.PUBLIC_SASSY_API_SERVER_URL, He = async ({
+}, he = process.env.PUBLIC_SASSY_API_SERVER_URL, Ve = async ({
   query: e,
   data: r,
   headers: t = {}
-}) => await fetch(`${se}/graphql`, {
+}) => await fetch(`${he}/graphql`, {
   method: "POST",
   credentials: "include",
   headers: {
@@ -220,39 +193,39 @@ const x = {
     query: e,
     variables: r
   })
-}), At = async ({
+}), Bt = async ({
   accessToken: e,
   type: r,
   params: t = {}
 }) => {
   const a = r != null && r.data ? r.data(t) : t;
   try {
-    const o = `Bearer ${e}`, c = await He({
+    const o = `Bearer ${e}`, n = await Ve({
       headers: {
         authorization: o
       },
       query: r.schema,
       data: a
     });
-    if (c.status !== 200)
-      return { status: c.status, data: [] };
-    const { data: n, errors: s } = await c.json();
+    if (n.status !== 200)
+      return { status: n.status, data: [] };
+    const { data: l, errors: s } = await n.json();
     return {
-      status: c.status,
-      data: n[r.method],
+      status: n.status,
+      data: l[r.method],
       errors: s
     };
   } catch (o) {
     return console.error(o), { status: 500, data: [] };
   }
-}, It = async ({
+}, zt = async ({
   accessToken: e,
   name: r,
   data: t,
   method: a = "POST"
 }) => {
   const o = `Bearer ${e}`;
-  return await fetch(`${se}/api/${r}`, {
+  return await fetch(`${he}/api/${r}`, {
     method: a,
     credentials: "include",
     headers: {
@@ -261,11 +234,11 @@ const x = {
     },
     body: JSON.stringify(t)
   });
-}, $t = E.createContext({
+}, Lt = N.createContext({
   state: {
     id: "",
-    model: J,
-    engine: J,
+    model: X,
+    engine: X,
     usage: 0,
     messages: [],
     isComponent: !1,
@@ -277,14 +250,14 @@ const x = {
     version: "",
     models: [],
     plugins: [],
-    engine: J,
+    engine: X,
     engines: []
   }
-}), Rt = E.createContext({
+}), Mt = N.createContext({
   state: { searchString: "", sortedCell: "", sortDirection: "" },
   dispatch: () => {
   }
-}), Ht = E.createContext({
+}), Ot = N.createContext({
   state: { tag: "" },
   dispatch: () => {
   }
@@ -302,10 +275,10 @@ try {
   });
 } catch {
 }
-const F = "thead", X = "tfoot", N = "tbody", M = {
+const G = "thead", K = "tfoot", A = "tbody", F = {
   ASC: "asc",
   DESC: "desc"
-}, Be = ({
+}, Ue = ({
   mode: e,
   className: r,
   wrapperClassName: t,
@@ -336,7 +309,7 @@ const F = "thead", X = "tfoot", N = "tbody", M = {
     "text-copy-light dark:text-copy-dark": e === "system",
     "text-copy-dark dark:text-copy-light": e === "alt-system"
   })
-}), ze = ({
+}), Fe = ({
   className: e,
   stickyHeader: r,
   mode: t
@@ -349,7 +322,7 @@ const F = "thead", X = "tfoot", N = "tbody", M = {
     "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": r && t === "alt-system"
   },
   e
-), Le = ({
+), Pe = ({
   className: e,
   stickyFooter: r,
   mode: t
@@ -362,11 +335,11 @@ const F = "thead", X = "tfoot", N = "tbody", M = {
     "shadow-[rgb(65_65_65_/30%)_-0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": r && t === "alt-system"
   },
   e
-), Ve = ({
+), Ge = ({
   mode: e,
   className: r,
   cellWrapper: t
-}) => t === F || t === X ? i(
+}) => t === G || t === K ? i(
   {
     "bg-table-head-dark": e === "dark",
     "bg-table-head-light": e === "light",
@@ -378,16 +351,16 @@ const F = "thead", X = "tfoot", N = "tbody", M = {
   "border-b last:border-0",
   {
     "border-table-dark": e === "dark",
-    "odd:bg-table-dark-odd even:bg-table-dark-even": t === N && e === "dark",
+    "odd:bg-table-dark-odd even:bg-table-dark-even": t === A && e === "dark",
     "border-table-light": e === "light",
-    "odd:bg-table-light-odd even:bg-table-light-even": t === N && e === "light",
+    "odd:bg-table-light-odd even:bg-table-light-even": t === A && e === "light",
     "border-table-dark 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": t === N && e === "system",
+    "odd:bg-table-dark-odd even:bg-table-dark-even dark:odd:bg-table-light-odd dark:even:bg-table-light-even": t === A && e === "system",
     "border-table-light 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": t === N && 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": t === A && e === "alt-system"
   },
   r
-), Oe = ({
+), De = ({
   cellWrapper: e,
   className: r,
   compact: t,
@@ -398,35 +371,35 @@ const F = "thead", X = "tfoot", N = "tbody", M = {
     "text-copy-dark": a === "light",
     "text-copy-light dark:text-copy-dark": a === "system",
     "text-copy-dark dark:text-copy-light": a === "alt-system",
-    "px-4 py-3": !t && (e === F || e === X),
-    "p-4": !t && e === N,
+    "px-4 py-3": !t && (e === G || e === K),
+    "p-4": !t && e === A,
     "px-2 py-1.5": t
   },
   r
-), Me = ({
+), We = ({
   buttonClassName: e
-}) => i("rounded-none text-sm", e), oe = "av-button", le = "icon", Ue = "button", Fe = "link", Ge = ({
+}) => i("rounded-none text-sm", e), ce = "av-button", pe = "icon", je = "button", qe = "link", Je = ({
   type: e,
   size: r,
   labelRight: t,
   labelLeft: a,
   align: o
 }) => {
-  const c = "text-sm font-medium max-h-8 py-0 px-2", n = "text-base font-medium max-h-9 py-1 px-3", s = "text-lg font-medium max-h-12 py-2 px-4";
+  const n = "text-sm font-medium max-h-8 py-0 px-2", l = "text-base font-medium max-h-9 py-1 px-3", s = "text-lg font-medium max-h-12 py-2 px-4";
   switch (e) {
-    case Ue:
+    case je:
       return i({
-        [c]: r === "small",
-        [n]: r === "medium",
+        [n]: r === "small",
+        [l]: r === "medium",
         [s]: r === "large"
       });
-    case Fe:
+    case qe:
       return i("text-center", {
-        [c]: r === "small",
-        [n]: r === "medium",
+        [n]: r === "small",
+        [l]: r === "medium",
         [s]: r === "large"
       });
-    case le:
+    case pe:
       return i("inline-flex items-center", {
         "justify-center": o === "center",
         "justify-start": o === "left",
@@ -439,7 +412,7 @@ const F = "thead", X = "tfoot", N = "tbody", M = {
         "h-12 px-4 text-lg font-medium": r === "large" && (t || a)
       });
   }
-}, Pe = ({
+}, Qe = ({
   mode: e,
   noBackground: r,
   noTruncate: t,
@@ -496,7 +469,7 @@ const F = "thead", X = "tfoot", N = "tbody", M = {
       "bg-action-selected-dark text-copy-light dark:bg-action-selected-light dark:text-copy-lighter": e === "system",
       "bg-action-selected-light text-copy-lighter dark:bg-action-selected-dark dark:text-copy-light": e === "alt-system"
     });
-}, De = ({
+}, Xe = ({
   mode: e,
   disabled: r,
   variant: t
@@ -531,7 +504,7 @@ const F = "thead", X = "tfoot", N = "tbody", M = {
       "hover:bg-action-selected-dark-hover dark:hover:bg-action-selected-light-hover": e === "system",
       "hover:bg-action-selected-light-hover dark:hover:bg-action-selected-dark-hover": e === "alt-system"
     });
-}, We = ({
+}, Ye = ({
   mode: e,
   disabled: r,
   variant: t
@@ -566,7 +539,7 @@ const F = "thead", X = "tfoot", N = "tbody", M = {
       "active:bg-action-selected-dark-active dark:active:bg-action-selected-light-active": e === "system",
       "active:bg-action-selected-light-active dark:active:bg-action-selected-dark-active": e === "alt-system"
     });
-}, je = ({
+}, Ke = ({
   mode: e,
   noBorder: r,
   variant: t
@@ -601,72 +574,72 @@ const F = "thead", X = "tfoot", N = "tbody", M = {
       "border-border-selected-dark dark:border-border-selected-medium": e === "system",
       "border-border-selected-medium dark:border-border-selected-dark": e === "alt-system"
     });
-}, qe = ({
+}, Ze = ({
   focusMode: e
 }) => i("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"
-}), Je = ({
+}), et = ({
   type: e,
   className: r,
   raw: t,
   mode: a,
   focusMode: o,
-  disabled: c,
-  fullWidth: n,
+  disabled: n,
+  fullWidth: l,
   size: s,
   noBorder: d,
   labelRight: u,
   labelLeft: m,
-  noBackground: g,
-  variant: h,
+  noBackground: h,
+  variant: g,
   noTruncate: b,
   align: p,
-  radius: w
-}) => (h || (h = "primary"), t ? i(oe, r) : i(
-  oe,
-  Pe({
+  radius: v
+}) => (g || (g = "primary"), t ? i(ce, r) : i(
+  ce,
+  Qe({
     mode: a,
-    variant: h,
-    noBackground: g,
+    variant: g,
+    noBackground: h,
     noTruncate: b,
-    radius: w
+    radius: v
   }),
-  Ge({
+  Je({
     type: e,
     size: s,
     labelRight: u,
     labelLeft: m,
     align: p
   }),
-  je({ mode: a, variant: h, noBorder: d }),
-  qe({ focusMode: o }),
-  De({ mode: a, variant: h, disabled: c }),
-  We({ mode: a, variant: h, disabled: c }),
+  Ke({ mode: a, variant: g, noBorder: d }),
+  Ze({ focusMode: o }),
+  Xe({ mode: a, variant: g, disabled: n }),
+  Ye({ mode: a, variant: g, disabled: n }),
   {
-    "w-full": n,
-    "disabled:cursor-not-allowed disabled:opacity-50": c
+    "w-full": l,
+    "disabled:cursor-not-allowed disabled:opacity-50": n
   },
   r
-)), Qe = (e, r, t) => {
+)), tt = (e, r, t) => {
   var a;
   !r && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof t == "function" && t(e);
-}, de = E.forwardRef((e, r) => {
+}, be = N.forwardRef((e, r) => {
   const { onClick: t, noInternalClick: a = !1, ...o } = e;
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ c(
     "button",
     {
       ref: r,
-      onClick: (c) => {
-        Qe(c, a, t);
+      onClick: (n) => {
+        tt(n, a, t);
       },
       ...o
     }
   );
 });
-de.displayName = "BaseButton";
+be.displayName = "BaseButton";
 /*!
   @versini/ui-button v3.2.0
   © 2024 gizmette.com
@@ -680,49 +653,49 @@ try {
   });
 } catch {
 }
-const ue = E.forwardRef(
+const ye = N.forwardRef(
   ({
     children: e,
     disabled: r = !1,
     mode: t = "system",
     focusMode: a = "system",
     fullWidth: o = !1,
-    className: c,
-    type: n = "button",
+    className: n,
+    type: l = "button",
     raw: s = !1,
     noBorder: d = !1,
     "aria-label": u,
     label: m,
-    size: g = "medium",
-    labelRight: h,
+    size: h = "medium",
+    labelRight: g,
     labelLeft: b,
     noBackground: p = !1,
-    align: w = "center",
-    active: C = !1,
-    radius: B = "large",
-    ...z
-  }, L) => {
-    const G = Je({
-      type: le,
+    align: v = "center",
+    active: k = !1,
+    radius: _ = "large",
+    ...M
+  }, O) => {
+    const V = et({
+      type: pe,
       mode: t,
       focusMode: a,
       fullWidth: o,
       disabled: r,
       raw: s,
-      className: c,
+      className: n,
       noBorder: d,
-      size: g,
-      labelRight: h,
+      size: h,
+      labelRight: g,
       labelLeft: b,
       noBackground: p,
-      align: w,
-      radius: B
-    }), P = i({
+      align: v,
+      radius: _
+    }), D = i({
       "text-copy-accent-dark": t === "light" && !s,
       "text-copy-light": t === "dark" && !s,
       "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !s,
       "text-copy-light dark:text-copy-accent-dark": t === "system" && !s
-    }), f = C ? i(
+    }), W = k ? i(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -739,39 +712,39 @@ const ue = E.forwardRef(
         "after:border-table-light dark:after:border-table-dark": t === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ l("div", { className: f, children: /* @__PURE__ */ _(
-      de,
+    return /* @__PURE__ */ c("div", { className: W, children: /* @__PURE__ */ C(
+      be,
       {
-        ref: L,
-        className: G,
+        ref: O,
+        className: V,
         disabled: r,
-        type: n,
+        type: l,
         "aria-label": u || m,
-        ...z,
+        ...M,
         children: [
-          b && /* @__PURE__ */ l("span", { className: "pr-2", children: b }),
-          /* @__PURE__ */ l("div", { className: P, children: e }),
-          h && /* @__PURE__ */ l("span", { className: "pl-2", children: h })
+          b && /* @__PURE__ */ c("span", { className: "pr-2", children: b }),
+          /* @__PURE__ */ c("div", { className: D, children: e }),
+          g && /* @__PURE__ */ c("span", { className: "pl-2", children: g })
         ]
       }
     ) });
   }
 );
-ue.displayName = "ButtonSort";
-const Y = ({
+ye.displayName = "ButtonSort";
+const Z = ({
   children: e,
   fill: r,
   viewBox: t,
   className: a,
   defaultViewBox: o,
-  size: c,
-  title: n,
+  size: n,
+  title: l,
   semantic: s = !1,
   ...d
 }) => {
-  const u = i(c, a);
-  return /* @__PURE__ */ _(Ne, { children: [
-    /* @__PURE__ */ l(
+  const u = i(n, a);
+  return /* @__PURE__ */ C(Le, { children: [
+    /* @__PURE__ */ c(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -785,7 +758,7 @@ const Y = ({
         children: e
       }
     ),
-    n && s && /* @__PURE__ */ l("span", { className: "sr-only", children: n })
+    l && s && /* @__PURE__ */ c("span", { className: "sr-only", children: l })
   ] });
 };
 /*!
@@ -801,14 +774,14 @@ try {
   });
 } catch {
 }
-const Xe = ({
+const rt = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ _(
-  Y,
+}) => /* @__PURE__ */ C(
+  Z,
   {
     defaultViewBox: "0 0 576 512",
     size: "size-5",
@@ -817,24 +790,24 @@ const Xe = ({
     title: t || "Sort",
     ...o,
     children: [
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ c(
         "path",
         {
           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"
         }
       ),
-      /* @__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__ */ c("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" })
     ]
   }
-), Ye = ({
+), at = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ _(
-  Y,
+}) => /* @__PURE__ */ C(
+  Z,
   {
     defaultViewBox: "0 0 576 512",
     size: "size-5",
@@ -843,24 +816,24 @@ const Xe = ({
     title: t || "Sort Down",
     ...o,
     children: [
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ c(
         "path",
         {
           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"
         }
       ),
-      /* @__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__ */ c("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" })
     ]
   }
-), Ke = ({
+), ot = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ _(
-  Y,
+}) => /* @__PURE__ */ C(
+  Z,
   {
     defaultViewBox: "0 0 576 512",
     size: "size-5",
@@ -869,14 +842,14 @@ const Xe = ({
     title: t || "Sort Up",
     ...o,
     children: [
-      /* @__PURE__ */ l(
+      /* @__PURE__ */ c(
         "path",
         {
           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"
         }
       ),
-      /* @__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__ */ c("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" })
     ]
   }
 );
@@ -893,174 +866,174 @@ try {
   });
 } catch {
 }
-const S = E.createContext({
+const R = N.createContext({
   mode: "light",
   cellWrapper: "thead",
   stickyHeader: !1,
   stickyFooter: !1,
   compact: !1
-}), Bt = ({
+}), Vt = ({
   children: e,
   mode: r = "system",
   caption: t,
   compact: a,
   summary: o,
-  className: c,
-  wrapperClassName: n,
+  className: n,
+  wrapperClassName: l,
   maxHeight: s,
   stickyHeader: d,
   stickyFooter: u,
   ...m
 }) => {
-  const g = Be({
+  const h = Ue({
     mode: r,
-    className: c,
-    wrapperClassName: n,
+    className: n,
+    wrapperClassName: l,
     stickyHeader: d,
     stickyFooter: u
   });
-  return /* @__PURE__ */ l(
-    S.Provider,
+  return /* @__PURE__ */ c(
+    R.Provider,
     {
       value: { mode: r, stickyHeader: d, stickyFooter: u, compact: a },
-      children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ c(
         "div",
         {
-          className: g.wrapper,
+          className: h.wrapper,
           ...s && {
             style: { maxHeight: s }
           },
-          children: /* @__PURE__ */ _("table", { className: g.table, summary: o, ...m, children: [
-            t && /* @__PURE__ */ l("caption", { className: g.caption, children: t }),
+          children: /* @__PURE__ */ C("table", { className: h.table, summary: o, ...m, children: [
+            t && /* @__PURE__ */ c("caption", { className: h.caption, children: t }),
             e
           ] })
         }
       )
     }
   );
-}, zt = ({
+}, Ut = ({
   children: e,
   className: r,
   ...t
 }) => {
-  const a = H(S);
-  a.cellWrapper = F;
-  const o = ze({
+  const a = L(R);
+  a.cellWrapper = G;
+  const o = Fe({
     className: r,
     mode: a.mode,
     stickyHeader: a.stickyHeader
   });
-  return /* @__PURE__ */ l("thead", { className: o, ...t, children: e });
-}, Lt = ({
+  return /* @__PURE__ */ c("thead", { className: o, ...t, children: e });
+}, Ft = ({
   children: e,
   className: r,
   ...t
 }) => {
-  const a = H(S);
-  a.cellWrapper = X;
-  const o = Le({
+  const a = L(R);
+  a.cellWrapper = K;
+  const o = Pe({
     className: r,
     mode: a.mode,
     stickyFooter: a.stickyFooter
   });
-  return /* @__PURE__ */ l("tfoot", { className: o, ...t, children: e });
-}, Vt = ({ children: e, ...r }) => {
-  const t = H(S);
-  return t.cellWrapper = N, /* @__PURE__ */ l("tbody", { ...r, children: e });
-}, Ot = ({
+  return /* @__PURE__ */ c("tfoot", { className: o, ...t, children: e });
+}, Pt = ({ children: e, ...r }) => {
+  const t = L(R);
+  return t.cellWrapper = A, /* @__PURE__ */ c("tbody", { ...r, children: e });
+}, Gt = ({
   children: e,
   className: r,
   ...t
 }) => {
-  const a = H(S), o = Ve({
+  const a = L(R), o = Ge({
     mode: a.mode,
     cellWrapper: a.cellWrapper,
     className: r
   });
-  return /* @__PURE__ */ l("tr", { className: o, ...t, children: e });
-}, Ze = ({
+  return /* @__PURE__ */ c("tr", { className: o, ...t, children: e });
+}, nt = ({
   children: e,
   component: r,
   className: t,
   ...a
 }) => {
-  const o = H(S), c = r || (o.cellWrapper === F ? "th" : "td"), n = Oe({
+  const o = L(R), n = r || (o.cellWrapper === G ? "th" : "td"), l = De({
     cellWrapper: o.cellWrapper,
     className: t,
     mode: o.mode,
     compact: o.compact
   });
-  return /* @__PURE__ */ l(c, { className: n, ...a, children: e });
-}, Mt = ({
+  return /* @__PURE__ */ c(n, { className: l, ...a, children: e });
+}, Dt = ({
   align: e,
   children: r,
   buttonClassName: t,
   className: a,
   component: o,
-  focusMode: c = "alt-system",
-  mode: n = "alt-system",
+  focusMode: n = "alt-system",
+  mode: l = "alt-system",
   onClick: s,
   sortDirection: d,
   sortedCell: u,
   cellId: m,
-  ...g
+  ...h
 }) => {
-  const h = Me({ buttonClassName: t });
-  return /* @__PURE__ */ l(
-    Ze,
+  const g = We({ buttonClassName: t });
+  return /* @__PURE__ */ c(
+    nt,
     {
       component: o,
       className: a,
       role: "columnheader",
-      "aria-sort": d === M.ASC && u === m ? "ascending" : d === M.DESC && u === m ? "descending" : "other",
-      ...g,
-      children: /* @__PURE__ */ l(
-        ue,
+      "aria-sort": d === F.ASC && u === m ? "ascending" : d === F.DESC && u === m ? "descending" : "other",
+      ...h,
+      children: /* @__PURE__ */ c(
+        ye,
         {
           active: u === m,
-          className: h,
+          className: g,
           onClick: s,
           align: e,
           noBorder: !0,
-          focusMode: c,
-          mode: n,
+          focusMode: n,
+          mode: l,
           fullWidth: !0,
           labelRight: r,
-          children: d === M.ASC && u === m ? /* @__PURE__ */ l(Ke, { className: "size-4", monotone: !0 }) : d === M.DESC && u === m ? /* @__PURE__ */ l(Ye, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ l(Xe, { className: "size-4", monotone: !0 })
+          children: d === F.ASC && u === m ? /* @__PURE__ */ c(ot, { className: "size-4", monotone: !0 }) : d === F.DESC && u === m ? /* @__PURE__ */ c(at, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ c(rt, { className: "size-4", monotone: !0 })
         }
       )
     }
   );
 };
 /*!
-  @versini/ui-textarea v2.0.5
+  @versini/ui-textarea v2.1.1
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "2.0.5",
-    buildTime: "12/30/2024 07:48 PM EST",
+    version: "2.1.1",
+    buildTime: "12/31/2024 06:19 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const me = "av-text-area", et = "av-text-area-wrapper", Q = "av-text-area-helper-text", tt = "av-text-area__control--right";
-function rt() {
-  const e = k(!1);
-  return R(() => (e.current = !0, () => {
+const fe = "av-text-area", it = "av-text-area-wrapper", Y = "av-text-area-helper-text", lt = "av-text-area__control--right", st = "av-text-area__control--left";
+function ct() {
+  const e = f(!1);
+  return z(() => (e.current = !0, () => {
     e.current = !1;
-  }), []), U(() => e.current, []);
+  }), []), P(() => e.current, []);
 }
-function at(e) {
-  return ne(() => e.every((r) => r == null) ? () => {
+function dt(e) {
+  return me(() => e.every((r) => r == null) ? () => {
   } : (r) => {
     e.forEach((t) => {
       typeof t == "function" ? t(r) : t != null && (t.current = r);
     });
   }, e);
 }
-const ot = {
+const ut = {
   x: 0,
   y: 0,
   width: 0,
@@ -1070,18 +1043,18 @@ const ot = {
   bottom: 0,
   right: 0
 };
-function it(e) {
-  const r = rt(), t = k(0), a = k(null), [o, c] = $(ot), n = ne(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
+function de(e) {
+  const r = ct(), t = f(0), a = f(null), [o, n] = $(ut), l = me(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
     const d = s[0];
     d && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
-      a.current && r() && c(d.contentRect);
+      a.current && r() && n(d.contentRect);
     }));
   }), [r]);
-  return R(() => (a.current && (n == null || n.observe(a.current, e)), () => {
-    n == null || n.disconnect(), t.current && cancelAnimationFrame(t.current);
-  }), [n, e]), [a, o];
+  return z(() => (a.current && (l == null || l.observe(a.current, e)), () => {
+    l == null || l.disconnect(), t.current && cancelAnimationFrame(t.current);
+  }), [l, e]), [a, o];
 }
-function nt({
+function mt({
   value: e,
   defaultValue: r,
   finalValue: t,
@@ -1089,19 +1062,19 @@ function nt({
   },
   initialControlledDelay: o = 0
 }) {
-  const [c, n] = $(!1), [s, d] = $(
+  const [n, l] = $(!1), [s, d] = $(
     r !== void 0 ? r : t
   ), u = (m) => {
     d(m), a == null || a(m);
   };
-  return R(() => {
-    (async () => e !== void 0 && !c && o > 0 && (await new Promise(
+  return z(() => {
+    (async () => e !== void 0 && !n && o > 0 && (await new Promise(
       (m) => setTimeout(m, o)
-    ), n(!0)))();
-  }, [e, o, c]), e !== void 0 ? !c && o > 0 ? ["", a, !0] : [e, a, !0] : [s, u, !1];
+    ), l(!0)))();
+  }, [e, o, n]), e !== void 0 ? !n && o > 0 ? ["", a, !0] : [e, a, !0] : [s, u, !1];
 }
-function ct(e) {
-  const r = Ae();
+function gt(e) {
+  const r = Be();
   if (!e)
     return r;
   if (typeof e == "number" || typeof e == "string")
@@ -1111,7 +1084,7 @@ function ct(e) {
     return typeof t == "number" || typeof t == "string" ? `${a}${t}` : `${a}${r}`;
   }
 }
-const he = "SET_ANNOUNCEMENT", ge = "CLEAR_ANNOUNCEMENT", st = {
+const ke = "SET_ANNOUNCEMENT", ve = "CLEAR_ANNOUNCEMENT", ht = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -1119,14 +1092,14 @@ const he = "SET_ANNOUNCEMENT", ge = "CLEAR_ANNOUNCEMENT", st = {
   progressbar: null,
   status: "polite",
   timer: "assertive"
-}, lt = (e, r) => {
+}, pt = (e, r) => {
   switch (r == null ? void 0 : r.type) {
-    case he:
+    case ke:
       return {
         ...e,
         announcement: r.payload
       };
-    case ge:
+    case ve:
       return {
         ...e,
         announcement: null
@@ -1134,14 +1107,14 @@ const he = "SET_ANNOUNCEMENT", ge = "CLEAR_ANNOUNCEMENT", st = {
     default:
       return e;
   }
-}, dt = ({
+}, bt = ({
   onAnnouncementClear: e,
   dispatch: r
 }) => {
   r({
-    type: ge
+    type: ve
   }), typeof e == "function" && e();
-}, ie = ({
+}, ue = ({
   children: e,
   clearAnnouncementDelay: r,
   clearAnnouncementTimeoutRef: t,
@@ -1149,80 +1122,80 @@ const he = "SET_ANNOUNCEMENT", ge = "CLEAR_ANNOUNCEMENT", st = {
   dispatch: o
 }) => {
   clearTimeout(t.current), e !== null && o({
-    type: he,
+    type: ke,
     payload: e
   }), r && (t.current = setTimeout(
-    () => dt({
+    () => bt({
       onAnnouncementClear: a,
       dispatch: o
     }),
     r
   ));
-}, ut = ({
+}, yt = ({
   children: e,
   announcementTimeoutRef: r,
   announcementDelay: t,
   clearAnnouncementDelay: a,
   clearAnnouncementTimeoutRef: o,
-  onAnnouncementClear: c,
-  dispatch: n
+  onAnnouncementClear: n,
+  dispatch: l
 }) => {
-  clearTimeout(r.current), t ? r.current = setTimeout(ie, t, {
+  clearTimeout(r.current), t ? r.current = setTimeout(ue, t, {
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: o,
-    onAnnouncementClear: c,
-    dispatch: n
-  }) : ie({
+    onAnnouncementClear: n,
+    dispatch: l
+  }) : ue({
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: o,
-    onAnnouncementClear: c,
-    dispatch: n
+    onAnnouncementClear: n,
+    dispatch: l
   });
 };
-function mt({
+function ft({
   children: e,
   className: r,
   politeness: t,
   role: a = null,
   announcementDelay: o,
-  clearAnnouncementDelay: c,
-  onAnnouncementClear: n,
+  clearAnnouncementDelay: n,
+  onAnnouncementClear: l,
   visible: s,
   ...d
 }) {
-  const u = k(null), m = k(null), [g, h] = Ie(lt, {
+  const u = f(null), m = f(null), [h, g] = ze(pt, {
     announcement: null
   });
   let b = t;
-  typeof b > "u" && (b = a ? st[a] : "assertive"), R(() => {
-    ut({
+  typeof b > "u" && (b = a ? ht[a] : "assertive"), z(() => {
+    yt({
       announcementTimeoutRef: u,
       announcementDelay: o,
       children: e,
-      clearAnnouncementDelay: c,
+      clearAnnouncementDelay: n,
       clearAnnouncementTimeoutRef: m,
-      onAnnouncementClear: n,
-      dispatch: h
+      onAnnouncementClear: l,
+      dispatch: g
     });
   }, [
     e,
     o,
-    c,
-    n
+    n,
+    l
   ]);
   const p = i(r, {
     "sr-only": !s
   });
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ c(
     "div",
     {
       "aria-live": b,
       ...a && { role: a },
       className: p,
       ...d,
-      children: g.announcement
+      children: h.announcement
     }
   );
 }
@@ -1233,27 +1206,25 @@ function mt({
 try {
   window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
     version: "1.2.7",
-    buildTime: "12/30/2024 07:48 PM EST",
+    buildTime: "12/31/2024 06:19 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ht = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", gt = ({
-  mode: e
-}) => i({
+const kt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", vt = ({ mode: e }) => i({
   "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"
-}), bt = ({
+}), xt = ({
   focusMode: e
 }) => i("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"
-}), pt = ({
+}), _t = ({
   noBorder: e,
   error: r
 }) => i("border-2", {
@@ -1261,31 +1232,46 @@ const ht = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   "focus:border-border-dark": !e && r,
   "border-border-error-dark": !e && r,
   "border-transparent": e
-}), yt = ({
+}), Et = ({
   disabled: e,
   raw: r,
   error: t,
-  mode: a
+  mode: a,
+  leftElement: o,
+  rightElement: n
 }) => {
   if (r)
     return "";
   if (e)
-    return i("absolute px-2 cursor-not-allowed opacity-50 font-medium");
+    return i(
+      "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 (!t)
-    return i("absolute px-2 cursor-text font-medium", {
-      "text-copy-medium": a === "dark",
-      "text-copy-dark": a === "light",
-      "text-copy-dark dark:text-copy-medium": a === "system",
-      "text-copy-medium dark:text-copy-dark": a === "alt-system"
-    });
+    return i(
+      "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
+      {
+        "translate-x-[12px]": n === !0 && !o || !n && !o,
+        "text-copy-medium": a === "dark",
+        "text-copy-dark": a === "light",
+        "text-copy-dark dark:text-copy-medium": a === "system",
+        "text-copy-medium dark:text-copy-dark": a === "alt-system"
+      }
+    );
   if (t)
-    return i("absolute px-2 cursor-text font-medium", {
-      "text-copy-medium": a === "dark",
-      "text-copy-error-dark": a === "light",
-      "text-copy-error-dark dark:text-copy-error-light": a === "system",
-      "text-copy-medium dark:text-copy-error-dark": a === "alt-system"
-    });
-}, ft = ({
+    return i(
+      "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
+      {
+        "translate-x-[12px]": n === !0 && !o || !n && !o,
+        "text-copy-medium": a === "dark",
+        "text-copy-error-dark": a === "light",
+        "text-copy-error-dark dark:text-copy-error-light": a === "system",
+        "text-copy-medium dark:text-copy-error-dark": a === "alt-system"
+      }
+    );
+}, wt = ({
   error: e,
   raw: r,
   mode: t,
@@ -1295,245 +1281,273 @@ const ht = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     return "";
   if (a)
     return i(
-      Q,
+      Y,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return i(Q, "absolute px-2 font-medium", {
+    return i(Y, "absolute px-2 font-medium", {
       "text-copy-medium": t === "dark",
       "text-copy-dark": t === "light",
       "text-copy-dark dark:text-copy-medium": t === "system",
       "text-copy-medium dark:text-copy-dark": t === "alt-system"
     });
   if (e)
-    return i(Q, "absolute px-2 font-medium", {
+    return i(Y, "absolute px-2 font-medium", {
       "text-copy-error-light": t === "dark",
       "text-copy-error-dark": t === "light",
       "text-copy-error-dark dark:text-copy-error-light": t === "system",
       "dark:text-copy-error-dark text-copy-error-light": t === "alt-system"
     });
-}, kt = ({
+}, St = ({
   className: e,
   textAreaClassName: r,
   raw: t,
   focusMode: a,
   disabled: o,
-  noBorder: c,
-  error: n,
-  mode: s
+  noBorder: n,
+  error: l,
+  mode: s,
+  leftElement: d,
+  rightElement: u
 }) => {
-  const d = t ? e : i(
+  const m = t ? e : i(
     "relative flex w-full flex-col justify-center",
-    et,
+    it,
     e
-  ), u = t ? i(r) : i(
-    me,
+  ), h = t ? i(r) : i(
+    fe,
     r,
-    ht(),
-    gt({ mode: s }),
-    bt({ focusMode: a }),
-    pt({
-      noBorder: c,
-      error: n
+    kt(),
+    vt({ mode: s }),
+    xt({ focusMode: a }),
+    _t({
+      noBorder: n,
+      error: l
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": o
     }
-  ), m = t ? void 0 : "sr-only", g = yt({
+  ), g = t ? void 0 : "sr-only", b = Et({
     disabled: o,
     raw: t,
-    error: n,
-    mode: s
-  }), h = ft({
-    error: n,
+    error: l,
+    mode: s,
+    rightElement: u,
+    leftElement: d
+  }), p = wt({
+    error: l,
     raw: t,
     mode: s,
     disabled: o
-  }), b = t ? void 0 : i(tt, "absolute");
+  }), v = t ? void 0 : i(lt, "absolute"), k = t ? void 0 : i(st, "absolute");
   return {
-    wrapper: d,
-    textArea: u,
-    accessibleLabel: m,
-    visibleLabel: g,
-    helperText: h,
-    rightElement: b
+    wrapper: m,
+    textArea: h,
+    accessibleLabel: g,
+    visibleLabel: b,
+    helperText: p,
+    rightElement: v,
+    leftElement: k
   };
-}, vt = ({
+}, Tt = ({
   scrollHeight: e,
   currentHeight: r,
   currentLabelOffset: t = 0,
   currentHelperTextOffset: a = 0
 }) => {
-  let o, c;
+  let o, n;
   if (e > 0 && e !== r) {
-    const n = e - r, s = Math.abs(n / 24);
-    o = t + -1 * Math.sign(n) * (12 * s), c = a + Math.sign(n) * (12 * s);
+    const l = e - r, s = Math.abs(l / 24);
+    o = t + -1 * Math.sign(l) * (12 * s), n = a + Math.sign(l) * (12 * s);
   }
   return {
     labelOffset: o,
-    helperTextOffset: c,
+    helperTextOffset: n,
     scrollHeight: e
   };
-}, xt = E.forwardRef(
+}, Nt = N.forwardRef(
   ({
     id: e,
     name: r,
     label: t,
     error: a = !1,
     raw: o = !1,
-    className: c,
-    textAreaClassName: n,
+    className: n,
+    textAreaClassName: l,
     mode: s = "system",
     focusMode: d = "system",
     value: u,
     defaultValue: m,
-    disabled: g = !1,
-    noBorder: h = !1,
+    disabled: h = !1,
+    noBorder: g = !1,
     labelId: b,
     helperText: p = "",
-    helperTextOnFocus: w = !1,
-    rightElement: C,
-    onChange: B,
-    onFocus: z,
-    onBlur: L,
-    ...G
-  }, P) => {
-    const f = k(null), be = at([P, f]), [pe, V] = it(), D = k(80), K = k(-25), A = k(null), Z = k(30), W = k(null), I = ct({ id: e, prefix: `${me}-` }), [ye, fe] = $(0), [ke, ee] = $(
-      !!(!w && p)
-    ), ve = `${r} error, ${p}`, T = kt({
-      className: c,
-      textAreaClassName: n,
+    helperTextOnFocus: v = !1,
+    rightElement: k,
+    leftElement: _,
+    onChange: M,
+    onFocus: O,
+    onBlur: V,
+    ...D
+  }, W) => {
+    var ee;
+    const x = f(null), xe = dt([W, x]), [_e, U] = de(), [Ee, I] = de(), j = f(80), te = f(-25), S = f(null), re = f(30), q = f(null), H = gt({ id: e, prefix: `${fe}-` }), [ae, we] = $(0), [oe, Se] = $(0), [Te, ne] = $(
+      !!(!v && p)
+    ), Ne = `${r} error, ${p}`, T = St({
+      className: n,
+      textAreaClassName: l,
       error: a,
       raw: o,
       focusMode: d,
-      disabled: g,
-      noBorder: h,
-      mode: s
-    }), [v, xe] = nt({
+      disabled: h,
+      noBorder: g,
+      mode: s,
+      rightElement: !!k,
+      leftElement: !!_
+    }), [E, Ce] = mt({
       value: u,
       initialControlledDelay: 20,
       defaultValue: m,
       onChange: (y) => {
-        B && B({
+        M && M({
           target: {
             value: y
           }
         });
       }
-    }), _e = (y) => {
-      xe(y.target.value);
-    }, we = (y) => {
-      w && p && ee(!0), z && z(y);
-    }, Ee = (y) => {
-      w && p && !v && ee(!1), L && L(y);
+    }), Ie = (y) => {
+      Ce(y.target.value);
+    }, Ae = (y) => {
+      v && p && ne(!0), O && O(y);
+    }, $e = (y) => {
+      v && p && !E && ne(!1), V && V(y);
     };
-    return O(() => {
-      V && V.width && fe(V.width + 18 + 10);
-    }, [V]), O(() => {
-      o || f && f.current && v !== void 0 && (f.current.style.height = "inherit", f.current.style.height = f.current.scrollHeight + "px");
-    }, [v, o]), O(() => {
+    return B(() => {
+      U && U.width && we(U.width + 18 + 10);
+    }, [U]), B(() => {
+      I && I.width && Se(I.width + 18 + 10);
+    }, [I]), B(() => {
+      o || x && x.current && E !== void 0 && (x.current.style.height = "inherit", x.current.style.height = x.current.scrollHeight + "px");
+    }, [E, o]), B(() => {
       o || setTimeout(() => {
         var y;
-        (y = A == null ? void 0 : A.current) == null || y.style.setProperty(
+        (y = S == null ? void 0 : S.current) == null || y.style.setProperty(
           "--av-text-area-wrapper-transition",
-          v ? "none" : "all 0.2s ease-out"
+          E ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [v, o]), O(() => {
-      var y, te;
-      if (!o && f && f.current && v !== void 0) {
-        const { labelOffset: j, helperTextOffset: q, scrollHeight: Te } = vt({
-          scrollHeight: f.current.scrollHeight,
-          currentHeight: D.current,
-          currentLabelOffset: K.current,
-          currentHelperTextOffset: Z.current
+    }, [E, o]), B(() => {
+      var y, ie;
+      if (!o && x && x.current && E !== void 0) {
+        const { labelOffset: J, helperTextOffset: Q, scrollHeight: Re } = Tt({
+          scrollHeight: x.current.scrollHeight,
+          currentHeight: j.current,
+          currentLabelOffset: te.current,
+          currentHelperTextOffset: re.current
         });
-        j && (K.current = j, (y = A == null ? void 0 : A.current) == null || y.style.setProperty(
+        J && (te.current = J, (y = S == null ? void 0 : S.current) == null || y.style.setProperty(
           "--av-text-area-label",
-          `${j}px`
-        )), q && (Z.current = q, (te = W == null ? void 0 : W.current) == null || te.style.setProperty(
+          `${J}px`
+        )), Q && (re.current = Q, (ie = q == null ? void 0 : q.current) == null || ie.style.setProperty(
           "--av-text-area-helper-text",
-          `${q}px`
-        )), D.current = Te || D.current;
+          `${Q}px`
+        )), j.current = Re || j.current;
       }
-    }, [v, o]), /* @__PURE__ */ _("div", { className: T.wrapper, children: [
-      /* @__PURE__ */ l(
+    }, [E, o]), I.width > 0 && ((ee = S == null ? void 0 : S.current) == null || ee.style.setProperty(
+      "--tw-translate-x",
+      `${12 + I.width + 5}px`
+    )), /* @__PURE__ */ C("div", { className: T.wrapper, children: [
+      /* @__PURE__ */ c(
         "label",
         {
-          htmlFor: I,
+          htmlFor: H,
           id: b,
           className: T.accessibleLabel,
           children: t
         }
       ),
-      /* @__PURE__ */ l(
+      _ && /* @__PURE__ */ c(
+        "div",
+        {
+          ref: Ee,
+          className: T.leftElement,
+          children: _
+        }
+      ),
+      /* @__PURE__ */ c(
         "textarea",
         {
-          ref: be,
-          id: I,
+          ref: xe,
+          id: H,
           name: r,
-          disabled: g,
+          disabled: h,
           placeholder: o ? void 0 : " ",
           className: T.textArea,
           rows: 1,
-          ...p && { "aria-describedby": `${I}-helper` },
+          ...p && { "aria-describedby": `${H}-helper` },
           ...a && { "aria-invalid": "true" },
-          ...C && !o && { style: { paddingRight: ye } },
-          value: v,
-          onChange: _e,
-          onFocus: we,
-          onBlur: Ee,
-          ...G
+          ...k && !_ && !o && { style: { paddingRight: ae } },
+          ..._ && !k && !o && { style: { paddingLeft: oe } },
+          ...k && _ && !o && {
+            style: {
+              paddingRight: ae,
+              paddingLeft: oe
+            }
+          },
+          value: E,
+          onChange: Ie,
+          onFocus: Ae,
+          onBlur: $e,
+          ...D
         }
       ),
-      !o && /* @__PURE__ */ l(
+      !o && /* @__PURE__ */ c(
         "label",
         {
-          ref: A,
+          ref: S,
           "aria-hidden": !0,
-          htmlFor: I,
-          className: T.visibleLabel,
+          htmlFor: H,
+          className: `${T.visibleLabel}`,
           children: t
         }
       ),
-      ke && /* @__PURE__ */ l(
+      Te && /* @__PURE__ */ c(
         "div",
         {
-          ref: W,
-          id: `${I}-helper`,
+          ref: q,
+          id: `${H}-helper`,
           className: T.helperText,
           children: p
         }
       ),
-      C && /* @__PURE__ */ l(
+      k && /* @__PURE__ */ c(
         "div",
         {
-          ref: pe,
+          ref: _e,
           className: T.rightElement,
-          children: C
+          children: k
         }
       ),
-      a && p && /* @__PURE__ */ l(mt, { politeness: "polite", clearAnnouncementDelay: 500, children: ve })
+      a && p && /* @__PURE__ */ c(ft, { politeness: "polite", clearAnnouncementDelay: 500, children: Ne })
     ] });
   }
 );
-xt.displayName = "TextArea";
+Nt.displayName = "TextArea";
 export {
-  $t as AppContext,
-  St as E,
-  Rt as HistoryContext,
-  xt as Le,
-  Ct as SERVICE_TYPES,
-  Ht as TagsContext,
-  Mt as be,
-  Bt as ce,
-  M as f,
-  Vt as ge,
-  Nt as h,
-  Ot as he,
-  Lt as ne,
-  Ze as oe,
-  It as restCall,
-  zt as se,
-  At as serviceCall
+  Lt as AppContext,
+  Rt as E,
+  Nt as Fe,
+  Mt as HistoryContext,
+  Ht as SERVICE_TYPES,
+  Ot as TagsContext,
+  Dt as be,
+  Vt as ce,
+  F as f,
+  Pt as ge,
+  Gt as he,
+  Ft as ne,
+  nt as oe,
+  zt as restCall,
+  Ut as se,
+  Bt as serviceCall
 };