@versini/sassysaint 5.4.6 → 5.4.8

package/dist/chunks/{index.CTDNajS_.js → index.B4Bqf6o5.js}

@@ -1,75 +1,73 @@
-import { jsxs as x, jsx as c, Fragment as Te } from "react/jsx-runtime";
-import { g as Se } from "./index.sbHwdUKv.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 = ({
+import { jsxs as x, jsx as s, Fragment as Ne } from "react/jsx-runtime";
+import { g as Te } from "./index.BNHOCJ2P.js";
+import U, { useSyncExternalStore as Se, useCallback as z, useEffect as $, useContext as R, useRef as k, useState as A, useLayoutEffect as O, useMemo as ne, useId as Ce, useReducer as Ie } from "react";
+import n from "clsx";
+const Nt = ({
   className: e,
   viewBox: r,
-  spacing: t,
-  title: a,
-  monotone: o,
-  ...n
+  title: t,
+  monotone: a,
+  ...o
 }) => /* @__PURE__ */ x(
-  Se,
+  Te,
   {
     defaultViewBox: "0 0 512 512",
     defaultClassName: "size-5",
     viewBox: r,
     className: e,
-    spacing: t,
-    title: a || "Edit",
-    ...n,
+    title: t || "Edit",
+    ...o,
     children: [
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ s(
         "path",
         {
-          opacity: o ? "1" : "0.4",
+          opacity: a ? "1" : "0.4",
           d: "M0 160c0-53 43-96 96-96h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H96c-17.7 0-32 14.3-32 32V416c0 17.7 14.3 32 32 32H352c17.7 0 32-14.3 32-32V320c0-17.7 14.3-32 32-32s32 14.3 32 32v96c0 53-43 96-96 96H96c-53 0-96-43-96-96V160z"
         }
       ),
-      /* @__PURE__ */ c("path", { d: "M392.4 21.7L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0zM339.7 74.3L172.4 241.7c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3z" })
+      /* @__PURE__ */ s("path", { d: "M392.4 21.7L362.3 51.7l97.9 97.9 30.1-30.1c21.9-21.9 21.9-57.3 0-79.2L471.6 21.7c-21.9-21.9-57.3-21.9-79.2 0zM339.7 74.3L172.4 241.7c-6.1 6.1-10.8 13.6-13.5 21.9l-29.6 88.8c-2.9 8.6-.6 18.1 5.8 24.6s15.9 8.7 24.6 5.8l88.8-29.6c8.2-2.7 15.7-7.4 21.9-13.5L437.7 172.3 339.7 74.3z" })
     ]
   }
 );
-function se(e, r) {
+function le(e, r) {
   window.dispatchEvent(new StorageEvent("storage", { key: e, newValue: r }));
 }
-const re = (e, r) => {
+const te = (e, r) => {
   const t = JSON.stringify(
     typeof r == "function" ? r() : r
   );
-  window.localStorage.setItem(e, t), se(e, t);
+  window.localStorage.setItem(e, t), le(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 At({
+  window.localStorage.removeItem(e), le(e, null);
+}, re = (e) => window.localStorage.getItem(e), $e = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
+function Tt({
   key: e,
   initialValue: r
 }) {
-  const t = Ie(Re, () => ae(e)), a = P(
-    (i) => {
+  const t = Se($e, () => re(e)), a = z(
+    (l) => {
       try {
-        const l = typeof i == "function" ? i(JSON.parse(t)) : i;
-        l == null ? Ae(e) : re(e, l);
-      } catch (l) {
-        console.warn(l);
+        const c = typeof l == "function" ? l(JSON.parse(t)) : l;
+        c == null ? Ae(e) : te(e, c);
+      } catch (c) {
+        console.warn(c);
       }
     },
     [e, t]
-  ), o = P(() => {
+  ), o = z(() => {
     a(r);
-  }, [r, a]), n = P(() => {
+  }, [r, a]), i = z(() => {
     a(null);
   }, [a]);
-  return A(() => {
+  return $(() => {
     try {
-      ae(e) === null && typeof r < "u" && re(e, r);
-    } catch (i) {
-      console.warn(i);
+      re(e) === null && typeof r < "u" && te(e, r);
+    } catch (l) {
+      console.warn(l);
     }
-  }, [e, r]), [t ? JSON.parse(t) : null, a, o, n];
+  }, [e, r]), [t ? JSON.parse(t) : null, a, o, i];
 }
-const k = {
+const _ = {
   GET_LOCATION: `query GetLocation($latitude: Float!, $longitude: Float!) {
     location(latitude: $latitude, longitude: $longitude) {
     	country
@@ -78,8 +76,18 @@ const k = {
 			displayName
     }
   }`,
-  GET_CHATS: `query GetChats($userId: String!, $searchString: String, $limit: Float) {
-		chats(user: $userId, searchString: $searchString, limit: $limit) {
+  GET_CHATS: `query GetChats(
+	$userId: String!,
+	$searchString: String,
+	$limit: Float,
+	$direction: String,
+	$truncateSize: Float) {
+		chats(
+		user: $userId,
+		searchString: $searchString,
+		limit: $limit,
+		direction: $direction,
+		truncateSize: $truncateSize) {
 			timestamp
 			id
 			model
@@ -151,44 +159,44 @@ const k = {
 			engine: $engine,
 			tags: $tags)
 	}`
-}, Rt = {
+}, St = {
   GET_LOCATION: {
-    schema: k.GET_LOCATION,
+    schema: _.GET_LOCATION,
     method: "location"
   },
   GET_CHATS: {
-    schema: k.GET_CHATS,
+    schema: _.GET_CHATS,
     method: "chats"
   },
   GET_CHATS_STATS: {
-    schema: k.GET_CHATS_STATS,
+    schema: _.GET_CHATS_STATS,
     method: "chatsStats"
   },
   GET_CHAT: {
-    schema: k.GET_CHAT,
+    schema: _.GET_CHAT,
     method: "chatById"
   },
   DELETE_CHAT: {
-    schema: k.DELETE_CHAT,
+    schema: _.DELETE_CHAT,
     method: "deleteChat"
   },
   ABOUT: {
-    schema: k.ABOUT,
+    schema: _.ABOUT,
     method: "about"
   },
   GET_USER_PREFERENCES: {
-    schema: k.GET_USER_PREFERENCES,
+    schema: _.GET_USER_PREFERENCES,
     method: "getUserPreferences"
   },
   SET_USER_PREFERENCES: {
-    schema: k.SET_USER_PREFERENCES,
+    schema: _.SET_USER_PREFERENCES,
     method: "setUserPreferences"
   }
-}, le = process.env.PUBLIC_SASSY_API_SERVER_URL, Be = async ({
+}, ie = process.env.PUBLIC_SASSY_API_SERVER_URL, Re = async ({
   query: e,
   data: r,
   headers: t = {}
-}) => await fetch(`${le}/graphql`, {
+}) => await fetch(`${ie}/graphql`, {
   method: "POST",
   credentials: "include",
   headers: {
@@ -200,39 +208,39 @@ const k = {
     query: e,
     variables: r
   })
-}), Bt = async ({
+}), Ct = async ({
   accessToken: e,
   type: r,
   params: t = {}
 }) => {
   const a = r != null && r.data ? r.data(t) : t;
   try {
-    const o = `Bearer ${e}`, n = await Be({
+    const o = `Bearer ${e}`, i = await Re({
       headers: {
         authorization: o
       },
       query: r.schema,
       data: a
     });
-    if (n.status !== 200)
-      return { status: n.status, data: [] };
-    const { data: i, errors: l } = await n.json();
+    if (i.status !== 200)
+      return { status: i.status, data: [] };
+    const { data: l, errors: c } = await i.json();
     return {
-      status: n.status,
-      data: i[r.method],
-      errors: l
+      status: i.status,
+      data: l[r.method],
+      errors: c
     };
   } catch (o) {
     return console.error(o), { status: 500, data: [] };
   }
-}, Vt = async ({
+}, It = async ({
   accessToken: e,
   name: r,
   data: t,
   method: a = "POST"
 }) => {
   const o = `Bearer ${e}`;
-  return await fetch(`${le}/api/${r}`, {
+  return await fetch(`${ie}/api/${r}`, {
     method: a,
     credentials: "include",
     headers: {
@@ -243,54 +251,30 @@ const k = {
   });
 };
 /*!
-  @versini/ui-table v1.5.1
+  @versini/ui-table v2.0.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TABLE__ || (window.__VERSINI_UI_TABLE__ = {
-    version: "1.5.1",
-    buildTime: "12/27/2024 01:35 PM EST",
+    version: "2.0.0",
+    buildTime: "12/29/2024 04:16 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/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;
-  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;
-}, z = "thead", Y = "tfoot", E = "tbody", L = {
+const P = "thead", Q = "tfoot", N = "tbody", M = {
   ASC: "asc",
   DESC: "desc"
-}, He = ({
+}, Be = ({
   mode: e,
   className: r,
   wrapperClassName: t,
   stickyHeader: a,
-  stickyFooter: o,
-  spacing: n
+  stickyFooter: o
 }) => ({
-  wrapper: s(
+  wrapper: n(
     "not-prose relative w-full rounded-lg shadow-md",
-    Ve(n),
     {
       "overflow-x-auto": !a && !o,
       "overflow-y-scroll": a || o,
@@ -301,117 +285,110 @@ const Ve = (e) => {
     },
     t
   ),
-  table: s("my-0 w-full text-left text-sm", r, {
+  table: n("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: s("py-2 text-sm font-bold", {
+  caption: n("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"
   })
-}), Me = ({
+}), He = ({
   className: e,
   stickyHeader: r,
   mode: t
-}) => 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"
-}), Ue = ({
+}) => n(
+  {
+    "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"
+  },
+  e
+), Le = ({
   className: e,
   stickyFooter: r,
   mode: t
-}) => 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"
-}), Le = ({
+}) => n(
+  {
+    "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"
+  },
+  e
+), Ve = ({
   mode: e,
   className: r,
   cellWrapper: t
-}) => 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"
-}) : s("border-b last:border-0", r, {
-  "border-table-dark": 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 === 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 === 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 === E && e === "alt-system"
-}), Pe = ({
+}) => t === P || t === Q ? n(
+  {
+    "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"
+  },
+  r
+) : n(
+  "border-b last:border-0",
+  {
+    "border-table-dark": e === "dark",
+    "odd:bg-table-dark-odd even:bg-table-dark-even": t === N && e === "dark",
+    "border-table-light": e === "light",
+    "odd:bg-table-light-odd even:bg-table-light-even": t === N && 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",
+    "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"
+  },
+  r
+), Oe = ({
   cellWrapper: e,
   className: r,
   compact: t,
   mode: a
-}) => 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 === z || e === Y),
-  "p-4": !t && e === E,
-  "px-2 py-1.5": t
-}), Oe = ({
+}) => n(
+  {
+    "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 === Q),
+    "p-4": !t && e === N,
+    "px-2 py-1.5": t
+  },
+  r
+), Me = ({
   buttonClassName: 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;
-  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;
-}, ce = "icon", Ge = "button", Fe = "link", De = ({
+}) => n("rounded-none text-sm", e), ae = "av-button", ce = "icon", ze = "button", Ue = "link", Pe = ({
   type: e,
   size: r,
   labelRight: t,
   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", l = "text-lg font-medium max-h-12 py-2";
+  const i = "text-sm font-medium max-h-8 py-0", l = "text-base font-medium max-h-9 py-1", c = "text-lg font-medium max-h-12 py-2";
   switch (e) {
-    case Ge:
-      return s("px-4", {
-        [n]: r === "small",
-        [i]: r === "medium",
-        [l]: r === "large"
+    case ze:
+      return n("px-4", {
+        [i]: r === "small",
+        [l]: r === "medium",
+        [c]: r === "large"
       });
-    case Fe:
-      return s("px-4 text-center", {
-        [n]: r === "small",
-        [i]: r === "medium",
-        [l]: r === "large"
+    case Ue:
+      return n("px-4 text-center", {
+        [i]: r === "small",
+        [l]: r === "medium",
+        [c]: r === "large"
       });
     case ce:
-      return s("inline-flex items-center", {
+      return n("inline-flex items-center", {
         "justify-center": o === "center",
         "justify-start": o === "left",
         "justify-end": o === "right",
@@ -423,16 +400,24 @@ const ze = (e) => {
         "h-12 px-4 text-lg font-medium": r === "large" && (t || a)
       });
   }
-}, je = ({
+}, Fe = ({
   mode: e,
   noBackground: r,
   noTruncate: t,
-  variant: a
+  variant: a,
+  radius: o
 }) => {
   if (r)
-    return "not-prose rounded-full";
+    return n("not-prose", {
+      "rounded-full": o === "large",
+      "rounded-md": o === "medium",
+      "rounded-sm": o === "small"
+    });
   if (a === "primary")
-    return s("not-prose rounded-full", {
+    return n("not-prose", {
+      "rounded-full": o === "large",
+      "rounded-md": o === "medium",
+      "rounded-sm": o === "small",
       truncate: !t,
       "bg-action-dark text-copy-light": e === "dark",
       "bg-action-light text-copy-lighter": e === "light",
@@ -440,7 +425,10 @@ const ze = (e) => {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return s("not-prose rounded-full", {
+    return n("not-prose", {
+      "rounded-full": o === "large",
+      "rounded-md": o === "medium",
+      "rounded-sm": o === "small",
       truncate: !t,
       "bg-action-dark text-copy-light": e === "light",
       "bg-action-light text-copy-lighter": e === "dark",
@@ -448,14 +436,28 @@ const ze = (e) => {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return s("not-prose rounded-full", {
+    return n("not-prose", {
+      "rounded-full": o === "large",
+      "rounded-md": o === "medium",
+      "rounded-sm": o === "small",
       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 = ({
+  if (a === "selected")
+    return n("not-prose", {
+      "rounded-full": o === "large",
+      "rounded-md": o === "medium",
+      "rounded-sm": o === "small",
+      truncate: !t,
+      "bg-action-selected-dark text-copy-light": e === "dark",
+      "bg-action-selected-light text-copy-lighter": e === "light",
+      "bg-action-selected-dark text-copy-light dark:bg-action-selected-light dark:text-copy-lighter": e === "system",
+      "bg-action-selected-light text-copy-lighter dark:bg-action-selected-dark dark:text-copy-light": e === "alt-system"
+    });
+}, Ge = ({
   mode: e,
   disabled: r,
   variant: t
@@ -463,27 +465,34 @@ const ze = (e) => {
   if (r)
     return "";
   if (t === "primary")
-    return s("hover:text-copy-light-hover", {
+    return n("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 s("hover:text-copy-light-hover", {
+    return n("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 s("hover:text-copy-light-hover", {
+    return n("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",
       "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
     });
-}, qe = ({
+  if (t === "selected")
+    return n("hover:text-copy-light-hover", {
+      "hover:bg-action-selected-dark-hover": e === "dark",
+      "hover:bg-action-selected-light-hover": e === "light",
+      "hover:bg-action-selected-dark-hover dark:hover:bg-action-selected-light-hover": e === "system",
+      "hover:bg-action-selected-light-hover dark:hover:bg-action-selected-dark-hover": e === "alt-system"
+    });
+}, De = ({
   mode: e,
   disabled: r,
   variant: t
@@ -491,27 +500,34 @@ const ze = (e) => {
   if (r)
     return "";
   if (t === "primary")
-    return s("active:text-copy-light-active", {
+    return n("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 s("active:text-copy-light-active", {
+    return n("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 s("active:text-copy-lighter-active", {
+    return n("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",
       "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
     });
-}, Je = ({
+  if (t === "selected")
+    return n("active:text-copy-lighter-active", {
+      "active:bg-action-selected-dark-active": e === "dark",
+      "active:bg-action-selected-light-active": e === "light",
+      "active:bg-action-selected-dark-active dark:active:bg-action-selected-light-active": e === "system",
+      "active:bg-action-selected-light-active dark:active:bg-action-selected-dark-active": e === "alt-system"
+    });
+}, We = ({
   mode: e,
   noBorder: r,
   variant: t
@@ -519,135 +535,149 @@ const ze = (e) => {
   if (r)
     return "border border-transparent";
   if (t === "primary")
-    return s("border", {
+    return n("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 s("border", {
+    return n("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 s("border", {
+    return n("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 }) => s("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+  if (t === "selected")
+    return n("border", {
+      "border-border-selected-dark": e === "dark",
+      "border-border-selected-medium": e === "light",
+      "border-border-selected-dark dark:border-border-selected-medium": e === "system",
+      "border-border-selected-medium dark:border-border-selected-dark": e === "alt-system"
+    });
+}, je = ({
+  focusMode: e
+}) => n("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 = ({
+}), qe = ({
   type: e,
   className: r,
   raw: t,
   mode: a,
   focusMode: o,
-  disabled: n,
-  fullWidth: i,
-  size: l,
+  disabled: i,
+  fullWidth: l,
+  size: c,
   noBorder: d,
-  labelRight: m,
-  labelLeft: u,
-  spacing: p,
+  labelRight: u,
+  labelLeft: m,
   noBackground: g,
   variant: h,
   noTruncate: b,
-  align: w
-}) => (h || (h = "primary"), t ? s(oe, r) : s(
-  oe,
-  r,
-  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 }),
-  We({ mode: a, variant: h, disabled: n }),
-  qe({ mode: a, variant: h, disabled: n }),
+  align: p,
+  radius: w
+}) => (h || (h = "primary"), t ? n(ae, r) : n(
+  ae,
+  Fe({
+    mode: a,
+    variant: h,
+    noBackground: g,
+    noTruncate: b,
+    radius: w
+  }),
+  Pe({ type: e, size: c, labelRight: u, labelLeft: m, align: p }),
+  We({ mode: a, variant: h, noBorder: d }),
+  je({ focusMode: o }),
+  Ge({ mode: a, variant: h, disabled: i }),
+  De({ mode: a, variant: h, disabled: i }),
   {
-    "w-full": i,
-    "disabled:cursor-not-allowed disabled:opacity-50": n
-  }
-)), Xe = (e, r, t) => {
+    "w-full": l,
+    "disabled:cursor-not-allowed disabled:opacity-50": i
+  },
+  r
+)), Je = (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 = O.forwardRef((e, r) => {
+}, se = U.forwardRef((e, r) => {
   const { onClick: t, noInternalClick: a = !1, ...o } = e;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ s(
     "button",
     {
       ref: r,
-      onClick: (n) => {
-        Xe(n, a, t);
+      onClick: (i) => {
+        Je(i, a, t);
       },
       ...o
     }
   );
 });
-de.displayName = "BaseButton";
+se.displayName = "BaseButton";
 /*!
-  @versini/ui-button v1.6.0
+  @versini/ui-button v2.0.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "1.6.0",
-    buildTime: "12/27/2024 01:35 PM EST",
+    version: "2.0.0",
+    buildTime: "12/29/2024 04:16 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ue = O.forwardRef(
+const de = U.forwardRef(
   ({
     children: e,
     disabled: r = !1,
     mode: t = "system",
     focusMode: a = "system",
     fullWidth: o = !1,
-    className: n,
-    type: i = "button",
-    raw: l = !1,
+    className: i,
+    type: l = "button",
+    raw: c = !1,
     noBorder: d = !1,
-    "aria-label": m,
-    label: u,
-    size: p = "medium",
-    labelRight: g,
-    labelLeft: h,
-    spacing: b,
-    noBackground: w = !1,
-    align: S = "center",
-    active: B = !1,
-    ...V
-  }, H) => {
-    const G = Ye({
+    "aria-label": u,
+    label: m,
+    size: g = "medium",
+    labelRight: h,
+    labelLeft: b,
+    noBackground: p = !1,
+    align: w = "center",
+    active: S = !1,
+    radius: B = "large",
+    ...H
+  }, L) => {
+    const F = qe({
       type: ce,
       mode: t,
       focusMode: a,
       fullWidth: o,
       disabled: r,
-      raw: l,
-      className: n,
+      raw: c,
+      className: i,
       noBorder: d,
-      size: p,
-      labelRight: g,
-      labelLeft: h,
-      spacing: b,
-      noBackground: w,
-      align: S
-    }), 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(
+      size: g,
+      labelRight: h,
+      labelLeft: b,
+      noBackground: p,
+      align: w,
+      radius: B
+    }), G = n({
+      "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
+    }), f = S ? n(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -664,101 +694,74 @@ const ue = O.forwardRef(
         "after:border-table-light dark:after:border-table-dark": t === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ c("div", { className: D, children: /* @__PURE__ */ x(
-      de,
+    return /* @__PURE__ */ s("div", { className: f, children: /* @__PURE__ */ x(
+      se,
       {
-        ref: H,
-        className: G,
+        ref: L,
+        className: F,
         disabled: r,
-        type: i,
-        "aria-label": m || u,
-        ...V,
+        type: l,
+        "aria-label": u || m,
+        ...H,
         children: [
-          h && /* @__PURE__ */ c("span", { className: "pr-2", children: h }),
-          /* @__PURE__ */ c("div", { className: F, children: e }),
-          g && /* @__PURE__ */ c("span", { className: "pl-2", children: g })
+          b && /* @__PURE__ */ s("span", { className: "pr-2", children: b }),
+          /* @__PURE__ */ s("div", { className: G, children: e }),
+          h && /* @__PURE__ */ s("span", { className: "pl-2", children: h })
         ]
       }
     ) });
   }
 );
-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")
-    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;
-}, X = ({
+de.displayName = "ButtonSort";
+const X = ({
   children: e,
   fill: r,
   viewBox: t,
   className: a,
   defaultViewBox: o,
-  defaultClassName: n,
-  spacing: i,
+  defaultClassName: i,
   title: l,
-  semantic: d = !1,
-  ...m
+  semantic: c = !1,
+  ...d
 }) => {
-  const u = Ke(i), p = s(
-    u,
-    a || n
-  );
-  return /* @__PURE__ */ x(Te, { children: [
-    /* @__PURE__ */ c(
+  const u = n(a || i);
+  return /* @__PURE__ */ x(Ne, { children: [
+    /* @__PURE__ */ s(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
-        className: p,
+        className: u,
         viewBox: t || o,
         fill: r || "currentColor",
         role: "img",
-        "aria-hidden": !d,
+        "aria-hidden": !c,
         focusable: !1,
-        ...m,
+        ...d,
         children: e
       }
     ),
-    l && d && /* @__PURE__ */ c("span", { className: "sr-only", children: l })
+    l && c && /* @__PURE__ */ s("span", { className: "sr-only", children: l })
   ] });
 };
 /*!
-  @versini/ui-svgicon v1.1.0
+  @versini/ui-svgicon v2.0.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "1.1.0",
-    buildTime: "12/27/2024 01:35 PM EST",
+    version: "2.0.0",
+    buildTime: "12/29/2024 04:16 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Ze = ({
+const Qe = ({
   className: e,
   viewBox: r,
-  spacing: t,
-  title: a,
-  monotone: o,
-  ...n
+  title: t,
+  monotone: a,
+  ...o
 }) => /* @__PURE__ */ x(
   X,
   {
@@ -766,27 +769,25 @@ const Ze = ({
     defaultClassName: "size-5",
     viewBox: r,
     className: e,
-    spacing: t,
-    title: a || "Sort",
-    ...n,
+    title: t || "Sort",
+    ...o,
     children: [
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ s(
         "path",
         {
-          opacity: o ? "1" : "0.4",
+          opacity: a ? "1" : "0.4",
           d: "M393.4 41.4c12.5-12.5 32.8-12.5 45.3 0l96 96c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L448 141.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V141.3l-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96z"
         }
       ),
-      /* @__PURE__ */ c("path", { d: "M137.4 470.6c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 370.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V370.7L86.6 329.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96z" })
+      /* @__PURE__ */ s("path", { d: "M137.4 470.6c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 370.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V370.7L86.6 329.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96z" })
     ]
   }
-), et = ({
+), Xe = ({
   className: e,
   viewBox: r,
-  spacing: t,
-  title: a,
-  monotone: o,
-  ...n
+  title: t,
+  monotone: a,
+  ...o
 }) => /* @__PURE__ */ x(
   X,
   {
@@ -794,27 +795,25 @@ const Ze = ({
     defaultClassName: "size-5",
     viewBox: r,
     className: e,
-    spacing: t,
-    title: a || "Sort Down",
-    ...n,
+    title: t || "Sort Down",
+    ...o,
     children: [
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ s(
         "path",
         {
-          opacity: o ? "1" : "0.4",
+          opacity: a ? "1" : "0.4",
           d: "M288 448c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32zm0-128c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32zm0-128c0 17.7 14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32zm0-128c0 17.7 14.3 32 32 32H544c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32z"
         }
       ),
-      /* @__PURE__ */ c("path", { d: "M128 480c9 0 17.5-3.8 23.6-10.4l88-96c11.9-13 11.1-33.3-2-45.2s-33.3-11.1-45.2 2L160 365.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V365.7L63.6 330.4c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96C110.5 476.2 119 480 128 480z" })
+      /* @__PURE__ */ s("path", { d: "M128 480c9 0 17.5-3.8 23.6-10.4l88-96c11.9-13 11.1-33.3-2-45.2s-33.3-11.1-45.2 2L160 365.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V365.7L63.6 330.4c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96C110.5 476.2 119 480 128 480z" })
     ]
   }
-), tt = ({
+), Ye = ({
   className: e,
   viewBox: r,
-  spacing: t,
-  title: a,
-  monotone: o,
-  ...n
+  title: t,
+  monotone: a,
+  ...o
 }) => /* @__PURE__ */ x(
   X,
   {
@@ -822,204 +821,201 @@ const Ze = ({
     defaultClassName: "size-5",
     viewBox: r,
     className: e,
-    spacing: t,
-    title: a || "Sort Up",
-    ...n,
+    title: t || "Sort Up",
+    ...o,
     children: [
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ s(
         "path",
         {
-          opacity: o ? "1" : "0.4",
+          opacity: a ? "1" : "0.4",
           d: "M288 64c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32H544c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32z"
         }
       ),
-      /* @__PURE__ */ c("path", { d: "M128 32c9 0 17.5 3.8 23.6 10.4l88 96c11.9 13 11.1 33.3-2 45.2s-33.3 11.1-45.2-2L160 146.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V146.3L63.6 181.6c-11.9 13-32.2 13.9-45.2 2s-13.9-32.2-2-45.2l88-96C110.5 35.8 119 32 128 32z" })
+      /* @__PURE__ */ s("path", { d: "M128 32c9 0 17.5 3.8 23.6 10.4l88 96c11.9 13 11.1 33.3-2 45.2s-33.3 11.1-45.2-2L160 146.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V146.3L63.6 181.6c-11.9 13-32.2 13.9-45.2 2s-13.9-32.2-2-45.2l88-96C110.5 35.8 119 32 128 32z" })
     ]
   }
 );
 /*!
-  @versini/ui-icons v1.19.0
+  @versini/ui-icons v2.0.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "1.19.0",
-    buildTime: "12/27/2024 01:35 PM EST",
+    version: "2.0.0",
+    buildTime: "12/29/2024 04:16 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const T = O.createContext({
+const T = U.createContext({
   mode: "light",
   cellWrapper: "thead",
   stickyHeader: !1,
   stickyFooter: !1,
   compact: !1
-}), Ht = ({
+}), At = ({
   children: e,
   mode: r = "system",
   caption: t,
   compact: a,
   summary: o,
-  className: n,
-  wrapperClassName: i,
-  maxHeight: l,
+  className: i,
+  wrapperClassName: l,
+  maxHeight: c,
   stickyHeader: d,
-  stickyFooter: m,
-  spacing: u,
-  ...p
+  stickyFooter: u,
+  ...m
 }) => {
-  const g = He({
+  const g = Be({
     mode: r,
-    className: n,
-    wrapperClassName: i,
+    className: i,
+    wrapperClassName: l,
     stickyHeader: d,
-    stickyFooter: m,
-    spacing: u
+    stickyFooter: u
   });
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ s(
     T.Provider,
     {
-      value: { mode: r, stickyHeader: d, stickyFooter: m, compact: a },
-      children: /* @__PURE__ */ c(
+      value: { mode: r, stickyHeader: d, stickyFooter: u, compact: a },
+      children: /* @__PURE__ */ s(
         "div",
         {
           className: g.wrapper,
-          ...l && {
-            style: { maxHeight: l }
+          ...c && {
+            style: { maxHeight: c }
           },
-          children: /* @__PURE__ */ x("table", { className: g.table, summary: o, ...p, children: [
-            t && /* @__PURE__ */ c("caption", { className: g.caption, children: t }),
+          children: /* @__PURE__ */ x("table", { className: g.table, summary: o, ...m, children: [
+            t && /* @__PURE__ */ s("caption", { className: g.caption, children: t }),
             e
           ] })
         }
       )
     }
   );
-}, Mt = ({
+}, $t = ({
   children: e,
   className: r,
   ...t
 }) => {
   const a = R(T);
-  a.cellWrapper = z;
-  const o = Me({
+  a.cellWrapper = P;
+  const o = He({
     className: r,
     mode: a.mode,
     stickyHeader: a.stickyHeader
   });
-  return /* @__PURE__ */ c("thead", { className: o, ...t, children: e });
-}, Ut = ({
+  return /* @__PURE__ */ s("thead", { className: o, ...t, children: e });
+}, Rt = ({
   children: e,
   className: r,
   ...t
 }) => {
   const a = R(T);
-  a.cellWrapper = Y;
-  const o = Ue({
+  a.cellWrapper = Q;
+  const o = Le({
     className: r,
     mode: a.mode,
     stickyFooter: a.stickyFooter
   });
-  return /* @__PURE__ */ c("tfoot", { className: o, ...t, children: e });
-}, Lt = ({ children: e, ...r }) => {
+  return /* @__PURE__ */ s("tfoot", { className: o, ...t, children: e });
+}, Bt = ({ children: e, ...r }) => {
   const t = R(T);
-  return t.cellWrapper = E, /* @__PURE__ */ c("tbody", { ...r, children: e });
-}, Pt = ({
+  return t.cellWrapper = N, /* @__PURE__ */ s("tbody", { ...r, children: e });
+}, Ht = ({
   children: e,
   className: r,
   ...t
 }) => {
-  const a = R(T), o = Le({
+  const a = R(T), o = Ve({
     mode: a.mode,
     cellWrapper: a.cellWrapper,
     className: r
   });
-  return /* @__PURE__ */ c("tr", { className: o, ...t, children: e });
-}, rt = ({
+  return /* @__PURE__ */ s("tr", { className: o, ...t, children: e });
+}, Ke = ({
   children: e,
   component: r,
   className: t,
   ...a
 }) => {
-  const o = R(T), n = r || (o.cellWrapper === z ? "th" : "td"), i = Pe({
+  const o = R(T), i = 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 });
-}, Ot = ({
+  return /* @__PURE__ */ s(i, { className: l, ...a, children: e });
+}, Lt = ({
   align: e,
   children: r,
   buttonClassName: t,
   className: a,
   component: o,
-  focusMode: n = "alt-system",
-  mode: i = "alt-system",
-  onClick: l,
+  focusMode: i = "alt-system",
+  mode: l = "alt-system",
+  onClick: c,
   sortDirection: d,
-  sortedCell: m,
-  cellId: u,
-  ...p
+  sortedCell: u,
+  cellId: m,
+  ...g
 }) => {
-  const g = Oe({ buttonClassName: t });
-  return /* @__PURE__ */ c(
-    rt,
+  const h = Me({ buttonClassName: t });
+  return /* @__PURE__ */ s(
+    Ke,
     {
       component: o,
       className: a,
       role: "columnheader",
-      "aria-sort": d === L.ASC && m === u ? "ascending" : d === L.DESC && m === u ? "descending" : "other",
-      ...p,
-      children: /* @__PURE__ */ c(
-        ue,
+      "aria-sort": d === M.ASC && u === m ? "ascending" : d === M.DESC && u === m ? "descending" : "other",
+      ...g,
+      children: /* @__PURE__ */ s(
+        de,
         {
-          active: m === u,
-          className: g,
-          onClick: l,
+          active: u === m,
+          className: h,
+          onClick: c,
           align: e,
           noBorder: !0,
-          focusMode: n,
-          mode: i,
+          focusMode: i,
+          mode: l,
           fullWidth: !0,
           labelRight: r,
-          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 })
+          children: d === M.ASC && u === m ? /* @__PURE__ */ s(Ye, { className: "size-4", monotone: !0 }) : d === M.DESC && u === m ? /* @__PURE__ */ s(Xe, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ s(Qe, { className: "size-4", monotone: !0 })
         }
       )
     }
   );
 };
 /*!
-  @versini/ui-textarea v1.4.0
+  @versini/ui-textarea v2.0.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "1.4.0",
-    buildTime: "12/26/2024 06:05 PM EST",
+    version: "2.0.0",
+    buildTime: "12/29/2024 04:16 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-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 A(() => (e.current = !0, () => {
+const ue = "av-text-area", Ze = "av-text-area-wrapper", J = "av-text-area-helper-text", et = "av-text-area__control--right";
+function tt() {
+  const e = k(!1);
+  return $(() => (e.current = !0, () => {
     e.current = !1;
-  }), []), P(() => e.current, []);
+  }), []), z(() => e.current, []);
 }
-function it(e) {
-  return ie(() => e.every((r) => r == null) ? () => {
+function rt(e) {
+  return ne(() => e.every((r) => r == null) ? () => {
   } : (r) => {
     e.forEach((t) => {
       typeof t == "function" ? t(r) : t != null && (t.current = r);
     });
   }, e);
 }
-const st = {
+const at = {
   x: 0,
   y: 0,
   width: 0,
@@ -1029,18 +1025,18 @@ const st = {
   bottom: 0,
   right: 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];
+function ot(e) {
+  const r = tt(), t = k(0), a = k(null), [o, i] = A(at), l = ne(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
+    const d = c[0];
     d && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
-      a.current && r() && n(d.contentRect);
+      a.current && r() && i(d.contentRect);
     }));
   }), [r]);
-  return A(() => (a.current && (i == null || i.observe(a.current, e)), () => {
-    i == null || i.disconnect(), t.current && cancelAnimationFrame(t.current);
-  }), [i, e]), [a, o];
+  return $(() => (a.current && (l == null || l.observe(a.current, e)), () => {
+    l == null || l.disconnect(), t.current && cancelAnimationFrame(t.current);
+  }), [l, e]), [a, o];
 }
-function ct({
+function nt({
   value: e,
   defaultValue: r,
   finalValue: t,
@@ -1048,18 +1044,18 @@ function ct({
   },
   initialControlledDelay: o = 0
 }) {
-  const [n, i] = $(!1), [l, d] = $(
+  const [i, l] = A(!1), [c, d] = A(
     r !== void 0 ? r : t
-  ), m = (u) => {
-    d(u), a == null || a(u);
+  ), u = (m) => {
+    d(m), a == null || a(m);
   };
-  return A(() => {
-    (async () => e !== void 0 && !n && o > 0 && (await new Promise(
-      (u) => setTimeout(u, o)
-    ), i(!0)))();
-  }, [e, o, n]), e !== void 0 ? !n && o > 0 ? ["", a, !0] : [e, a, !0] : [l, m, !1];
+  return $(() => {
+    (async () => e !== void 0 && !i && o > 0 && (await new Promise(
+      (m) => setTimeout(m, o)
+    ), l(!0)))();
+  }, [e, o, i]), e !== void 0 ? !i && o > 0 ? ["", a, !0] : [e, a, !0] : [c, u, !1];
 }
-function dt(e) {
+function lt(e) {
   const r = Ce();
   if (!e)
     return r;
@@ -1070,7 +1066,7 @@ function dt(e) {
     return typeof t == "number" || typeof t == "string" ? `${a}${t}` : `${a}${r}`;
   }
 }
-const he = "SET_ANNOUNCEMENT", ge = "CLEAR_ANNOUNCEMENT", ut = {
+const me = "SET_ANNOUNCEMENT", he = "CLEAR_ANNOUNCEMENT", it = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -1078,14 +1074,14 @@ const he = "SET_ANNOUNCEMENT", ge = "CLEAR_ANNOUNCEMENT", ut = {
   progressbar: null,
   status: "polite",
   timer: "assertive"
-}, mt = (e, r) => {
+}, ct = (e, r) => {
   switch (r == null ? void 0 : r.type) {
-    case he:
+    case me:
       return {
         ...e,
         announcement: r.payload
       };
-    case ge:
+    case he:
       return {
         ...e,
         announcement: null
@@ -1093,14 +1089,14 @@ const he = "SET_ANNOUNCEMENT", ge = "CLEAR_ANNOUNCEMENT", ut = {
     default:
       return e;
   }
-}, ht = ({
+}, st = ({
   onAnnouncementClear: e,
   dispatch: r
 }) => {
   r({
-    type: ge
+    type: he
   }), typeof e == "function" && e();
-}, ne = ({
+}, oe = ({
   children: e,
   clearAnnouncementDelay: r,
   clearAnnouncementTimeoutRef: t,
@@ -1108,141 +1104,119 @@ const he = "SET_ANNOUNCEMENT", ge = "CLEAR_ANNOUNCEMENT", ut = {
   dispatch: o
 }) => {
   clearTimeout(t.current), e !== null && o({
-    type: he,
+    type: me,
     payload: e
   }), r && (t.current = setTimeout(
-    () => ht({
+    () => st({
       onAnnouncementClear: a,
       dispatch: o
     }),
     r
   ));
-}, gt = ({
+}, dt = ({
   children: e,
   announcementTimeoutRef: r,
   announcementDelay: t,
   clearAnnouncementDelay: a,
   clearAnnouncementTimeoutRef: o,
-  onAnnouncementClear: n,
-  dispatch: i
+  onAnnouncementClear: i,
+  dispatch: l
 }) => {
-  clearTimeout(r.current), t ? r.current = setTimeout(ne, t, {
+  clearTimeout(r.current), t ? r.current = setTimeout(oe, t, {
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: o,
-    onAnnouncementClear: n,
-    dispatch: i
-  }) : ne({
+    onAnnouncementClear: i,
+    dispatch: l
+  }) : oe({
     children: e,
     clearAnnouncementDelay: a,
     clearAnnouncementTimeoutRef: o,
-    onAnnouncementClear: n,
-    dispatch: i
+    onAnnouncementClear: i,
+    dispatch: l
   });
 };
-function pt({
+function ut({
   children: e,
   className: r,
   politeness: t,
   role: a = null,
   announcementDelay: o,
-  clearAnnouncementDelay: n,
-  onAnnouncementClear: i,
-  visible: l,
+  clearAnnouncementDelay: i,
+  onAnnouncementClear: l,
+  visible: c,
   ...d
 }) {
-  const m = f(null), u = f(null), [p, g] = $e(mt, {
+  const u = k(null), m = k(null), [g, h] = Ie(ct, {
     announcement: null
   });
-  let h = t;
-  typeof h > "u" && (h = a ? ut[a] : "assertive"), A(() => {
-    gt({
-      announcementTimeoutRef: m,
+  let b = t;
+  typeof b > "u" && (b = a ? it[a] : "assertive"), $(() => {
+    dt({
+      announcementTimeoutRef: u,
       announcementDelay: o,
       children: e,
-      clearAnnouncementDelay: n,
-      clearAnnouncementTimeoutRef: u,
-      onAnnouncementClear: i,
-      dispatch: g
+      clearAnnouncementDelay: i,
+      clearAnnouncementTimeoutRef: m,
+      onAnnouncementClear: l,
+      dispatch: h
     });
   }, [
     e,
     o,
-    n,
-    i
+    i,
+    l
   ]);
-  const b = s(r, {
-    "sr-only": !l
+  const p = n(r, {
+    "sr-only": !c
   });
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ s(
     "div",
     {
-      "aria-live": h,
+      "aria-live": b,
       ...a && { role: a },
-      className: b,
+      className: p,
       ...d,
-      children: p.announcement
+      children: g.announcement
     }
   );
 }
 /*!
-  @versini/ui-liveregion v1.2.0
+  @versini/ui-liveregion v1.2.2
   © 2024 gizmette.com
 */
 try {
   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",
+    version: "1.2.2",
+    buildTime: "12/29/2024 04:16 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-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 = ({
+const mt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", ht = ({
   mode: e
-}) => s({
+}) => n({
   "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 = ({
+}), gt = ({
   focusMode: e
-}) => s("focus:outline focus:outline-2 focus:outline-offset-2", {
+}) => n("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"
-}), _t = ({
+}), bt = ({
   noBorder: e,
   error: r
-}) => s("border-2", {
+}) => n("border-2", {
   "border-border-dark": !e && !r,
   "focus:border-border-dark": !e && r,
   "border-border-error-dark": !e && r,
   "border-transparent": e
-}), kt = ({
+}), pt = ({
   disabled: e,
   raw: r,
   error: t,
@@ -1251,22 +1225,22 @@ const bt = (e) => {
   if (r)
     return "";
   if (e)
-    return s("absolute px-2 cursor-not-allowed opacity-50 font-medium");
+    return n("absolute px-2 cursor-not-allowed opacity-50 font-medium");
   if (!t)
-    return s("absolute px-2 cursor-text font-medium", {
+    return n("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 s("absolute px-2 cursor-text font-medium", {
+    return n("absolute px-2 cursor-text font-medium", {
       "text-copy-medium": a === "dark",
       "text-copy-error-dark": a === "light",
       "text-copy-error-dark dark:text-copy-error-light": a === "system",
       "text-copy-medium dark:text-copy-error-dark": a === "alt-system"
     });
-}, xt = ({
+}, yt = ({
   error: e,
   raw: r,
   mode: t,
@@ -1275,129 +1249,125 @@ const bt = (e) => {
   if (r)
     return "";
   if (a)
-    return s(
-      Q,
+    return n(
+      J,
       "absolute px-2 cursor-not-allowed opacity-50 font-medium"
     );
   if (!e)
-    return s(Q, "absolute px-2 font-medium", {
+    return n(J, "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 s(Q, "absolute px-2 font-medium", {
+    return n(J, "absolute px-2 font-medium", {
       "text-copy-error-light": t === "dark",
       "text-copy-error-dark": t === "light",
       "text-copy-error-dark dark:text-copy-error-light": t === "system",
       "dark:text-copy-error-dark text-copy-error-light": t === "alt-system"
     });
-}, wt = ({
+}, ft = ({
   className: e,
   textAreaClassName: r,
   raw: t,
   focusMode: a,
   disabled: o,
-  noBorder: n,
-  error: i,
-  spacing: l,
-  mode: d
+  noBorder: i,
+  error: l,
+  mode: c
 }) => {
-  const m = t ? e : s(
+  const d = t ? e : n(
     "relative flex w-full flex-col justify-center",
-    at,
-    e,
-    bt(l)
-  ), u = t ? s(r) : s(
-    me,
+    Ze,
+    e
+  ), u = t ? n(r) : n(
+    ue,
     r,
-    yt(),
-    ft({ mode: d }),
-    vt({ focusMode: a }),
-    _t({
-      noBorder: n,
-      error: i
+    mt(),
+    ht({ mode: c }),
+    gt({ focusMode: a }),
+    bt({
+      noBorder: i,
+      error: l
     }),
     {
       "disabled:cursor-not-allowed disabled:opacity-50": o
     }
-  ), p = t ? void 0 : "sr-only", g = kt({
+  ), m = t ? void 0 : "sr-only", g = pt({
     disabled: o,
     raw: t,
-    error: i,
-    mode: d
-  }), h = xt({
-    error: i,
+    error: l,
+    mode: c
+  }), h = yt({
+    error: l,
     raw: t,
-    mode: d,
+    mode: c,
     disabled: o
-  }), b = t ? void 0 : s(ot, "absolute");
+  }), b = t ? void 0 : n(et, "absolute");
   return {
-    wrapper: m,
+    wrapper: d,
     textArea: u,
-    accessibleLabel: p,
+    accessibleLabel: m,
     visibleLabel: g,
     helperText: h,
     rightElement: b
   };
-}, Nt = ({
+}, kt = ({
   scrollHeight: e,
   currentHeight: r,
   currentLabelOffset: t = 0,
   currentHelperTextOffset: a = 0
 }) => {
-  let o, n;
+  let o, i;
   if (e > 0 && e !== r) {
-    const i = e - r, l = Math.abs(i / 24);
-    o = t + -1 * Math.sign(i) * (12 * l), n = a + Math.sign(i) * (12 * l);
+    const l = e - r, c = Math.abs(l / 24);
+    o = t + -1 * Math.sign(l) * (12 * c), i = a + Math.sign(l) * (12 * c);
   }
   return {
     labelOffset: o,
-    helperTextOffset: n,
+    helperTextOffset: i,
     scrollHeight: e
   };
-}, Et = O.forwardRef(
+}, vt = U.forwardRef(
   ({
     id: e,
     name: r,
     label: t,
     error: a = !1,
     raw: o = !1,
-    className: n,
-    textAreaClassName: i,
-    mode: l = "system",
+    className: i,
+    textAreaClassName: l,
+    mode: c = "system",
     focusMode: d = "system",
-    value: m,
-    defaultValue: u,
-    disabled: p = !1,
-    noBorder: g = !1,
-    labelId: h,
-    helperText: b = "",
+    value: u,
+    defaultValue: m,
+    disabled: g = !1,
+    noBorder: h = !1,
+    labelId: b,
+    helperText: p = "",
     helperTextOnFocus: w = !1,
     rightElement: S,
     onChange: B,
-    onFocus: V,
-    onBlur: H,
-    spacing: G,
+    onFocus: H,
+    onBlur: L,
     ...F
-  }, D) => {
-    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)
-    ), _e = `${r} error, ${b}`, N = wt({
-      className: n,
-      textAreaClassName: i,
+  }, G) => {
+    const f = k(null), ge = rt([G, f]), [be, V] = ot(), D = k(80), Y = k(-25), C = k(null), K = k(30), W = k(null), I = lt({ id: e, prefix: `${ue}-` }), [pe, ye] = A(0), [fe, Z] = A(
+      !!(!w && p)
+    ), ke = `${r} error, ${p}`, E = ft({
+      className: i,
+      textAreaClassName: l,
       error: a,
       raw: o,
       focusMode: d,
-      disabled: p,
-      noBorder: g,
-      spacing: G,
-      mode: l
-    }), [_, ke] = ct({
-      value: m,
+      disabled: g,
+      noBorder: h,
+      mode: c
+    }), [v, ve] = nt({
+      value: u,
       initialControlledDelay: 20,
-      defaultValue: u,
+      defaultValue: m,
       onChange: (y) => {
         B && B({
           target: {
@@ -1405,117 +1375,117 @@ const bt = (e) => {
           }
         });
       }
-    }), xe = (y) => {
-      ke(y.target.value);
+    }), _e = (y) => {
+      ve(y.target.value);
+    }, xe = (y) => {
+      w && p && Z(!0), H && H(y);
     }, we = (y) => {
-      w && b && ee(!0), V && V(y);
-    }, Ne = (y) => {
-      w && b && !_ && ee(!1), H && H(y);
+      w && p && !v && Z(!1), L && L(y);
     };
-    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(() => {
+    return O(() => {
+      V && V.width && ye(V.width + 18 + 10);
+    }, [V]), O(() => {
+      o || f && f.current && v !== void 0 && (f.current.style.height = "inherit", f.current.style.height = f.current.scrollHeight + "px");
+    }, [v, o]), O(() => {
       o || setTimeout(() => {
         var y;
-        (y = I == null ? void 0 : I.current) == null || y.style.setProperty(
+        (y = C == null ? void 0 : C.current) == null || y.style.setProperty(
           "--av-text-area-wrapper-transition",
-          _ ? "none" : "all 0.2s ease-out"
+          v ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [_, o]), U(() => {
-      var y, te;
-      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
+    }, [v, o]), O(() => {
+      var y, ee;
+      if (!o && f && f.current && v !== void 0) {
+        const { labelOffset: j, helperTextOffset: q, scrollHeight: Ee } = kt({
+          scrollHeight: f.current.scrollHeight,
+          currentHeight: D.current,
+          currentLabelOffset: Y.current,
+          currentHelperTextOffset: K.current
         });
-        q && (K.current = q, (y = I == null ? void 0 : I.current) == null || y.style.setProperty(
+        j && (Y.current = j, (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}px`
+        )), q && (K.current = q, (ee = W == null ? void 0 : W.current) == null || ee.style.setProperty(
           "--av-text-area-helper-text",
-          `${J}px`
-        )), j.current = Ee || j.current;
+          `${q}px`
+        )), D.current = Ee || D.current;
       }
-    }, [_, o]), /* @__PURE__ */ x("div", { className: N.wrapper, children: [
-      /* @__PURE__ */ c(
+    }, [v, o]), /* @__PURE__ */ x("div", { className: E.wrapper, children: [
+      /* @__PURE__ */ s(
         "label",
         {
-          htmlFor: C,
-          id: h,
-          className: N.accessibleLabel,
+          htmlFor: I,
+          id: b,
+          className: E.accessibleLabel,
           children: t
         }
       ),
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ s(
         "textarea",
         {
-          ref: pe,
-          id: C,
+          ref: ge,
+          id: I,
           name: r,
-          disabled: p,
+          disabled: g,
           placeholder: o ? void 0 : " ",
-          className: N.textArea,
+          className: E.textArea,
           rows: 1,
-          ...b && { "aria-describedby": `${C}-helper` },
+          ...p && { "aria-describedby": `${I}-helper` },
           ...a && { "aria-invalid": "true" },
-          ...S && !o && { style: { paddingRight: ye } },
-          value: _,
-          onChange: xe,
-          onFocus: we,
-          onBlur: Ne,
+          ...S && !o && { style: { paddingRight: pe } },
+          value: v,
+          onChange: _e,
+          onFocus: xe,
+          onBlur: we,
           ...F
         }
       ),
-      !o && /* @__PURE__ */ c(
+      !o && /* @__PURE__ */ s(
         "label",
         {
-          ref: I,
+          ref: C,
           "aria-hidden": !0,
-          htmlFor: C,
-          className: N.visibleLabel,
+          htmlFor: I,
+          className: E.visibleLabel,
           children: t
         }
       ),
-      ve && /* @__PURE__ */ c(
+      fe && /* @__PURE__ */ s(
         "div",
         {
           ref: W,
-          id: `${C}-helper`,
-          className: N.helperText,
-          children: b
+          id: `${I}-helper`,
+          className: E.helperText,
+          children: p
         }
       ),
-      S && /* @__PURE__ */ c(
+      S && /* @__PURE__ */ s(
         "div",
         {
           ref: be,
-          className: N.rightElement,
+          className: E.rightElement,
           children: S
         }
       ),
-      a && b && /* @__PURE__ */ c(pt, { politeness: "polite", clearAnnouncementDelay: 500, children: _e })
+      a && p && /* @__PURE__ */ s(ut, { politeness: "polite", clearAnnouncementDelay: 500, children: ke })
     ] });
   }
 );
-Et.displayName = "TextArea";
+vt.displayName = "TextArea";
 export {
-  Et as $e,
-  At as E,
-  Rt as SERVICE_TYPES,
-  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,
-  Pt as ue,
-  L as y
+  Tt as E,
+  vt as Le,
+  St as SERVICE_TYPES,
+  Lt as be,
+  At as ce,
+  M as f,
+  Bt as ge,
+  Nt as h,
+  Ht as he,
+  Rt as ne,
+  Ke as oe,
+  It as restCall,
+  $t as se,
+  Ct as serviceCall
 };