@versini/sassysaint 5.4.3 → 5.4.5

package/dist/chunks/{index.CnlfkUg1.js → index.CTGK59bg.js}

@@ -1,8 +1,8 @@
-import { jsxs as x, jsx as c, Fragment as Ne } from "react/jsx-runtime";
-import { g as Se } from "./index.C2RuFHK-.js";
-import z, { useSyncExternalStore as Ce, useCallback as O, useEffect as I, useContext as R, useRef as f, useState as A, useLayoutEffect as M, useMemo as le, useId as $e, useReducer as Ae } from "react";
-import i from "clsx";
-const At = ({
+import { jsxs as x, jsx as c, Fragment as Te } from "react/jsx-runtime";
+import { g as Se } from "./index.Cul7Y08v.js";
+import O, { useSyncExternalStore as Ie, useCallback as P, useEffect as A, useContext as R, useRef as f, useState as $, useLayoutEffect as U, useMemo as ie, useId as Ce, useReducer as $e } from "react";
+import s from "clsx";
+const $t = ({
   className: e,
   viewBox: r,
   spacing: t,
@@ -31,45 +31,45 @@ const At = ({
     ]
   }
 );
-function ie(e, r) {
+function se(e, r) {
   window.dispatchEvent(new StorageEvent("storage", { key: e, newValue: r }));
 }
 const re = (e, r) => {
   const t = JSON.stringify(
     typeof r == "function" ? r() : r
   );
-  window.localStorage.setItem(e, t), ie(e, t);
-}, Ie = (e) => {
-  window.localStorage.removeItem(e), ie(e, null);
+  window.localStorage.setItem(e, t), se(e, t);
+}, Ae = (e) => {
+  window.localStorage.removeItem(e), se(e, null);
 }, ae = (e) => window.localStorage.getItem(e), Re = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
-function It({
+function At({
   key: e,
   initialValue: r
 }) {
-  const t = Ce(Re, () => ae(e)), a = O(
-    (l) => {
+  const t = Ie(Re, () => ae(e)), a = P(
+    (i) => {
       try {
-        const s = typeof l == "function" ? l(JSON.parse(t)) : l;
-        s == null ? Ie(e) : re(e, s);
-      } catch (s) {
-        console.warn(s);
+        const l = typeof i == "function" ? i(JSON.parse(t)) : i;
+        l == null ? Ae(e) : re(e, l);
+      } catch (l) {
+        console.warn(l);
       }
     },
     [e, t]
-  ), o = O(() => {
+  ), o = P(() => {
     a(r);
-  }, [r, a]), n = O(() => {
+  }, [r, a]), n = P(() => {
     a(null);
   }, [a]);
-  return I(() => {
+  return A(() => {
     try {
       ae(e) === null && typeof r < "u" && re(e, r);
-    } catch (l) {
-      console.warn(l);
+    } catch (i) {
+      console.warn(i);
     }
   }, [e, r]), [t ? JSON.parse(t) : null, a, o, n];
 }
-const _ = {
+const k = {
   GET_LOCATION: `query GetLocation($latitude: Float!, $longitude: Float!) {
     location(latitude: $latitude, longitude: $longitude) {
     	country
@@ -153,42 +153,42 @@ const _ = {
 	}`
 }, Rt = {
   GET_LOCATION: {
-    schema: _.GET_LOCATION,
+    schema: k.GET_LOCATION,
     method: "location"
   },
   GET_CHATS: {
-    schema: _.GET_CHATS,
+    schema: k.GET_CHATS,
     method: "chats"
   },
   GET_CHATS_STATS: {
-    schema: _.GET_CHATS_STATS,
+    schema: k.GET_CHATS_STATS,
     method: "chatsStats"
   },
   GET_CHAT: {
-    schema: _.GET_CHAT,
+    schema: k.GET_CHAT,
     method: "chatById"
   },
   DELETE_CHAT: {
-    schema: _.DELETE_CHAT,
+    schema: k.DELETE_CHAT,
     method: "deleteChat"
   },
   ABOUT: {
-    schema: _.ABOUT,
+    schema: k.ABOUT,
     method: "about"
   },
   GET_USER_PREFERENCES: {
-    schema: _.GET_USER_PREFERENCES,
+    schema: k.GET_USER_PREFERENCES,
     method: "getUserPreferences"
   },
   SET_USER_PREFERENCES: {
-    schema: _.SET_USER_PREFERENCES,
+    schema: k.SET_USER_PREFERENCES,
     method: "setUserPreferences"
   }
-}, se = process.env.PUBLIC_SASSY_API_SERVER_URL, Be = async ({
+}, le = process.env.PUBLIC_SASSY_API_SERVER_URL, Be = async ({
   query: e,
   data: r,
   headers: t = {}
-}) => await fetch(`${se}/graphql`, {
+}) => await fetch(`${le}/graphql`, {
   method: "POST",
   credentials: "include",
   headers: {
@@ -216,23 +216,23 @@ const _ = {
     });
     if (n.status !== 200)
       return { status: n.status, data: [] };
-    const { data: l, errors: s } = await n.json();
+    const { data: i, errors: l } = await n.json();
     return {
       status: n.status,
-      data: l[r.method],
-      errors: s
+      data: i[r.method],
+      errors: l
     };
   } catch (o) {
     return console.error(o), { status: 500, data: [] };
   }
-}, Ht = async ({
+}, Vt = async ({
   accessToken: e,
   name: r,
   data: t,
   method: a = "POST"
 }) => {
   const o = `Bearer ${e}`;
-  return await fetch(`${se}/api/${r}`, {
+  return await fetch(`${le}/api/${r}`, {
     method: a,
     credentials: "include",
     headers: {
@@ -243,19 +243,32 @@ const _ = {
   });
 };
 /*!
-  @versini/ui-table v1.2.1
+  @versini/ui-table v1.5.1
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TABLE__ || (window.__VERSINI_UI_TABLE__ = {
-    version: "1.2.1",
-    buildTime: "12/18/2024 01:22 PM EST",
+    version: "1.5.1",
+    buildTime: "12/27/2024 01:35 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const He = (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/27/2024 01:35 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Ve = (e) => {
   let r = "";
   if (typeof e == "number" || typeof e == "string")
     r = "m-" + e;
@@ -264,10 +277,10 @@ const He = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && t.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && t.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && t.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && t.push(`ml-${e.l}`), r = t.join(" ");
   }
   return r;
-}, P = "thead", X = "tfoot", T = "tbody", U = {
+}, z = "thead", Y = "tfoot", E = "tbody", L = {
   ASC: "asc",
   DESC: "desc"
-}, Le = ({
+}, He = ({
   mode: e,
   className: r,
   wrapperClassName: t,
@@ -275,9 +288,9 @@ const He = (e) => {
   stickyFooter: o,
   spacing: n
 }) => ({
-  wrapper: i(
+  wrapper: s(
     "not-prose relative w-full rounded-lg shadow-md",
-    He(n),
+    Ve(n),
     {
       "overflow-x-auto": !a && !o,
       "overflow-y-scroll": a || o,
@@ -288,72 +301,86 @@ const He = (e) => {
     },
     t
   ),
-  table: i("my-0 w-full text-left text-sm", r, {
+  table: s("my-0 w-full text-left text-sm", r, {
     "text-copy-light": e === "dark",
     "text-copy-dark": e === "light",
     "text-copy-light dark:text-copy-dark": e === "system",
     "text-copy-dark dark:text-copy-light": e === "alt-system"
   }),
-  caption: i("py-2 text-sm font-bold", {
+  caption: s("py-2 text-sm font-bold", {
     "text-copy-light": e === "dark",
     "text-copy-dark": e === "light",
     "text-copy-light dark:text-copy-dark": e === "system",
     "text-copy-dark dark:text-copy-light": e === "alt-system"
   })
-}), Ve = ({
+}), Me = ({
   className: e,
   stickyHeader: r,
   mode: t
-}) => i(e, {
+}) => s(e, {
   "sticky top-0 z-10": r,
   "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": r && t === "dark",
   "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": r && t === "system",
   "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": r && t === "light",
   "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"
-}), Me = ({
+}), Ue = ({
   className: e,
   stickyFooter: r,
   mode: t
-}) => i(e, {
+}) => s(e, {
   "sticky bottom-0 z-10": r,
   "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": r && t === "dark",
   "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": r && t === "system",
   "shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": r && t === "light",
   "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"
-}), Ue = ({
+}), Le = ({
   mode: e,
   className: r,
   cellWrapper: t
-}) => t === P || t === X ? i({
+}) => t === z || t === Y ? s({
   "bg-table-head-dark": e === "dark",
   "bg-table-head-light": e === "light",
   "bg-table-head-dark dark:bg-table-head-light": e === "system",
   "bg-table-head-light dark:bg-table-head-dark": e === "alt-system"
-}) : i("border-b last:border-0", r, {
+}) : s("border-b last:border-0", r, {
   "border-table-dark": e === "dark",
-  "odd:bg-table-dark-odd even:bg-table-dark-even": t === T && e === "dark",
+  "odd:bg-table-dark-odd even:bg-table-dark-even": t === E && e === "dark",
   "border-table-light": e === "light",
-  "odd:bg-table-light-odd even:bg-table-light-even": t === T && e === "light",
+  "odd:bg-table-light-odd even:bg-table-light-even": t === E && 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 === T && 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 === E && 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 === T && e === "alt-system"
-}), Oe = ({
+  "odd:bg-table-light-odd even:bg-table-light-even dark:odd:bg-table-dark-odd dark:even:bg-table-dark-even": t === E && e === "alt-system"
+}), Pe = ({
   cellWrapper: e,
   className: r,
   compact: t,
   mode: a
-}) => i(r, {
+}) => s(r, {
   "text-copy-light": a === "dark",
   "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 === P || e === X),
-  "p-4": !t && e === T,
-  "px-4 py-1": t
-}), ze = ({
+  "px-4 py-3": !t && (e === z || e === Y),
+  "p-4": !t && e === E,
+  "px-2 py-1.5": t
+}), Oe = ({
   buttonClassName: e
-}) => i("rounded-none text-sm", e), oe = "av-button", Pe = (e) => {
+}) => s("rounded-none text-sm", e), oe = "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/27/2024 01:35 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const ze = (e) => {
   let r = "";
   if (typeof e == "number" || typeof e == "string")
     r = "m-" + e;
@@ -362,29 +389,29 @@ const He = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && t.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && t.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && t.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && t.push(`ml-${e.l}`), r = t.join(" ");
   }
   return r;
-}, ce = "icon", Fe = "button", Ge = "link", De = ({
+}, ce = "icon", Ge = "button", Fe = "link", De = ({
   type: e,
   size: r,
   labelRight: t,
   labelLeft: a,
   align: o
 }) => {
-  const n = "text-sm font-medium max-h-8 py-0", l = "text-base font-medium max-h-9 py-1", s = "text-lg font-medium max-h-12 py-2";
+  const n = "text-sm font-medium max-h-8 py-0", i = "text-base font-medium max-h-9 py-1", l = "text-lg font-medium max-h-12 py-2";
   switch (e) {
-    case Fe:
-      return i("px-4", {
+    case Ge:
+      return s("px-4", {
         [n]: r === "small",
-        [l]: r === "medium",
-        [s]: r === "large"
+        [i]: r === "medium",
+        [l]: r === "large"
       });
-    case Ge:
-      return i("px-4 text-center", {
+    case Fe:
+      return s("px-4 text-center", {
         [n]: r === "small",
-        [l]: r === "medium",
-        [s]: r === "large"
+        [i]: r === "medium",
+        [l]: r === "large"
       });
     case ce:
-      return i("inline-flex items-center", {
+      return s("inline-flex items-center", {
         "justify-center": o === "center",
         "justify-start": o === "left",
         "justify-end": o === "right",
@@ -396,7 +423,7 @@ const He = (e) => {
         "h-12 px-4 text-lg font-medium": r === "large" && (t || a)
       });
   }
-}, We = ({
+}, je = ({
   mode: e,
   noBackground: r,
   noTruncate: t,
@@ -405,7 +432,7 @@ const He = (e) => {
   if (r)
     return "not-prose rounded-full";
   if (a === "primary")
-    return i("not-prose rounded-full", {
+    return s("not-prose rounded-full", {
       truncate: !t,
       "bg-action-dark text-copy-light": e === "dark",
       "bg-action-light text-copy-lighter": e === "light",
@@ -413,7 +440,7 @@ const He = (e) => {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return i("not-prose rounded-full", {
+    return s("not-prose rounded-full", {
       truncate: !t,
       "bg-action-dark text-copy-light": e === "light",
       "bg-action-light text-copy-lighter": e === "dark",
@@ -421,14 +448,14 @@ const He = (e) => {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return i("not-prose rounded-full", {
+    return s("not-prose rounded-full", {
       truncate: !t,
       "bg-action-danger-dark text-copy-light": e === "dark",
       "bg-action-danger-light text-copy-lighter": e === "light",
       "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"
     });
-}, je = ({
+}, We = ({
   mode: e,
   disabled: r,
   variant: t
@@ -436,21 +463,21 @@ const He = (e) => {
   if (r)
     return "";
   if (t === "primary")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "dark",
       "hover:bg-action-light-hover": e === "light",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
     });
   if (t === "secondary")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-dark-hover": e === "light",
       "hover:bg-action-light-hover": e === "dark",
       "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
       "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
     });
   if (t === "danger")
-    return i("hover:text-copy-light-hover", {
+    return s("hover:text-copy-light-hover", {
       "hover:bg-action-danger-dark-hover": e === "dark",
       "hover:bg-action-danger-light-hover": e === "light",
       "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
@@ -464,21 +491,21 @@ const He = (e) => {
   if (r)
     return "";
   if (t === "primary")
-    return i("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "dark",
       "active:bg-action-light-active": e === "light",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
     });
   if (t === "secondary")
-    return i("active:text-copy-light-active", {
+    return s("active:text-copy-light-active", {
       "active:bg-action-dark-active": e === "light",
       "active:bg-action-light-active": e === "dark",
       "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
       "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
     });
   if (t === "danger")
-    return i("active:text-copy-lighter-active", {
+    return s("active:text-copy-lighter-active", {
       "active:bg-action-danger-dark-active": e === "dark",
       "active:bg-action-danger-light-active": e === "light",
       "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
@@ -492,40 +519,40 @@ const He = (e) => {
   if (r)
     return "border border-transparent";
   if (t === "primary")
-    return i("border", {
+    return s("border", {
       "border-border-dark": e === "dark",
       "border-border-accent": e === "light",
       "border-border-dark dark:border-border-accent": e === "system",
       "border-border-accent dark:border-border-dark": e === "alt-system"
     });
   if (t === "secondary")
-    return i("border", {
+    return s("border", {
       "border-border-dark": e === "light",
       "border-border-accent": e === "dark",
       "border-border-dark dark:border-border-accent": e === "alt-system",
       "border-border-accent dark:border-border-dark": e === "system"
     });
   if (t === "danger")
-    return i("border", {
+    return s("border", {
       "border-border-danger-dark": e === "dark",
       "border-border-danger-medium": e === "light",
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
-}, Qe = ({ focusMode: e }) => i("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, Qe = ({ focusMode: e }) => s("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), Xe = ({
+}), Ye = ({
   type: e,
   className: r,
   raw: t,
   mode: a,
   focusMode: o,
   disabled: n,
-  fullWidth: l,
-  size: s,
+  fullWidth: i,
+  size: l,
   noBorder: d,
   labelRight: m,
   labelLeft: u,
@@ -534,31 +561,31 @@ const He = (e) => {
   variant: h,
   noTruncate: b,
   align: w
-}) => (h || (h = "primary"), t ? i(oe, r) : i(
+}) => (h || (h = "primary"), t ? s(oe, r) : s(
   oe,
   r,
-  Pe(p),
-  We({ mode: a, variant: h, noBackground: g, noTruncate: b }),
-  De({ type: e, size: s, labelRight: m, labelLeft: u, align: w }),
+  ze(p),
+  je({ mode: a, variant: h, noBackground: g, noTruncate: b }),
+  De({ type: e, size: l, labelRight: m, labelLeft: u, align: w }),
   Je({ mode: a, variant: h, noBorder: d }),
   Qe({ focusMode: o }),
-  je({ mode: a, variant: h, disabled: n }),
+  We({ mode: a, variant: h, disabled: n }),
   qe({ mode: a, variant: h, disabled: n }),
   {
-    "w-full": l,
+    "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": n
   }
-)), Ye = (e, r, t) => {
+)), Xe = (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 = z.forwardRef((e, r) => {
+}, de = O.forwardRef((e, r) => {
   const { onClick: t, noInternalClick: a = !1, ...o } = e;
   return /* @__PURE__ */ c(
     "button",
     {
       ref: r,
       onClick: (n) => {
-        Ye(n, a, t);
+        Xe(n, a, t);
       },
       ...o
     }
@@ -566,19 +593,19 @@ const He = (e) => {
 });
 de.displayName = "BaseButton";
 /*!
-  @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/27/2024 01:35 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ue = z.forwardRef(
+const ue = O.forwardRef(
   ({
     children: e,
     disabled: r = !1,
@@ -586,8 +613,8 @@ const ue = z.forwardRef(
     focusMode: a = "system",
     fullWidth: o = !1,
     className: n,
-    type: l = "button",
-    raw: s = !1,
+    type: i = "button",
+    raw: l = !1,
     noBorder: d = !1,
     "aria-label": m,
     label: u,
@@ -598,15 +625,15 @@ const ue = z.forwardRef(
     noBackground: w = !1,
     align: S = "center",
     active: B = !1,
-    ...H
-  }, L) => {
-    const F = Xe({
+    ...V
+  }, H) => {
+    const G = Ye({
       type: ce,
       mode: t,
       focusMode: a,
       fullWidth: o,
       disabled: r,
-      raw: s,
+      raw: l,
       className: n,
       noBorder: d,
       size: p,
@@ -615,12 +642,12 @@ const ue = z.forwardRef(
       spacing: b,
       noBackground: w,
       align: S
-    }), G = 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
-    }), D = B ? i(
+    }), F = s({
+      "text-copy-accent-dark": t === "light" && !l,
+      "text-copy-light": t === "dark" && !l,
+      "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !l,
+      "text-copy-light dark:text-copy-accent-dark": t === "system" && !l
+    }), D = B ? s(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -640,15 +667,15 @@ const ue = z.forwardRef(
     return /* @__PURE__ */ c("div", { className: D, children: /* @__PURE__ */ x(
       de,
       {
-        ref: L,
-        className: F,
+        ref: H,
+        className: G,
         disabled: r,
-        type: l,
+        type: i,
         "aria-label": m || u,
-        ...H,
+        ...V,
         children: [
           h && /* @__PURE__ */ c("span", { className: "pr-2", children: h }),
-          /* @__PURE__ */ c("div", { className: G, children: e }),
+          /* @__PURE__ */ c("div", { className: F, children: e }),
           g && /* @__PURE__ */ c("span", { className: "pl-2", children: g })
         ]
       }
@@ -656,6 +683,19 @@ const ue = z.forwardRef(
   }
 );
 ue.displayName = "ButtonSort";
+/*!
+  @versini/ui-spacing v1.1.0
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
+    version: "1.1.0",
+    buildTime: "12/27/2024 01:35 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
 const Ke = (e) => {
   let r = "";
   if (typeof e == "number" || typeof e == "string")
@@ -665,23 +705,23 @@ const Ke = (e) => {
     (e == null ? void 0 : e.t) !== void 0 && t.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && t.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && t.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && t.push(`ml-${e.l}`), r = t.join(" ");
   }
   return r;
-}, Y = ({
+}, X = ({
   children: e,
   fill: r,
   viewBox: t,
   className: a,
   defaultViewBox: o,
   defaultClassName: n,
-  spacing: l,
-  title: s,
+  spacing: i,
+  title: l,
   semantic: d = !1,
   ...m
 }) => {
-  const u = Ke(l), p = i(
+  const u = Ke(i), p = s(
     u,
     a || n
   );
-  return /* @__PURE__ */ x(Ne, { children: [
+  return /* @__PURE__ */ x(Te, { children: [
     /* @__PURE__ */ c(
       "svg",
       {
@@ -696,17 +736,17 @@ const Ke = (e) => {
         children: e
       }
     ),
-    s && d && /* @__PURE__ */ c("span", { className: "sr-only", children: s })
+    l && d && /* @__PURE__ */ c("span", { className: "sr-only", children: l })
   ] });
 };
 /*!
-  @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/27/2024 01:35 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -720,7 +760,7 @@ const Ze = ({
   monotone: o,
   ...n
 }) => /* @__PURE__ */ x(
-  Y,
+  X,
   {
     defaultViewBox: "0 0 576 512",
     defaultClassName: "size-5",
@@ -748,7 +788,7 @@ const Ze = ({
   monotone: o,
   ...n
 }) => /* @__PURE__ */ x(
-  Y,
+  X,
   {
     defaultViewBox: "0 0 576 512",
     defaultClassName: "size-5",
@@ -776,7 +816,7 @@ const Ze = ({
   monotone: o,
   ...n
 }) => /* @__PURE__ */ x(
-  Y,
+  X,
   {
     defaultViewBox: "0 0 576 512",
     defaultClassName: "size-5",
@@ -798,56 +838,56 @@ const Ze = ({
   }
 );
 /*!
-  @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/27/2024 01:35 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const N = z.createContext({
+const T = O.createContext({
   mode: "light",
   cellWrapper: "thead",
   stickyHeader: !1,
   stickyFooter: !1,
   compact: !1
-}), Lt = ({
+}), Ht = ({
   children: e,
   mode: r = "system",
   caption: t,
   compact: a,
   summary: o,
   className: n,
-  wrapperClassName: l,
-  maxHeight: s,
+  wrapperClassName: i,
+  maxHeight: l,
   stickyHeader: d,
   stickyFooter: m,
   spacing: u,
   ...p
 }) => {
-  const g = Le({
+  const g = He({
     mode: r,
     className: n,
-    wrapperClassName: l,
+    wrapperClassName: i,
     stickyHeader: d,
     stickyFooter: m,
     spacing: u
   });
   return /* @__PURE__ */ c(
-    N.Provider,
+    T.Provider,
     {
       value: { mode: r, stickyHeader: d, stickyFooter: m, compact: a },
       children: /* @__PURE__ */ c(
         "div",
         {
           className: g.wrapper,
-          ...s && {
-            style: { maxHeight: s }
+          ...l && {
+            style: { maxHeight: l }
           },
           children: /* @__PURE__ */ x("table", { className: g.table, summary: o, ...p, children: [
             t && /* @__PURE__ */ c("caption", { className: g.caption, children: t }),
@@ -857,41 +897,41 @@ const N = z.createContext({
       )
     }
   );
-}, Vt = ({
+}, Mt = ({
   children: e,
   className: r,
   ...t
 }) => {
-  const a = R(N);
-  a.cellWrapper = P;
-  const o = Ve({
+  const a = R(T);
+  a.cellWrapper = z;
+  const o = Me({
     className: r,
     mode: a.mode,
     stickyHeader: a.stickyHeader
   });
   return /* @__PURE__ */ c("thead", { className: o, ...t, children: e });
-}, Mt = ({
+}, Ut = ({
   children: e,
   className: r,
   ...t
 }) => {
-  const a = R(N);
-  a.cellWrapper = X;
-  const o = Me({
+  const a = R(T);
+  a.cellWrapper = Y;
+  const o = Ue({
     className: r,
     mode: a.mode,
     stickyFooter: a.stickyFooter
   });
   return /* @__PURE__ */ c("tfoot", { className: o, ...t, children: e });
-}, Ut = ({ children: e, ...r }) => {
-  const t = R(N);
-  return t.cellWrapper = T, /* @__PURE__ */ c("tbody", { ...r, children: e });
-}, Ot = ({
+}, Lt = ({ children: e, ...r }) => {
+  const t = R(T);
+  return t.cellWrapper = E, /* @__PURE__ */ c("tbody", { ...r, children: e });
+}, Pt = ({
   children: e,
   className: r,
   ...t
 }) => {
-  const a = R(N), o = Ue({
+  const a = R(T), o = Le({
     mode: a.mode,
     cellWrapper: a.cellWrapper,
     className: r
@@ -903,62 +943,62 @@ const N = z.createContext({
   className: t,
   ...a
 }) => {
-  const o = R(N), n = r || (o.cellWrapper === P ? "th" : "td"), l = Oe({
+  const o = R(T), n = r || (o.cellWrapper === z ? "th" : "td"), i = Pe({
     cellWrapper: o.cellWrapper,
     className: t,
     mode: o.mode,
     compact: o.compact
   });
-  return /* @__PURE__ */ c(n, { className: l, ...a, children: e });
-}, zt = ({
+  return /* @__PURE__ */ c(n, { className: i, ...a, children: e });
+}, Ot = ({
   align: e,
   children: r,
   buttonClassName: t,
   className: a,
   component: o,
   focusMode: n = "alt-system",
-  mode: l = "alt-system",
-  onClick: s,
+  mode: i = "alt-system",
+  onClick: l,
   sortDirection: d,
   sortedCell: m,
   cellId: u,
   ...p
 }) => {
-  const g = ze({ buttonClassName: t });
+  const g = Oe({ buttonClassName: t });
   return /* @__PURE__ */ c(
     rt,
     {
       component: o,
       className: a,
       role: "columnheader",
-      "aria-sort": d === U.ASC && m === u ? "ascending" : d === U.DESC && m === u ? "descending" : "other",
+      "aria-sort": d === L.ASC && m === u ? "ascending" : d === L.DESC && m === u ? "descending" : "other",
       ...p,
       children: /* @__PURE__ */ c(
         ue,
         {
           active: m === u,
           className: g,
-          onClick: s,
+          onClick: l,
           align: e,
           noBorder: !0,
           focusMode: n,
-          mode: l,
+          mode: i,
           fullWidth: !0,
           labelRight: r,
-          children: d === U.ASC && m === u ? /* @__PURE__ */ c(tt, { className: "size-4", monotone: !0 }) : d === U.DESC && m === u ? /* @__PURE__ */ c(et, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ c(Ze, { className: "size-4", monotone: !0 })
+          children: d === L.ASC && m === u ? /* @__PURE__ */ c(tt, { className: "size-4", monotone: !0 }) : d === L.DESC && m === u ? /* @__PURE__ */ c(et, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ c(Ze, { className: "size-4", monotone: !0 })
         }
       )
     }
   );
 };
 /*!
-  @versini/ui-textarea v1.1.1
+  @versini/ui-textarea v1.4.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "1.1.1",
-    buildTime: "12/18/2024 01:22 PM EST",
+    version: "1.4.0",
+    buildTime: "12/26/2024 06:05 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -967,19 +1007,19 @@ try {
 const me = "av-text-area", at = "av-text-area-wrapper", Q = "av-text-area-helper-text", ot = "av-text-area__control--right";
 function nt() {
   const e = f(!1);
-  return I(() => (e.current = !0, () => {
+  return A(() => (e.current = !0, () => {
     e.current = !1;
-  }), []), O(() => e.current, []);
+  }), []), P(() => e.current, []);
 }
-function lt(e) {
-  return le(() => e.every((r) => r == null) ? () => {
+function it(e) {
+  return ie(() => e.every((r) => r == null) ? () => {
   } : (r) => {
     e.forEach((t) => {
       typeof t == "function" ? t(r) : t != null && (t.current = r);
     });
   }, e);
 }
-const it = {
+const st = {
   x: 0,
   y: 0,
   width: 0,
@@ -989,16 +1029,16 @@ const it = {
   bottom: 0,
   right: 0
 };
-function st(e) {
-  const r = nt(), t = f(0), a = f(null), [o, n] = A(it), l = le(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
-    const d = s[0];
+function lt(e) {
+  const r = nt(), t = f(0), a = f(null), [o, n] = $(st), i = ie(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((l) => {
+    const d = l[0];
     d && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
       a.current && r() && n(d.contentRect);
     }));
   }), [r]);
-  return I(() => (a.current && (l == null || l.observe(a.current, e)), () => {
-    l == null || l.disconnect(), t.current && cancelAnimationFrame(t.current);
-  }), [l, e]), [a, o];
+  return A(() => (a.current && (i == null || i.observe(a.current, e)), () => {
+    i == null || i.disconnect(), t.current && cancelAnimationFrame(t.current);
+  }), [i, e]), [a, o];
 }
 function ct({
   value: e,
@@ -1008,19 +1048,19 @@ function ct({
   },
   initialControlledDelay: o = 0
 }) {
-  const [n, l] = A(!1), [s, d] = A(
+  const [n, i] = $(!1), [l, d] = $(
     r !== void 0 ? r : t
   ), m = (u) => {
     d(u), a == null || a(u);
   };
-  return I(() => {
+  return A(() => {
     (async () => e !== void 0 && !n && o > 0 && (await new Promise(
       (u) => setTimeout(u, o)
-    ), l(!0)))();
-  }, [e, o, n]), e !== void 0 ? !n && o > 0 ? ["", a, !0] : [e, a, !0] : [s, m, !1];
+    ), i(!0)))();
+  }, [e, o, n]), e !== void 0 ? !n && o > 0 ? ["", a, !0] : [e, a, !0] : [l, m, !1];
 }
 function dt(e) {
-  const r = $e();
+  const r = Ce();
   if (!e)
     return r;
   if (typeof e == "number" || typeof e == "string")
@@ -1084,20 +1124,20 @@ const he = "SET_ANNOUNCEMENT", ge = "CLEAR_ANNOUNCEMENT", ut = {
   clearAnnouncementDelay: a,
   clearAnnouncementTimeoutRef: o,
   onAnnouncementClear: n,
-  dispatch: l
+  dispatch: i
 }) => {
   clearTimeout(r.current), t ? r.current = setTimeout(ne, t, {
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: o,
     onAnnouncementClear: n,
-    dispatch: l
+    dispatch: i
   }) : ne({
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: o,
     onAnnouncementClear: n,
-    dispatch: l
+    dispatch: i
   });
 };
 function pt({
@@ -1107,32 +1147,32 @@ function pt({
   role: a = null,
   announcementDelay: o,
   clearAnnouncementDelay: n,
-  onAnnouncementClear: l,
-  visible: s,
+  onAnnouncementClear: i,
+  visible: l,
   ...d
 }) {
-  const m = f(null), u = f(null), [p, g] = Ae(mt, {
+  const m = f(null), u = f(null), [p, g] = $e(mt, {
     announcement: null
   });
   let h = t;
-  typeof h > "u" && (h = a ? ut[a] : "assertive"), I(() => {
+  typeof h > "u" && (h = a ? ut[a] : "assertive"), A(() => {
     gt({
       announcementTimeoutRef: m,
       announcementDelay: o,
       children: e,
       clearAnnouncementDelay: n,
       clearAnnouncementTimeoutRef: u,
-      onAnnouncementClear: l,
+      onAnnouncementClear: i,
       dispatch: g
     });
   }, [
     e,
     o,
     n,
-    l
+    i
   ]);
-  const b = i(r, {
-    "sr-only": !s
+  const b = s(r, {
+    "sr-only": !l
   });
   return /* @__PURE__ */ c(
     "div",
@@ -1145,52 +1185,64 @@ function pt({
     }
   );
 }
-const bt = (e) => {
-  let r = "";
-  if (typeof e == "number" || typeof e == "string")
-    r = "m-" + e;
-  else {
-    const t = [];
-    (e == null ? void 0 : e.t) !== void 0 && t.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && t.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && t.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && t.push(`ml-${e.l}`), r = t.join(" ");
-  }
-  return r;
-};
 /*!
-  @versini/ui-private v1.5.1
+  @versini/ui-liveregion v1.2.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_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
+    version: "1.2.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"
   });
 } catch {
 }
-const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", ft = ({
+const bt = (e) => {
+  let r = "";
+  if (typeof e == "number" || typeof e == "string")
+    r = "m-" + e;
+  else {
+    const t = [];
+    (e == null ? void 0 : e.t) !== void 0 && t.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && t.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && t.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && t.push(`ml-${e.l}`), r = t.join(" ");
+  }
+  return r;
+}, yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", ft = ({
   mode: e
-}) => i({
+}) => s({
   "bg-surface-darker text-copy-lighter caret-copy-light": e === "dark",
   "bg-surface-lighter text-copy-dark caret-copy-dark": e === "light",
   "bg-surface-lighter text-copy-dark caret-copy-dark dark:bg-surface-darker dark:text-copy-lighter dark:caret-copy-light": e === "system",
   "bg-surface-darker text-copy-lighter caret-copy-light dark:bg-surface-lighter dark:text-copy-dark dark:caret-copy-dark": e === "alt-system"
-}), kt = ({
+}), vt = ({
   focusMode: e
-}) => i("focus:outline focus:outline-2 focus:outline-offset-2", {
+}) => s("focus:outline focus:outline-2 focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), vt = ({
+}), _t = ({
   noBorder: e,
   error: r
-}) => i("border-2", {
+}) => s("border-2", {
   "border-border-dark": !e && !r,
   "focus:border-border-dark": !e && r,
   "border-border-error-dark": !e && r,
   "border-transparent": e
-}), _t = ({
+}), kt = ({
   disabled: e,
   raw: r,
   error: t,
@@ -1199,16 +1251,16 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   if (r)
     return "";
   if (e)
-    return i("absolute px-2 cursor-not-allowed opacity-50 font-medium");
+    return s("absolute px-2 cursor-not-allowed opacity-50 font-medium");
   if (!t)
-    return i("absolute px-2 cursor-text font-medium", {
+    return s("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"
     });
   if (t)
-    return i("absolute px-2 cursor-text font-medium", {
+    return s("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",
@@ -1223,19 +1275,19 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   if (r)
     return "";
   if (a)
-    return i(
+    return s(
       Q,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return i(Q, "absolute px-2 font-medium", {
+    return s(Q, "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 s(Q, "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",
@@ -1248,39 +1300,39 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   focusMode: a,
   disabled: o,
   noBorder: n,
-  error: l,
-  spacing: s,
+  error: i,
+  spacing: l,
   mode: d
 }) => {
-  const m = t ? e : i(
+  const m = t ? e : s(
     "relative flex w-full flex-col justify-center",
     at,
     e,
-    bt(s)
-  ), u = t ? i(r) : i(
+    bt(l)
+  ), u = t ? s(r) : s(
     me,
     r,
     yt(),
     ft({ mode: d }),
-    kt({ focusMode: a }),
-    vt({
+    vt({ focusMode: a }),
+    _t({
       noBorder: n,
-      error: l
+      error: i
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": o
     }
-  ), p = t ? void 0 : "sr-only", g = _t({
+  ), p = t ? void 0 : "sr-only", g = kt({
     disabled: o,
     raw: t,
-    error: l,
+    error: i,
     mode: d
   }), h = xt({
-    error: l,
+    error: i,
     raw: t,
     mode: d,
     disabled: o
-  }), b = t ? void 0 : i(ot, "absolute");
+  }), b = t ? void 0 : s(ot, "absolute");
   return {
     wrapper: m,
     textArea: u,
@@ -1289,7 +1341,7 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     helperText: h,
     rightElement: b
   };
-}, Et = ({
+}, Nt = ({
   scrollHeight: e,
   currentHeight: r,
   currentLabelOffset: t = 0,
@@ -1297,15 +1349,15 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
 }) => {
   let o, n;
   if (e > 0 && e !== r) {
-    const l = e - r, s = Math.abs(l / 24);
-    o = t + -1 * Math.sign(l) * (12 * s), n = a + Math.sign(l) * (12 * s);
+    const i = e - r, l = Math.abs(i / 24);
+    o = t + -1 * Math.sign(i) * (12 * l), n = a + Math.sign(i) * (12 * l);
   }
   return {
     labelOffset: o,
     helperTextOffset: n,
     scrollHeight: e
   };
-}, Tt = z.forwardRef(
+}, Et = O.forwardRef(
   ({
     id: e,
     name: r,
@@ -1313,8 +1365,8 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     error: a = !1,
     raw: o = !1,
     className: n,
-    textAreaClassName: l,
-    mode: s = "system",
+    textAreaClassName: i,
+    mode: l = "system",
     focusMode: d = "system",
     value: m,
     defaultValue: u,
@@ -1325,24 +1377,24 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     helperTextOnFocus: w = !1,
     rightElement: S,
     onChange: B,
-    onFocus: H,
-    onBlur: L,
-    spacing: F,
-    ...G
+    onFocus: V,
+    onBlur: H,
+    spacing: G,
+    ...F
   }, D) => {
-    const k = f(null), pe = lt([D, k]), [be, V] = st(), W = f(80), K = f(-25), C = f(null), Z = f(30), j = f(null), $ = dt({ id: e, prefix: `${me}-` }), [ye, fe] = A(0), [ke, ee] = A(
+    const v = f(null), pe = it([D, v]), [be, M] = lt(), j = f(80), K = f(-25), I = f(null), Z = f(30), W = f(null), C = dt({ id: e, prefix: `${me}-` }), [ye, fe] = $(0), [ve, ee] = $(
       !!(!w && b)
-    ), ve = `${r} error, ${b}`, E = wt({
+    ), _e = `${r} error, ${b}`, N = wt({
       className: n,
-      textAreaClassName: l,
+      textAreaClassName: i,
       error: a,
       raw: o,
       focusMode: d,
       disabled: p,
       noBorder: g,
-      spacing: F,
-      mode: s
-    }), [v, _e] = ct({
+      spacing: G,
+      mode: l
+    }), [_, ke] = ct({
       value: m,
       initialControlledDelay: 20,
       defaultValue: u,
@@ -1354,48 +1406,48 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         });
       }
     }), xe = (y) => {
-      _e(y.target.value);
+      ke(y.target.value);
     }, we = (y) => {
-      w && b && ee(!0), H && H(y);
-    }, Ee = (y) => {
-      w && b && !v && ee(!1), L && L(y);
+      w && b && ee(!0), V && V(y);
+    }, Ne = (y) => {
+      w && b && !_ && ee(!1), H && H(y);
     };
-    return M(() => {
-      V && V.width && fe(V.width + 18 + 10);
-    }, [V]), M(() => {
-      o || k && k.current && v !== void 0 && (k.current.style.height = "inherit", k.current.style.height = k.current.scrollHeight + "px");
-    }, [v, o]), M(() => {
+    return U(() => {
+      M && M.width && fe(M.width + 18 + 10);
+    }, [M]), U(() => {
+      o || v && v.current && _ !== void 0 && (v.current.style.height = "inherit", v.current.style.height = v.current.scrollHeight + "px");
+    }, [_, o]), U(() => {
       o || setTimeout(() => {
         var y;
-        (y = C == null ? void 0 : C.current) == null || y.style.setProperty(
+        (y = I == null ? void 0 : I.current) == null || y.style.setProperty(
           "--av-text-area-wrapper-transition",
-          v ? "none" : "all 0.2s ease-out"
+          _ ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [v, o]), M(() => {
+    }, [_, o]), U(() => {
       var y, te;
-      if (!o && k && k.current && v !== void 0) {
-        const { labelOffset: q, helperTextOffset: J, scrollHeight: Te } = Et({
-          scrollHeight: k.current.scrollHeight,
-          currentHeight: W.current,
+      if (!o && v && v.current && _ !== void 0) {
+        const { labelOffset: q, helperTextOffset: J, scrollHeight: Ee } = Nt({
+          scrollHeight: v.current.scrollHeight,
+          currentHeight: j.current,
           currentLabelOffset: K.current,
           currentHelperTextOffset: Z.current
         });
-        q && (K.current = q, (y = C == null ? void 0 : C.current) == null || y.style.setProperty(
+        q && (K.current = q, (y = I == null ? void 0 : I.current) == null || y.style.setProperty(
           "--av-text-area-label",
           `${q}px`
-        )), J && (Z.current = J, (te = j == null ? void 0 : j.current) == null || te.style.setProperty(
+        )), J && (Z.current = J, (te = W == null ? void 0 : W.current) == null || te.style.setProperty(
           "--av-text-area-helper-text",
           `${J}px`
-        )), W.current = Te || W.current;
+        )), j.current = Ee || j.current;
       }
-    }, [v, o]), /* @__PURE__ */ x("div", { className: E.wrapper, children: [
+    }, [_, o]), /* @__PURE__ */ x("div", { className: N.wrapper, children: [
       /* @__PURE__ */ c(
         "label",
         {
-          htmlFor: $,
+          htmlFor: C,
           id: h,
-          className: E.accessibleLabel,
+          className: N.accessibleLabel,
           children: t
         }
       ),
@@ -1403,38 +1455,38 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "textarea",
         {
           ref: pe,
-          id: $,
+          id: C,
           name: r,
           disabled: p,
           placeholder: o ? void 0 : " ",
-          className: E.textArea,
+          className: N.textArea,
           rows: 1,
-          ...b && { "aria-describedby": `${$}-helper` },
+          ...b && { "aria-describedby": `${C}-helper` },
           ...a && { "aria-invalid": "true" },
           ...S && !o && { style: { paddingRight: ye } },
-          value: v,
+          value: _,
           onChange: xe,
           onFocus: we,
-          onBlur: Ee,
-          ...G
+          onBlur: Ne,
+          ...F
         }
       ),
       !o && /* @__PURE__ */ c(
         "label",
         {
-          ref: C,
+          ref: I,
           "aria-hidden": !0,
-          htmlFor: $,
-          className: E.visibleLabel,
+          htmlFor: C,
+          className: N.visibleLabel,
           children: t
         }
       ),
-      ke && /* @__PURE__ */ c(
+      ve && /* @__PURE__ */ c(
         "div",
         {
-          ref: j,
-          id: `${$}-helper`,
-          className: E.helperText,
+          ref: W,
+          id: `${C}-helper`,
+          className: N.helperText,
           children: b
         }
       ),
@@ -1442,28 +1494,28 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "div",
         {
           ref: be,
-          className: E.rightElement,
+          className: N.rightElement,
           children: S
         }
       ),
-      a && b && /* @__PURE__ */ c(pt, { politeness: "polite", clearAnnouncementDelay: 500, children: ve })
+      a && b && /* @__PURE__ */ c(pt, { politeness: "polite", clearAnnouncementDelay: 500, children: _e })
     ] });
   }
 );
-Tt.displayName = "TextArea";
+Et.displayName = "TextArea";
 export {
-  It as E,
+  Et as $e,
+  At as E,
   Rt as SERVICE_TYPES,
-  Mt as be,
-  rt as de,
-  U as f,
-  Lt as ge,
-  Vt as he,
-  Ut as me,
-  At as n,
-  zt as pe,
-  Ht as restCall,
+  Ut as be,
+  Ht as ge,
+  Mt as he,
+  $t as m,
+  Lt as me,
+  Ot as pe,
+  Vt as restCall,
+  rt as se,
   Bt as serviceCall,
-  Ot as ue,
-  Tt as we
+  Pt as ue,
+  L as y
 };