@versini/sassysaint 5.3.14 → 5.3.16

package/dist/chunks/{index.C37kbuLu.js → index.BnAnY2Vs.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.BQnOdwWT.js";
-import z, { useSyncExternalStore as Ce, useCallback as O, useEffect as $, useContext as R, useRef as f, useState as I, useLayoutEffect as M, useMemo as ie, useId as Ae, useReducer as Ie } from "react";
-import l from "clsx";
-const It = ({
+import { g as Se } from "./index.C_44Odxq.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 = ({
   className: e,
   viewBox: r,
   spacing: t,
@@ -31,26 +31,26 @@ const It = ({
     ]
   }
 );
-function le(e, r) {
+function ie(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), le(e, t);
-}, $e = (e) => {
-  window.localStorage.removeItem(e), le(e, null);
+  window.localStorage.setItem(e, t), ie(e, t);
+}, Ie = (e) => {
+  window.localStorage.removeItem(e), ie(e, null);
 }, ae = (e) => window.localStorage.getItem(e), Re = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
-function $t({
+function It({
   key: e,
   initialValue: r
 }) {
   const t = Ce(Re, () => ae(e)), a = O(
-    (i) => {
+    (l) => {
       try {
-        const s = typeof i == "function" ? i(JSON.parse(t)) : i;
-        s == null ? $e(e) : re(e, s);
+        const s = typeof l == "function" ? l(JSON.parse(t)) : l;
+        s == null ? Ie(e) : re(e, s);
       } catch (s) {
         console.warn(s);
       }
@@ -61,11 +61,11 @@ function $t({
   }, [r, a]), n = O(() => {
     a(null);
   }, [a]);
-  return $(() => {
+  return I(() => {
     try {
       ae(e) === null && typeof r < "u" && re(e, r);
-    } catch (i) {
-      console.warn(i);
+    } catch (l) {
+      console.warn(l);
     }
   }, [e, r]), [t ? JSON.parse(t) : null, a, o, n];
 }
@@ -216,10 +216,10 @@ const _ = {
     });
     if (n.status !== 200)
       return { status: n.status, data: [] };
-    const { data: i, errors: s } = await n.json();
+    const { data: l, errors: s } = await n.json();
     return {
       status: n.status,
-      data: i[r.method],
+      data: l[r.method],
       errors: s
     };
   } catch (o) {
@@ -243,13 +243,13 @@ const _ = {
   });
 };
 /*!
-  @versini/ui-table v1.1.0
+  @versini/ui-table v1.1.1
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TABLE__ || (window.__VERSINI_UI_TABLE__ = {
-    version: "1.1.0",
-    buildTime: "11/19/2024 10:59 AM EST",
+    version: "1.1.1",
+    buildTime: "12/12/2024 05:56 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -264,7 +264,7 @@ 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", Y = "tfoot", T = "tbody", U = {
+}, P = "thead", X = "tfoot", T = "tbody", U = {
   ASC: "asc",
   DESC: "desc"
 }, Le = ({
@@ -275,7 +275,7 @@ const He = (e) => {
   stickyFooter: o,
   spacing: n
 }) => ({
-  wrapper: l(
+  wrapper: i(
     "not-prose relative w-full rounded-lg shadow-md",
     He(n),
     {
@@ -288,13 +288,13 @@ const He = (e) => {
     },
     t
   ),
-  table: l("my-0 w-full text-left text-sm", r, {
+  table: i("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: l("py-2 text-sm font-bold", {
+  caption: i("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",
@@ -304,7 +304,7 @@ const He = (e) => {
   className: e,
   stickyHeader: r,
   mode: t
-}) => l(e, {
+}) => i(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",
@@ -314,7 +314,7 @@ const He = (e) => {
   className: e,
   stickyFooter: r,
   mode: t
-}) => l(e, {
+}) => i(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",
@@ -324,12 +324,12 @@ const He = (e) => {
   mode: e,
   className: r,
   cellWrapper: t
-}) => t === P || t === Y ? l({
+}) => t === P || t === X ? i({
   "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"
-}) : l("border-b last:border-0", r, {
+}) : i("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",
   "border-table-light": e === "light",
@@ -343,17 +343,17 @@ const He = (e) => {
   className: r,
   compact: t,
   mode: a
-}) => l(r, {
+}) => i(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 === Y),
+  "px-4 py-3": !t && (e === P || e === X),
   "p-4": !t && e === T,
   "px-4 py-1": t
 }), ze = ({
   buttonClassName: e
-}) => l("rounded-none text-sm", e), oe = "av-button", Pe = (e) => {
+}) => i("rounded-none text-sm", e), oe = "av-button", Pe = (e) => {
   let r = "";
   if (typeof e == "number" || typeof e == "string")
     r = "m-" + e;
@@ -369,22 +369,22 @@ const He = (e) => {
   labelLeft: a,
   align: o
 }) => {
-  const n = "text-sm font-medium max-h-8 py-0", i = "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", l = "text-base font-medium max-h-9 py-1", s = "text-lg font-medium max-h-12 py-2";
   switch (e) {
     case Fe:
-      return l("px-4", {
+      return i("px-4", {
         [n]: r === "small",
-        [i]: r === "medium",
+        [l]: r === "medium",
         [s]: r === "large"
       });
     case Ge:
-      return l("px-4 text-center", {
+      return i("px-4 text-center", {
         [n]: r === "small",
-        [i]: r === "medium",
+        [l]: r === "medium",
         [s]: r === "large"
       });
     case ce:
-      return l("inline-flex items-center", {
+      return i("inline-flex items-center", {
         "justify-center": o === "center",
         "justify-start": o === "left",
         "justify-end": o === "right",
@@ -396,7 +396,7 @@ const He = (e) => {
         "h-12 px-4 text-lg font-medium": r === "large" && (t || a)
       });
   }
-}, je = ({
+}, We = ({
   mode: e,
   noBackground: r,
   noTruncate: t,
@@ -405,7 +405,7 @@ const He = (e) => {
   if (r)
     return "not-prose rounded-full";
   if (a === "primary")
-    return l("not-prose rounded-full", {
+    return i("not-prose rounded-full", {
       truncate: !t,
       "bg-action-dark text-copy-light": e === "dark",
       "bg-action-light text-copy-lighter": e === "light",
@@ -413,7 +413,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 l("not-prose rounded-full", {
+    return i("not-prose rounded-full", {
       truncate: !t,
       "bg-action-dark text-copy-light": e === "light",
       "bg-action-light text-copy-lighter": e === "dark",
@@ -421,14 +421,14 @@ const He = (e) => {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return l("not-prose rounded-full", {
+    return i("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"
     });
-}, We = ({
+}, je = ({
   mode: e,
   disabled: r,
   variant: t
@@ -436,21 +436,21 @@ const He = (e) => {
   if (r)
     return "";
   if (t === "primary")
-    return l("hover:text-copy-light-hover", {
+    return i("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 l("hover:text-copy-light-hover", {
+    return i("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 l("hover:text-copy-light-hover", {
+    return i("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 +464,21 @@ const He = (e) => {
   if (r)
     return "";
   if (t === "primary")
-    return l("active:text-copy-light-active", {
+    return i("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 l("active:text-copy-light-active", {
+    return i("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 l("active:text-copy-lighter-active", {
+    return i("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,39 +492,39 @@ const He = (e) => {
   if (r)
     return "border border-transparent";
   if (t === "primary")
-    return l("border", {
+    return i("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 l("border", {
+    return i("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 l("border", {
+    return i("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 }) => l("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, Qe = ({ 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"
-}), Ye = ({
+}), Xe = ({
   type: e,
   className: r,
   raw: t,
   mode: a,
   focusMode: o,
   disabled: n,
-  fullWidth: i,
+  fullWidth: l,
   size: s,
   noBorder: d,
   labelRight: m,
@@ -534,21 +534,21 @@ const He = (e) => {
   variant: h,
   noTruncate: b,
   align: w
-}) => (h || (h = "primary"), t ? l(oe, r) : l(
+}) => (h || (h = "primary"), t ? i(oe, r) : i(
   oe,
   r,
   Pe(p),
-  je({ mode: a, variant: h, noBackground: g, noTruncate: b }),
+  We({ mode: a, variant: h, noBackground: g, noTruncate: b }),
   De({ type: e, size: s, labelRight: m, labelLeft: u, align: w }),
   Je({ mode: a, variant: h, noBorder: d }),
   Qe({ focusMode: o }),
-  We({ mode: a, variant: h, disabled: n }),
+  je({ mode: a, variant: h, disabled: n }),
   qe({ mode: a, variant: h, disabled: n }),
   {
-    "w-full": i,
+    "w-full": l,
     "disabled:cursor-not-allowed disabled:opacity-50": n
   }
-)), Xe = (e, r, t) => {
+)), Ye = (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) => {
@@ -558,7 +558,7 @@ const He = (e) => {
     {
       ref: r,
       onClick: (n) => {
-        Xe(n, a, t);
+        Ye(n, a, t);
       },
       ...o
     }
@@ -566,13 +566,13 @@ const He = (e) => {
 });
 de.displayName = "BaseButton";
 /*!
-  @versini/ui-button v1.1.11
+  @versini/ui-button v1.1.12
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "1.1.11",
-    buildTime: "11/19/2024 10:59 AM EST",
+    version: "1.1.12",
+    buildTime: "12/12/2024 05:56 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -586,7 +586,7 @@ const ue = z.forwardRef(
     focusMode: a = "system",
     fullWidth: o = !1,
     className: n,
-    type: i = "button",
+    type: l = "button",
     raw: s = !1,
     noBorder: d = !1,
     "aria-label": m,
@@ -600,7 +600,7 @@ const ue = z.forwardRef(
     active: B = !1,
     ...H
   }, L) => {
-    const F = Ye({
+    const F = Xe({
       type: ce,
       mode: t,
       focusMode: a,
@@ -615,12 +615,12 @@ const ue = z.forwardRef(
       spacing: b,
       noBackground: w,
       align: S
-    }), G = l({
+    }), 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 ? l(
+    }), D = B ? i(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -643,7 +643,7 @@ const ue = z.forwardRef(
         ref: L,
         className: F,
         disabled: r,
-        type: i,
+        type: l,
         "aria-label": m || u,
         ...H,
         children: [
@@ -665,19 +665,19 @@ 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;
-}, X = ({
+}, Y = ({
   children: e,
   fill: r,
   viewBox: t,
   className: a,
   defaultViewBox: o,
   defaultClassName: n,
-  spacing: i,
+  spacing: l,
   title: s,
   semantic: d = !1,
   ...m
 }) => {
-  const u = Ke(i), p = l(
+  const u = Ke(l), p = i(
     u,
     a || n
   );
@@ -700,13 +700,13 @@ const Ke = (e) => {
   ] });
 };
 /*!
-  @versini/ui-private v1.4.18
+  @versini/ui-private v1.4.19
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
-    version: "1.4.18",
-    buildTime: "11/19/2024 10:59 AM EST",
+    version: "1.4.19",
+    buildTime: "12/12/2024 05:56 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -720,7 +720,7 @@ const Ze = ({
   monotone: o,
   ...n
 }) => /* @__PURE__ */ x(
-  X,
+  Y,
   {
     defaultViewBox: "0 0 576 512",
     defaultClassName: "size-5",
@@ -748,7 +748,7 @@ const Ze = ({
   monotone: o,
   ...n
 }) => /* @__PURE__ */ x(
-  X,
+  Y,
   {
     defaultViewBox: "0 0 576 512",
     defaultClassName: "size-5",
@@ -776,7 +776,7 @@ const Ze = ({
   monotone: o,
   ...n
 }) => /* @__PURE__ */ x(
-  X,
+  Y,
   {
     defaultViewBox: "0 0 576 512",
     defaultClassName: "size-5",
@@ -798,13 +798,13 @@ const Ze = ({
   }
 );
 /*!
-  @versini/ui-icons v1.15.2
+  @versini/ui-icons v1.15.3
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "1.15.2",
-    buildTime: "11/19/2024 10:59 AM EST",
+    version: "1.15.3",
+    buildTime: "12/12/2024 05:56 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -823,7 +823,7 @@ const N = z.createContext({
   compact: a,
   summary: o,
   className: n,
-  wrapperClassName: i,
+  wrapperClassName: l,
   maxHeight: s,
   stickyHeader: d,
   stickyFooter: m,
@@ -833,7 +833,7 @@ const N = z.createContext({
   const g = Le({
     mode: r,
     className: n,
-    wrapperClassName: i,
+    wrapperClassName: l,
     stickyHeader: d,
     stickyFooter: m,
     spacing: u
@@ -876,7 +876,7 @@ const N = z.createContext({
   ...t
 }) => {
   const a = R(N);
-  a.cellWrapper = Y;
+  a.cellWrapper = X;
   const o = Me({
     className: r,
     mode: a.mode,
@@ -903,13 +903,13 @@ const N = z.createContext({
   className: t,
   ...a
 }) => {
-  const o = R(N), n = r || (o.cellWrapper === P ? "th" : "td"), i = Oe({
+  const o = R(N), n = r || (o.cellWrapper === P ? "th" : "td"), l = Oe({
     cellWrapper: o.cellWrapper,
     className: t,
     mode: o.mode,
     compact: o.compact
   });
-  return /* @__PURE__ */ c(n, { className: i, ...a, children: e });
+  return /* @__PURE__ */ c(n, { className: l, ...a, children: e });
 }, zt = ({
   align: e,
   children: r,
@@ -917,7 +917,7 @@ const N = z.createContext({
   className: a,
   component: o,
   focusMode: n = "alt-system",
-  mode: i = "alt-system",
+  mode: l = "alt-system",
   onClick: s,
   sortDirection: d,
   sortedCell: m,
@@ -942,7 +942,7 @@ const N = z.createContext({
           align: e,
           noBorder: !0,
           focusMode: n,
-          mode: i,
+          mode: l,
           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 })
@@ -952,13 +952,13 @@ const N = z.createContext({
   );
 };
 /*!
-  @versini/ui-textarea v1.0.9
+  @versini/ui-textarea v1.0.10
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "1.0.9",
-    buildTime: "11/19/2024 10:59 AM EST",
+    version: "1.0.10",
+    buildTime: "12/12/2024 05:56 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -967,19 +967,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 $(() => (e.current = !0, () => {
+  return I(() => (e.current = !0, () => {
     e.current = !1;
   }), []), O(() => e.current, []);
 }
-function it(e) {
-  return ie(() => e.every((r) => r == null) ? () => {
+function lt(e) {
+  return le(() => e.every((r) => r == null) ? () => {
   } : (r) => {
     e.forEach((t) => {
       typeof t == "function" ? t(r) : t != null && (t.current = r);
     });
   }, e);
 }
-const lt = {
+const it = {
   x: 0,
   y: 0,
   width: 0,
@@ -990,15 +990,15 @@ const lt = {
   right: 0
 };
 function st(e) {
-  const r = nt(), t = f(0), a = f(null), [o, n] = I(lt), i = ie(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((s) => {
+  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];
     d && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
       a.current && r() && n(d.contentRect);
     }));
   }), [r]);
-  return $(() => (a.current && (i == null || i.observe(a.current, e)), () => {
-    i == null || i.disconnect(), t.current && cancelAnimationFrame(t.current);
-  }), [i, e]), [a, o];
+  return I(() => (a.current && (l == null || l.observe(a.current, e)), () => {
+    l == null || l.disconnect(), t.current && cancelAnimationFrame(t.current);
+  }), [l, e]), [a, o];
 }
 function ct({
   value: e,
@@ -1008,19 +1008,19 @@ function ct({
   },
   initialControlledDelay: o = 0
 }) {
-  const [n, i] = I(!1), [s, d] = I(
+  const [n, l] = A(!1), [s, d] = A(
     r !== void 0 ? r : t
   ), m = (u) => {
     d(u), a == null || a(u);
   };
-  return $(() => {
+  return I(() => {
     (async () => e !== void 0 && !n && o > 0 && (await new Promise(
       (u) => setTimeout(u, o)
-    ), i(!0)))();
+    ), l(!0)))();
   }, [e, o, n]), e !== void 0 ? !n && o > 0 ? ["", a, !0] : [e, a, !0] : [s, m, !1];
 }
 function dt(e) {
-  const r = Ae();
+  const r = $e();
   if (!e)
     return r;
   if (typeof e == "number" || typeof e == "string")
@@ -1067,7 +1067,7 @@ const he = "SET_ANNOUNCEMENT", ge = "CLEAR_ANNOUNCEMENT", ut = {
   onAnnouncementClear: a,
   dispatch: o
 }) => {
-  (t == null ? void 0 : t.current) !== null && clearTimeout(t.current), e !== null && o({
+  clearTimeout(t.current), e !== null && o({
     type: he,
     payload: e
   }), r && (t.current = setTimeout(
@@ -1084,20 +1084,20 @@ const he = "SET_ANNOUNCEMENT", ge = "CLEAR_ANNOUNCEMENT", ut = {
   clearAnnouncementDelay: a,
   clearAnnouncementTimeoutRef: o,
   onAnnouncementClear: n,
-  dispatch: i
+  dispatch: l
 }) => {
   clearTimeout(r.current), t ? r.current = setTimeout(ne, t, {
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: o,
     onAnnouncementClear: n,
-    dispatch: i
+    dispatch: l
   }) : ne({
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: o,
     onAnnouncementClear: n,
-    dispatch: i
+    dispatch: l
   });
 };
 function pt({
@@ -1107,31 +1107,31 @@ function pt({
   role: a = null,
   announcementDelay: o,
   clearAnnouncementDelay: n,
-  onAnnouncementClear: i,
+  onAnnouncementClear: l,
   visible: s,
   ...d
 }) {
-  const m = f(), u = f(), [p, g] = Ie(mt, {
+  const m = f(null), u = f(null), [p, g] = Ae(mt, {
     announcement: null
   });
   let h = t;
-  typeof h > "u" && (h = a ? ut[a] : "assertive"), $(() => {
+  typeof h > "u" && (h = a ? ut[a] : "assertive"), I(() => {
     gt({
       announcementTimeoutRef: m,
       announcementDelay: o,
       children: e,
       clearAnnouncementDelay: n,
       clearAnnouncementTimeoutRef: u,
-      onAnnouncementClear: i,
+      onAnnouncementClear: l,
       dispatch: g
     });
   }, [
     e,
     o,
     n,
-    i
+    l
   ]);
-  const b = l(r, {
+  const b = i(r, {
     "sr-only": !s
   });
   return /* @__PURE__ */ c(
@@ -1156,13 +1156,13 @@ const bt = (e) => {
   return r;
 };
 /*!
-  @versini/ui-private v1.4.18
+  @versini/ui-private v1.4.19
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
-    version: "1.4.18",
-    buildTime: "11/19/2024 10:59 AM EST",
+    version: "1.4.19",
+    buildTime: "12/12/2024 05:56 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -1170,22 +1170,22 @@ try {
 }
 const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", ft = ({
   mode: e
-}) => l({
+}) => 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"
-}), vt = ({
+}), kt = ({
   focusMode: e
-}) => l("focus:outline focus:outline-2 focus:outline-offset-2", {
+}) => 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"
-}), kt = ({
+}), vt = ({
   noBorder: e,
   error: r
-}) => l("border-2", {
+}) => i("border-2", {
   "border-border-dark": !e && !r,
   "focus:border-border-dark": !e && r,
   "border-border-error-dark": !e && r,
@@ -1199,16 +1199,16 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   if (r)
     return "";
   if (e)
-    return l("absolute px-2 cursor-not-allowed opacity-50 font-medium");
+    return i("absolute px-2 cursor-not-allowed opacity-50 font-medium");
   if (!t)
-    return l("absolute px-2 cursor-text font-medium", {
+    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"
     });
   if (t)
-    return l("absolute px-2 cursor-text font-medium", {
+    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",
@@ -1223,19 +1223,19 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   if (r)
     return "";
   if (a)
-    return l(
+    return i(
       Q,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return l(Q, "absolute px-2 font-medium", {
+    return i(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 l(Q, "absolute px-2 font-medium", {
+    return i(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,24 +1248,24 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   focusMode: a,
   disabled: o,
   noBorder: n,
-  error: i,
+  error: l,
   spacing: s,
   mode: d
 }) => {
-  const m = t ? e : l(
+  const m = t ? e : i(
     "relative flex w-full flex-col justify-center",
     at,
     e,
     bt(s)
-  ), u = t ? l(r) : l(
+  ), u = t ? i(r) : i(
     me,
     r,
     yt(),
     ft({ mode: d }),
-    vt({ focusMode: a }),
-    kt({
+    kt({ focusMode: a }),
+    vt({
       noBorder: n,
-      error: i
+      error: l
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": o
@@ -1273,14 +1273,14 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   ), p = t ? void 0 : "sr-only", g = _t({
     disabled: o,
     raw: t,
-    error: i,
+    error: l,
     mode: d
   }), h = xt({
-    error: i,
+    error: l,
     raw: t,
     mode: d,
     disabled: o
-  }), b = t ? void 0 : l(ot, "absolute");
+  }), b = t ? void 0 : i(ot, "absolute");
   return {
     wrapper: m,
     textArea: u,
@@ -1297,8 +1297,8 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
 }) => {
   let o, n;
   if (e > 0 && e !== r) {
-    const i = e - r, s = Math.abs(i / 24);
-    o = t + -1 * Math.sign(i) * (12 * s), n = a + Math.sign(i) * (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,
@@ -1313,7 +1313,7 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     error: a = !1,
     raw: o = !1,
     className: n,
-    textAreaClassName: i,
+    textAreaClassName: l,
     mode: s = "system",
     focusMode: d = "system",
     value: m,
@@ -1330,11 +1330,11 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     spacing: F,
     ...G
   }, D) => {
-    const v = f(null), pe = it([D, v]), [be, V] = st(), j = f(80), K = f(-25), C = f(null), Z = f(30), W = f(null), A = dt({ id: e, prefix: `${me}-` }), [ye, fe] = I(0), [ve, ee] = I(
+    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(
       !!(!w && b)
-    ), ke = `${r} error, ${b}`, E = wt({
+    ), ve = `${r} error, ${b}`, E = wt({
       className: n,
-      textAreaClassName: i,
+      textAreaClassName: l,
       error: a,
       raw: o,
       focusMode: d,
@@ -1342,7 +1342,7 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       noBorder: g,
       spacing: F,
       mode: s
-    }), [k, _e] = ct({
+    }), [v, _e] = ct({
       value: m,
       initialControlledDelay: 20,
       defaultValue: u,
@@ -1358,42 +1358,42 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     }, we = (y) => {
       w && b && ee(!0), H && H(y);
     }, Ee = (y) => {
-      w && b && !k && ee(!1), L && L(y);
+      w && b && !v && ee(!1), L && L(y);
     };
     return M(() => {
       V && V.width && fe(V.width + 18 + 10);
     }, [V]), M(() => {
-      o || v && v.current && k !== void 0 && (v.current.style.height = "inherit", v.current.style.height = v.current.scrollHeight + "px");
-    }, [k, o]), M(() => {
+      o || k && k.current && v !== void 0 && (k.current.style.height = "inherit", k.current.style.height = k.current.scrollHeight + "px");
+    }, [v, o]), M(() => {
       o || setTimeout(() => {
         var y;
         (y = C == null ? void 0 : C.current) == null || y.style.setProperty(
           "--av-text-area-wrapper-transition",
-          k ? "none" : "all 0.2s ease-out"
+          v ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [k, o]), M(() => {
+    }, [v, o]), M(() => {
       var y, te;
-      if (!o && v && v.current && k !== void 0) {
+      if (!o && k && k.current && v !== void 0) {
         const { labelOffset: q, helperTextOffset: J, scrollHeight: Te } = Et({
-          scrollHeight: v.current.scrollHeight,
-          currentHeight: j.current,
+          scrollHeight: k.current.scrollHeight,
+          currentHeight: W.current,
           currentLabelOffset: K.current,
           currentHelperTextOffset: Z.current
         });
         q && (K.current = q, (y = C == null ? void 0 : C.current) == null || y.style.setProperty(
           "--av-text-area-label",
           `${q}px`
-        )), J && (Z.current = J, (te = W == null ? void 0 : W.current) == null || te.style.setProperty(
+        )), J && (Z.current = J, (te = j == null ? void 0 : j.current) == null || te.style.setProperty(
           "--av-text-area-helper-text",
           `${J}px`
-        )), j.current = Te || j.current;
+        )), W.current = Te || W.current;
       }
-    }, [k, o]), /* @__PURE__ */ x("div", { className: E.wrapper, children: [
+    }, [v, o]), /* @__PURE__ */ x("div", { className: E.wrapper, children: [
       /* @__PURE__ */ c(
         "label",
         {
-          htmlFor: A,
+          htmlFor: $,
           id: h,
           className: E.accessibleLabel,
           children: t
@@ -1403,16 +1403,16 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         "textarea",
         {
           ref: pe,
-          id: A,
+          id: $,
           name: r,
           disabled: p,
           placeholder: o ? void 0 : " ",
           className: E.textArea,
           rows: 1,
-          ...b && { "aria-describedby": `${A}-helper` },
+          ...b && { "aria-describedby": `${$}-helper` },
           ...a && { "aria-invalid": "true" },
           ...S && !o && { style: { paddingRight: ye } },
-          value: k,
+          value: v,
           onChange: xe,
           onFocus: we,
           onBlur: Ee,
@@ -1424,16 +1424,16 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
         {
           ref: C,
           "aria-hidden": !0,
-          htmlFor: A,
+          htmlFor: $,
           className: E.visibleLabel,
           children: t
         }
       ),
-      ve && /* @__PURE__ */ c(
+      ke && /* @__PURE__ */ c(
         "div",
         {
-          ref: W,
-          id: `${A}-helper`,
+          ref: j,
+          id: `${$}-helper`,
           className: E.helperText,
           children: b
         }
@@ -1446,13 +1446,13 @@ const yt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           children: S
         }
       ),
-      a && b && /* @__PURE__ */ c(pt, { politeness: "polite", clearAnnouncementDelay: 500, children: ke })
+      a && b && /* @__PURE__ */ c(pt, { politeness: "polite", clearAnnouncementDelay: 500, children: ve })
     ] });
   }
 );
 Tt.displayName = "TextArea";
 export {
-  $t as E,
+  It as E,
   Rt as SERVICE_TYPES,
   Mt as be,
   rt as de,
@@ -1460,7 +1460,7 @@ export {
   Lt as ge,
   Vt as he,
   Ut as me,
-  It as n,
+  At as n,
   zt as pe,
   Ht as restCall,
   Bt as serviceCall,