@versini/sassysaint 5.4.11 → 5.4.13

package/dist/chunks/{index.C-b6HJz9.js → index.Ck3nAtox.js}

@@ -1,18 +1,18 @@
-import { jsxs as x, jsx as s, Fragment as Ne } from "react/jsx-runtime";
-import { g as Te } from "./index.BawXN3eR.js";
+import { jsxs as x, jsx as s, Fragment as Te } from "react/jsx-runtime";
+import { g as Ne } from "./index.CxzLMGVa.js";
 import U, { useSyncExternalStore as Se, useCallback as M, useEffect as A, useContext as R, useRef as k, useState as $, useLayoutEffect as V, useMemo as ie, useId as Ce, useReducer as Ie } from "react";
 import i from "clsx";
-const Nt = ({
+const Tt = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: a,
   ...o
 }) => /* @__PURE__ */ x(
-  Te,
+  Ne,
   {
     defaultViewBox: "0 0 512 512",
-    defaultClassName: "size-5",
+    size: "size-5",
     viewBox: r,
     className: e,
     title: t || "Edit",
@@ -40,23 +40,23 @@ const te = (e, r) => {
 }, $e = (e) => {
   window.localStorage.removeItem(e), ne(e, null);
 }, re = (e) => window.localStorage.getItem(e), Ae = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
-function Tt({
+function Nt({
   key: e,
   initialValue: r
 }) {
   const t = Se(Ae, () => re(e)), a = M(
     (n) => {
       try {
-        const c = typeof n == "function" ? n(JSON.parse(t)) : n;
-        c == null ? $e(e) : te(e, c);
-      } catch (c) {
-        console.warn(c);
+        const l = typeof n == "function" ? n(JSON.parse(t)) : n;
+        l == null ? $e(e) : te(e, l);
+      } catch (l) {
+        console.warn(l);
       }
     },
     [e, t]
   ), o = M(() => {
     a(r);
-  }, [r, a]), l = M(() => {
+  }, [r, a]), c = M(() => {
     a(null);
   }, [a]);
   return A(() => {
@@ -65,7 +65,7 @@ function Tt({
     } catch (n) {
       console.warn(n);
     }
-  }, [e, r]), [t ? JSON.parse(t) : null, a, o, l];
+  }, [e, r]), [t ? JSON.parse(t) : null, a, o, c];
 }
 const _ = {
   GET_LOCATION: `query GetLocation($latitude: Float!, $longitude: Float!) {
@@ -204,11 +204,11 @@ const _ = {
     schema: _.SET_USER_PREFERENCES,
     method: "setUserPreferences"
   }
-}, le = process.env.PUBLIC_SASSY_API_SERVER_URL, Re = async ({
+}, ce = process.env.PUBLIC_SASSY_API_SERVER_URL, Re = async ({
   query: e,
   data: r,
   headers: t = {}
-}) => await fetch(`${le}/graphql`, {
+}) => await fetch(`${ce}/graphql`, {
   method: "POST",
   credentials: "include",
   headers: {
@@ -227,20 +227,20 @@ const _ = {
 }) => {
   const a = r != null && r.data ? r.data(t) : t;
   try {
-    const o = `Bearer ${e}`, l = await Re({
+    const o = `Bearer ${e}`, c = await Re({
       headers: {
         authorization: o
       },
       query: r.schema,
       data: a
     });
-    if (l.status !== 200)
-      return { status: l.status, data: [] };
-    const { data: n, errors: c } = await l.json();
+    if (c.status !== 200)
+      return { status: c.status, data: [] };
+    const { data: n, errors: l } = await c.json();
     return {
-      status: l.status,
+      status: c.status,
       data: n[r.method],
-      errors: c
+      errors: l
     };
   } catch (o) {
     return console.error(o), { status: 500, data: [] };
@@ -252,7 +252,7 @@ const _ = {
   method: a = "POST"
 }) => {
   const o = `Bearer ${e}`;
-  return await fetch(`${le}/api/${r}`, {
+  return await fetch(`${ce}/api/${r}`, {
     method: a,
     credentials: "include",
     headers: {
@@ -263,19 +263,19 @@ const _ = {
   });
 };
 /*!
-  @versini/ui-table v2.0.2
+  @versini/ui-table v2.0.5
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TABLE__ || (window.__VERSINI_UI_TABLE__ = {
-    version: "2.0.2",
-    buildTime: "12/30/2024 12:27 PM EST",
+    version: "2.0.5",
+    buildTime: "12/30/2024 05:27 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const P = "thead", Q = "tfoot", N = "tbody", O = {
+const P = "thead", Q = "tfoot", T = "tbody", O = {
   ASC: "asc",
   DESC: "desc"
 }, Be = ({
@@ -322,7 +322,7 @@ const P = "thead", Q = "tfoot", N = "tbody", O = {
     "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 = ({
+), ze = ({
   className: e,
   stickyFooter: r,
   mode: t
@@ -335,7 +335,7 @@ const P = "thead", Q = "tfoot", N = "tbody", O = {
     "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
-), ze = ({
+), Le = ({
   mode: e,
   className: r,
   cellWrapper: t
@@ -351,13 +351,13 @@ const P = "thead", Q = "tfoot", N = "tbody", O = {
   "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 === T && 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 === T && 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 === T && 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 === T && e === "alt-system"
   },
   r
 ), Ve = ({
@@ -372,34 +372,34 @@ const P = "thead", Q = "tfoot", N = "tbody", O = {
     "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 === Q),
-    "p-4": !t && e === N,
+    "p-4": !t && e === T,
     "px-2 py-1.5": t
   },
   r
 ), Oe = ({
   buttonClassName: e
-}) => i("rounded-none text-sm", e), ae = "av-button", ce = "icon", Me = "button", Ue = "link", Pe = ({
+}) => i("rounded-none text-sm", e), ae = "av-button", le = "icon", Me = "button", Ue = "link", Pe = ({
   type: e,
   size: r,
   labelRight: t,
   labelLeft: a,
   align: o
 }) => {
-  const l = "text-sm font-medium max-h-8 py-0", n = "text-base font-medium max-h-9 py-1", c = "text-lg font-medium max-h-12 py-2";
+  const c = "text-sm font-medium max-h-8 py-0", n = "text-base font-medium max-h-9 py-1", l = "text-lg font-medium max-h-12 py-2";
   switch (e) {
     case Me:
       return i("px-4", {
-        [l]: r === "small",
+        [c]: r === "small",
         [n]: r === "medium",
-        [c]: r === "large"
+        [l]: r === "large"
       });
     case Ue:
       return i("px-4 text-center", {
-        [l]: r === "small",
+        [c]: r === "small",
         [n]: r === "medium",
-        [c]: r === "large"
+        [l]: r === "large"
       });
-    case ce:
+    case le:
       return i("inline-flex items-center", {
         "justify-center": o === "center",
         "justify-start": o === "left",
@@ -587,9 +587,9 @@ const P = "thead", Q = "tfoot", N = "tbody", O = {
   raw: t,
   mode: a,
   focusMode: o,
-  disabled: l,
+  disabled: c,
   fullWidth: n,
-  size: c,
+  size: l,
   noBorder: d,
   labelRight: u,
   labelLeft: m,
@@ -607,14 +607,14 @@ const P = "thead", Q = "tfoot", N = "tbody", O = {
     noTruncate: b,
     radius: w
   }),
-  Pe({ type: e, size: c, labelRight: u, labelLeft: m, align: p }),
+  Pe({ type: e, size: l, labelRight: u, labelLeft: m, align: p }),
   We({ mode: a, variant: h, noBorder: d }),
   je({ focusMode: o }),
-  Ge({ mode: a, variant: h, disabled: l }),
-  De({ mode: a, variant: h, disabled: l }),
+  Ge({ mode: a, variant: h, disabled: c }),
+  De({ mode: a, variant: h, disabled: c }),
   {
     "w-full": n,
-    "disabled:cursor-not-allowed disabled:opacity-50": l
+    "disabled:cursor-not-allowed disabled:opacity-50": c
   },
   r
 )), Je = (e, r, t) => {
@@ -626,8 +626,8 @@ const P = "thead", Q = "tfoot", N = "tbody", O = {
     "button",
     {
       ref: r,
-      onClick: (l) => {
-        Je(l, a, t);
+      onClick: (c) => {
+        Je(c, a, t);
       },
       ...o
     }
@@ -635,13 +635,13 @@ const P = "thead", Q = "tfoot", N = "tbody", O = {
 });
 se.displayName = "BaseButton";
 /*!
-  @versini/ui-button v2.2.0
+  @versini/ui-button v3.0.1
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "2.2.0",
-    buildTime: "12/30/2024 12:27 PM EST",
+    version: "3.0.1",
+    buildTime: "12/30/2024 05:27 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -654,9 +654,9 @@ const de = U.forwardRef(
     mode: t = "system",
     focusMode: a = "system",
     fullWidth: o = !1,
-    className: l,
+    className: c,
     type: n = "button",
-    raw: c = !1,
+    raw: l = !1,
     noBorder: d = !1,
     "aria-label": u,
     label: m,
@@ -668,15 +668,15 @@ const de = U.forwardRef(
     active: S = !1,
     radius: B = "large",
     ...H
-  }, L) => {
+  }, z) => {
     const F = qe({
-      type: ce,
+      type: le,
       mode: t,
       focusMode: a,
       fullWidth: o,
       disabled: r,
-      raw: c,
-      className: l,
+      raw: l,
+      className: c,
       noBorder: d,
       size: g,
       labelRight: h,
@@ -685,10 +685,10 @@ const de = U.forwardRef(
       align: w,
       radius: B
     }), G = i({
-      "text-copy-accent-dark": t === "light" && !c,
-      "text-copy-light": t === "dark" && !c,
-      "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !c,
-      "text-copy-light dark:text-copy-accent-dark": t === "system" && !c
+      "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
     }), f = S ? i(
       "relative",
       "focus-within:static",
@@ -709,7 +709,7 @@ const de = U.forwardRef(
     return /* @__PURE__ */ s("div", { className: f, children: /* @__PURE__ */ x(
       se,
       {
-        ref: L,
+        ref: z,
         className: F,
         disabled: r,
         type: n,
@@ -731,13 +731,13 @@ const X = ({
   viewBox: t,
   className: a,
   defaultViewBox: o,
-  defaultClassName: l,
+  size: c,
   title: n,
-  semantic: c = !1,
+  semantic: l = !1,
   ...d
 }) => {
-  const u = i(a || l);
-  return /* @__PURE__ */ x(Ne, { children: [
+  const u = i(c, a);
+  return /* @__PURE__ */ x(Te, { children: [
     /* @__PURE__ */ s(
       "svg",
       {
@@ -746,23 +746,23 @@ const X = ({
         viewBox: t || o,
         fill: r || "currentColor",
         role: "img",
-        "aria-hidden": !c,
+        "aria-hidden": !l,
         focusable: !1,
         ...d,
         children: e
       }
     ),
-    n && c && /* @__PURE__ */ s("span", { className: "sr-only", children: n })
+    n && l && /* @__PURE__ */ s("span", { className: "sr-only", children: n })
   ] });
 };
 /*!
-  @versini/ui-svgicon v2.0.2
+  @versini/ui-svgicon v3.0.1
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "2.0.2",
-    buildTime: "12/30/2024 12:27 PM EST",
+    version: "3.0.1",
+    buildTime: "12/30/2024 05:27 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -778,7 +778,7 @@ const Qe = ({
   X,
   {
     defaultViewBox: "0 0 576 512",
-    defaultClassName: "size-5",
+    size: "size-5",
     viewBox: r,
     className: e,
     title: t || "Sort",
@@ -804,7 +804,7 @@ const Qe = ({
   X,
   {
     defaultViewBox: "0 0 576 512",
-    defaultClassName: "size-5",
+    size: "size-5",
     viewBox: r,
     className: e,
     title: t || "Sort Down",
@@ -830,7 +830,7 @@ const Qe = ({
   X,
   {
     defaultViewBox: "0 0 576 512",
-    defaultClassName: "size-5",
+    size: "size-5",
     viewBox: r,
     className: e,
     title: t || "Sort Up",
@@ -848,19 +848,19 @@ const Qe = ({
   }
 );
 /*!
-  @versini/ui-icons v2.0.2
+  @versini/ui-icons v3.0.1
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "2.0.2",
-    buildTime: "12/30/2024 12:27 PM EST",
+    version: "3.0.1",
+    buildTime: "12/30/2024 05:27 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const T = U.createContext({
+const N = U.createContext({
   mode: "light",
   cellWrapper: "thead",
   stickyHeader: !1,
@@ -872,30 +872,30 @@ const T = U.createContext({
   caption: t,
   compact: a,
   summary: o,
-  className: l,
+  className: c,
   wrapperClassName: n,
-  maxHeight: c,
+  maxHeight: l,
   stickyHeader: d,
   stickyFooter: u,
   ...m
 }) => {
   const g = Be({
     mode: r,
-    className: l,
+    className: c,
     wrapperClassName: n,
     stickyHeader: d,
     stickyFooter: u
   });
   return /* @__PURE__ */ s(
-    T.Provider,
+    N.Provider,
     {
       value: { mode: r, stickyHeader: d, stickyFooter: u, compact: a },
       children: /* @__PURE__ */ s(
         "div",
         {
           className: g.wrapper,
-          ...c && {
-            style: { maxHeight: c }
+          ...l && {
+            style: { maxHeight: l }
           },
           children: /* @__PURE__ */ x("table", { className: g.table, summary: o, ...m, children: [
             t && /* @__PURE__ */ s("caption", { className: g.caption, children: t }),
@@ -910,7 +910,7 @@ const T = U.createContext({
   className: r,
   ...t
 }) => {
-  const a = R(T);
+  const a = R(N);
   a.cellWrapper = P;
   const o = He({
     className: r,
@@ -923,23 +923,23 @@ const T = U.createContext({
   className: r,
   ...t
 }) => {
-  const a = R(T);
+  const a = R(N);
   a.cellWrapper = Q;
-  const o = Le({
+  const o = ze({
     className: r,
     mode: a.mode,
     stickyFooter: a.stickyFooter
   });
   return /* @__PURE__ */ s("tfoot", { className: o, ...t, children: e });
 }, Bt = ({ children: e, ...r }) => {
-  const t = R(T);
-  return t.cellWrapper = N, /* @__PURE__ */ s("tbody", { ...r, children: e });
+  const t = R(N);
+  return t.cellWrapper = T, /* @__PURE__ */ s("tbody", { ...r, children: e });
 }, Ht = ({
   children: e,
   className: r,
   ...t
 }) => {
-  const a = R(T), o = ze({
+  const a = R(N), o = Le({
     mode: a.mode,
     cellWrapper: a.cellWrapper,
     className: r
@@ -951,22 +951,22 @@ const T = U.createContext({
   className: t,
   ...a
 }) => {
-  const o = R(T), l = r || (o.cellWrapper === P ? "th" : "td"), n = Ve({
+  const o = R(N), c = r || (o.cellWrapper === P ? "th" : "td"), n = Ve({
     cellWrapper: o.cellWrapper,
     className: t,
     mode: o.mode,
     compact: o.compact
   });
-  return /* @__PURE__ */ s(l, { className: n, ...a, children: e });
-}, Lt = ({
+  return /* @__PURE__ */ s(c, { className: n, ...a, children: e });
+}, zt = ({
   align: e,
   children: r,
   buttonClassName: t,
   className: a,
   component: o,
-  focusMode: l = "alt-system",
+  focusMode: c = "alt-system",
   mode: n = "alt-system",
-  onClick: c,
+  onClick: l,
   sortDirection: d,
   sortedCell: u,
   cellId: m,
@@ -986,10 +986,10 @@ const T = U.createContext({
         {
           active: u === m,
           className: h,
-          onClick: c,
+          onClick: l,
           align: e,
           noBorder: !0,
-          focusMode: l,
+          focusMode: c,
           mode: n,
           fullWidth: !0,
           labelRight: r,
@@ -1000,13 +1000,13 @@ const T = U.createContext({
   );
 };
 /*!
-  @versini/ui-textarea v2.0.2
+  @versini/ui-textarea v2.0.4
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "2.0.2",
-    buildTime: "12/30/2024 12:27 PM EST",
+    version: "2.0.4",
+    buildTime: "12/30/2024 05:27 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -1038,10 +1038,10 @@ const at = {
   right: 0
 };
 function ot(e) {
-  const r = tt(), t = k(0), a = k(null), [o, l] = $(at), n = ie(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
-    const d = c[0];
+  const r = tt(), t = k(0), a = k(null), [o, c] = $(at), n = ie(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((l) => {
+    const d = l[0];
     d && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
-      a.current && r() && l(d.contentRect);
+      a.current && r() && c(d.contentRect);
     }));
   }), [r]);
   return A(() => (a.current && (n == null || n.observe(a.current, e)), () => {
@@ -1056,16 +1056,16 @@ function it({
   },
   initialControlledDelay: o = 0
 }) {
-  const [l, n] = $(!1), [c, d] = $(
+  const [c, n] = $(!1), [l, d] = $(
     r !== void 0 ? r : t
   ), u = (m) => {
     d(m), a == null || a(m);
   };
   return A(() => {
-    (async () => e !== void 0 && !l && o > 0 && (await new Promise(
+    (async () => e !== void 0 && !c && o > 0 && (await new Promise(
       (m) => setTimeout(m, o)
     ), n(!0)))();
-  }, [e, o, l]), e !== void 0 ? !l && o > 0 ? ["", a, !0] : [e, a, !0] : [c, u, !1];
+  }, [e, o, c]), e !== void 0 ? !c && o > 0 ? ["", a, !0] : [e, a, !0] : [l, u, !1];
 }
 function nt(e) {
   const r = Ce();
@@ -1078,7 +1078,7 @@ function nt(e) {
     return typeof t == "number" || typeof t == "string" ? `${a}${t}` : `${a}${r}`;
   }
 }
-const me = "SET_ANNOUNCEMENT", he = "CLEAR_ANNOUNCEMENT", lt = {
+const me = "SET_ANNOUNCEMENT", he = "CLEAR_ANNOUNCEMENT", ct = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -1086,7 +1086,7 @@ const me = "SET_ANNOUNCEMENT", he = "CLEAR_ANNOUNCEMENT", lt = {
   progressbar: null,
   status: "polite",
   timer: "assertive"
-}, ct = (e, r) => {
+}, lt = (e, r) => {
   switch (r == null ? void 0 : r.type) {
     case me:
       return {
@@ -1131,20 +1131,20 @@ const me = "SET_ANNOUNCEMENT", he = "CLEAR_ANNOUNCEMENT", lt = {
   announcementDelay: t,
   clearAnnouncementDelay: a,
   clearAnnouncementTimeoutRef: o,
-  onAnnouncementClear: l,
+  onAnnouncementClear: c,
   dispatch: n
 }) => {
   clearTimeout(r.current), t ? r.current = setTimeout(oe, t, {
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: o,
-    onAnnouncementClear: l,
+    onAnnouncementClear: c,
     dispatch: n
   }) : oe({
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: o,
-    onAnnouncementClear: l,
+    onAnnouncementClear: c,
     dispatch: n
   });
 };
@@ -1154,21 +1154,21 @@ function ut({
   politeness: t,
   role: a = null,
   announcementDelay: o,
-  clearAnnouncementDelay: l,
+  clearAnnouncementDelay: c,
   onAnnouncementClear: n,
-  visible: c,
+  visible: l,
   ...d
 }) {
-  const u = k(null), m = k(null), [g, h] = Ie(ct, {
+  const u = k(null), m = k(null), [g, h] = Ie(lt, {
     announcement: null
   });
   let b = t;
-  typeof b > "u" && (b = a ? lt[a] : "assertive"), A(() => {
+  typeof b > "u" && (b = a ? ct[a] : "assertive"), A(() => {
     dt({
       announcementTimeoutRef: u,
       announcementDelay: o,
       children: e,
-      clearAnnouncementDelay: l,
+      clearAnnouncementDelay: c,
       clearAnnouncementTimeoutRef: m,
       onAnnouncementClear: n,
       dispatch: h
@@ -1176,11 +1176,11 @@ function ut({
   }, [
     e,
     o,
-    l,
+    c,
     n
   ]);
   const p = i(r, {
-    "sr-only": !c
+    "sr-only": !l
   });
   return /* @__PURE__ */ s(
     "div",
@@ -1194,13 +1194,13 @@ function ut({
   );
 }
 /*!
-  @versini/ui-liveregion v1.2.4
+  @versini/ui-liveregion v1.2.6
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
-    version: "1.2.4",
-    buildTime: "12/30/2024 12:27 PM EST",
+    version: "1.2.6",
+    buildTime: "12/30/2024 05:27 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -1285,9 +1285,9 @@ const mt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   raw: t,
   focusMode: a,
   disabled: o,
-  noBorder: l,
+  noBorder: c,
   error: n,
-  mode: c
+  mode: l
 }) => {
   const d = t ? e : i(
     "relative flex w-full flex-col justify-center",
@@ -1297,10 +1297,10 @@ const mt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     ue,
     r,
     mt(),
-    ht({ mode: c }),
+    ht({ mode: l }),
     gt({ focusMode: a }),
     bt({
-      noBorder: l,
+      noBorder: c,
       error: n
     }),
     {
@@ -1310,11 +1310,11 @@ const mt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     disabled: o,
     raw: t,
     error: n,
-    mode: c
+    mode: l
   }), h = yt({
     error: n,
     raw: t,
-    mode: c,
+    mode: l,
     disabled: o
   }), b = t ? void 0 : i(et, "absolute");
   return {
@@ -1331,14 +1331,14 @@ const mt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   currentLabelOffset: t = 0,
   currentHelperTextOffset: a = 0
 }) => {
-  let o, l;
+  let o, c;
   if (e > 0 && e !== r) {
-    const n = e - r, c = Math.abs(n / 24);
-    o = t + -1 * Math.sign(n) * (12 * c), l = a + Math.sign(n) * (12 * c);
+    const n = e - r, l = Math.abs(n / 24);
+    o = t + -1 * Math.sign(n) * (12 * l), c = a + Math.sign(n) * (12 * l);
   }
   return {
     labelOffset: o,
-    helperTextOffset: l,
+    helperTextOffset: c,
     scrollHeight: e
   };
 }, vt = U.forwardRef(
@@ -1348,9 +1348,9 @@ const mt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     label: t,
     error: a = !1,
     raw: o = !1,
-    className: l,
+    className: c,
     textAreaClassName: n,
-    mode: c = "system",
+    mode: l = "system",
     focusMode: d = "system",
     value: u,
     defaultValue: m,
@@ -1362,20 +1362,20 @@ const mt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     rightElement: S,
     onChange: B,
     onFocus: H,
-    onBlur: L,
+    onBlur: z,
     ...F
   }, G) => {
-    const f = k(null), ge = rt([G, f]), [be, z] = ot(), D = k(80), Y = k(-25), C = k(null), K = k(30), W = k(null), I = nt({ id: e, prefix: `${ue}-` }), [pe, ye] = $(0), [fe, Z] = $(
+    const f = k(null), ge = rt([G, f]), [be, L] = ot(), D = k(80), Y = k(-25), C = k(null), K = k(30), W = k(null), I = nt({ id: e, prefix: `${ue}-` }), [pe, ye] = $(0), [fe, Z] = $(
       !!(!w && p)
     ), ke = `${r} error, ${p}`, E = ft({
-      className: l,
+      className: c,
       textAreaClassName: n,
       error: a,
       raw: o,
       focusMode: d,
       disabled: g,
       noBorder: h,
-      mode: c
+      mode: l
     }), [v, ve] = it({
       value: u,
       initialControlledDelay: 20,
@@ -1392,11 +1392,11 @@ const mt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     }, xe = (y) => {
       w && p && Z(!0), H && H(y);
     }, we = (y) => {
-      w && p && !v && Z(!1), L && L(y);
+      w && p && !v && Z(!1), z && z(y);
     };
     return V(() => {
-      z && z.width && ye(z.width + 18 + 10);
-    }, [z]), V(() => {
+      L && L.width && ye(L.width + 18 + 10);
+    }, [L]), V(() => {
       o || f && f.current && v !== void 0 && (f.current.style.height = "inherit", f.current.style.height = f.current.scrollHeight + "px");
     }, [v, o]), V(() => {
       o || setTimeout(() => {
@@ -1486,14 +1486,14 @@ const mt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
 );
 vt.displayName = "TextArea";
 export {
-  Tt as E,
+  Nt as E,
   vt as Le,
   St as SERVICE_TYPES,
-  Lt as be,
+  zt as be,
   $t as ce,
   O as f,
   Bt as ge,
-  Nt as h,
+  Tt as h,
   Ht as he,
   Rt as ne,
   Ke as oe,