@versini/sassysaint 5.0.1 → 5.1.3

package/dist/chunks/index.lZ9DXn26.js

@@ -0,0 +1,1466 @@
+import T, { useSyncExternalStore as Ce, useCallback as D, useEffect as R, useContext as O, useRef as f, useState as $, useLayoutEffect as U, useMemo as ie, useId as Ie, useReducer as Se } from "react";
+import { MODEL_GPT4 as Ee } from "./index.BuZgDoDD.js";
+import l from "clsx";
+import { jsx as c, jsxs as w, Fragment as Ae } from "react/jsx-runtime";
+const _ = {
+  GET_LOCATION: `query GetLocation($latitude: Float!, $longitude: Float!) {
+    location(latitude: $latitude, longitude: $longitude) {
+    	country
+			state
+			city
+			displayName
+    }
+  }`,
+  GET_CHATS: `query GetChats($userId: String!) {
+		chats(user: $userId) {
+			timestamp
+			id
+			messages {
+				content
+			}
+		}
+	}`,
+  GET_CHATS_STATS: `query GetChatsStats($userId: String!) {
+		chatsStats(user: $userId) {
+			totalChats
+			averageProcessingTimes
+		}
+	}`,
+  GET_CHAT: `query GetChatById($id: String!) {
+		chatById(id: $id) {
+			model
+			usage
+			messages {
+				content
+				role
+				name
+				processingTime
+			}
+		}
+	}`,
+  DELETE_CHAT: `mutation DeleteChat($id: String!, $userId: String!) {
+		deleteChat(id: $id, user: $userId) {
+			timestamp
+			id
+			messages {
+				content
+			}
+		}
+	}`,
+  ABOUT: `query About {
+		about {
+			version
+			models
+			plugins
+		}
+	}`,
+  GET_CUSTOM_INSTRUCTIONS: `query GetCustomInstructions($user: String!) {
+		getCustomInstructions(user: $user) {
+			instructions
+			location
+		}
+	}`,
+  SET_CUSTOM_INSTRUCTIONS: `mutation SetCustomInstructions(
+		$user: String!,
+		$instructions: String!,
+		$location: String) {
+			setCustomInstructions(
+			user: $user,
+			instructions: $instructions,
+			location: $location)
+	}`
+}, Et = {
+  GET_LOCATION: {
+    schema: _.GET_LOCATION,
+    method: "location",
+    data: (e) => ({
+      latitude: e.latitude,
+      longitude: e.longitude
+    })
+  },
+  GET_CHATS: {
+    schema: _.GET_CHATS,
+    method: "chats",
+    data: (e) => ({
+      userId: e.userId
+    })
+  },
+  GET_CHATS_STATS: {
+    schema: _.GET_CHATS_STATS,
+    method: "chatsStats",
+    data: (e) => ({
+      userId: e.userId
+    })
+  },
+  GET_CHAT: {
+    schema: _.GET_CHAT,
+    method: "chatById",
+    data: (e) => ({
+      id: e.id
+    })
+  },
+  DELETE_CHAT: {
+    schema: _.DELETE_CHAT,
+    method: "deleteChat",
+    data: (e) => ({
+      id: e.id,
+      userId: e.userId
+    })
+  },
+  ABOUT: {
+    schema: _.ABOUT,
+    method: "about",
+    data: () => ({})
+  },
+  GET_CUSTOM_INSTRUCTIONS: {
+    schema: _.GET_CUSTOM_INSTRUCTIONS,
+    method: "getCustomInstructions",
+    data: (e) => ({
+      user: e.user
+    })
+  },
+  SET_CUSTOM_INSTRUCTIONS: {
+    schema: _.SET_CUSTOM_INSTRUCTIONS,
+    method: "setCustomInstructions",
+    data: (e) => ({
+      user: e.user,
+      instructions: e.instructions,
+      location: e.location
+    })
+  }
+}, le = process.env.PUBLIC_SASSY_API_SERVER_URL, $e = async ({
+  query: e,
+  data: r,
+  headers: t = {}
+}) => await fetch(`${le}/graphql`, {
+  method: "POST",
+  credentials: "include",
+  headers: {
+    ...t,
+    "Content-Type": "application/json",
+    Accept: "application/json"
+  },
+  body: JSON.stringify({
+    query: e,
+    variables: r
+  })
+}), At = async ({
+  accessToken: e,
+  type: r,
+  params: t = {}
+}) => {
+  const a = r != null && r.data ? r.data(t) : t;
+  try {
+    const o = `Bearer ${e}`, n = await $e({
+      headers: {
+        authorization: o
+      },
+      query: r.schema,
+      data: a
+    });
+    if (n.status !== 200)
+      return { status: n.status, data: [] };
+    const { data: i, errors: s } = await n.json();
+    return {
+      status: n.status,
+      data: i[r.method],
+      errors: s
+    };
+  } catch (o) {
+    return console.error(o), { status: 500, data: [] };
+  }
+}, $t = async ({
+  accessToken: e,
+  name: r,
+  data: t,
+  method: a = "POST"
+}) => {
+  const o = `Bearer ${e}`;
+  return await fetch(`${le}/api/${r}`, {
+    method: a,
+    credentials: "include",
+    headers: {
+      "Content-Type": "application/json",
+      authorization: o
+    },
+    body: JSON.stringify(t)
+  });
+}, Rt = T.createContext({
+  state: {
+    id: "",
+    model: Ee,
+    usage: 0,
+    messages: [],
+    isComponent: !1
+  },
+  dispatch: () => {
+  },
+  serverStats: { version: "", models: [], plugins: [] }
+}), Ot = T.createContext({
+  state: { searchString: "", sortedCell: "", sortDirection: "" },
+  dispatch: () => {
+  }
+}), Bt = T.createContext({
+  state: { tag: "" },
+  dispatch: () => {
+  }
+});
+function se(e, r) {
+  window.dispatchEvent(new StorageEvent("storage", { key: e, newValue: r }));
+}
+const re = (e, r) => {
+  const t = JSON.stringify(
+    typeof r == "function" ? r() : r
+  );
+  window.localStorage.setItem(e, t), se(e, t);
+}, Re = (e) => {
+  window.localStorage.removeItem(e), se(e, null);
+}, ae = (e) => window.localStorage.getItem(e), Oe = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
+function Ht({
+  key: e,
+  initialValue: r
+}) {
+  const t = Ce(Oe, () => ae(e)), a = D(
+    (i) => {
+      try {
+        const s = typeof i == "function" ? i(JSON.parse(t)) : i;
+        s == null ? Re(e) : re(e, s);
+      } catch (s) {
+        console.warn(s);
+      }
+    },
+    [e, t]
+  ), o = D(() => {
+    a(r);
+  }, [r, a]), n = D(() => {
+    a(null);
+  }, [a]);
+  return R(() => {
+    try {
+      ae(e) === null && typeof r < "u" && re(e, r);
+    } catch (i) {
+      console.warn(i);
+    }
+  }, [e, r]), [t ? JSON.parse(t) : null, a, o, n];
+}
+/*!
+  @versini/ui-table v1.0.10
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TABLE__ || (window.__VERSINI_UI_TABLE__ = {
+    version: "1.0.10",
+    buildTime: "09/28/2024 06:29 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Be = (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", C = "tbody", V = {
+  ASC: "asc",
+  DESC: "desc"
+}, He = ({
+  mode: e,
+  className: r,
+  wrapperClassName: t,
+  stickyHeader: a,
+  stickyFooter: o,
+  spacing: n
+}) => ({
+  wrapper: l(
+    "not-prose relative w-full rounded-lg shadow-md",
+    Be(n),
+    {
+      "overflow-x-auto": !a && !o,
+      "overflow-y-scroll": a || o,
+      "bg-surface-darker text-copy-light": e === "dark",
+      "bg-surface-light text-copy-dark": e === "light",
+      "bg-surface-darker text-copy-light dark:bg-surface-light dark:text-copy-dark": e === "system",
+      "bg-surface-light text-copy-dark dark:bg-surface-darker dark:text-copy-light": e === "alt-system"
+    },
+    t
+  ),
+  table: l("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", {
+    "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 = ({
+  className: e,
+  stickyHeader: r,
+  mode: t
+}) => l(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"
+}), Le = ({
+  className: e,
+  stickyFooter: r,
+  mode: t
+}) => l(e, {
+  "sticky bottom-0 z-10": r,
+  "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": r && t === "dark",
+  "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": r && t === "system",
+  "shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": r && t === "light",
+  "shadow-[rgb(65_65_65_/30%)_-0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": r && t === "alt-system"
+}), Ue = ({
+  mode: e,
+  className: r,
+  cellWrapper: t
+}) => t === z || t === Y ? l({
+  "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, {
+  "border-table-dark": e === "dark",
+  "odd:bg-table-dark-odd even:bg-table-dark-even": t === C && e === "dark",
+  "border-table-light": e === "light",
+  "odd:bg-table-light-odd even:bg-table-light-even": t === C && 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 === C && 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 === C && e === "alt-system"
+}), Ve = ({
+  cellWrapper: e,
+  className: r,
+  compact: t,
+  mode: a
+}) => l(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 === C,
+  "px-4 py-1": t
+}), oe = "av-button", De = (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", ze = "button", Ge = "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", s = "text-lg font-medium max-h-12 py-2";
+  switch (e) {
+    case ze:
+      return l("px-4", {
+        [n]: r === "small",
+        [i]: r === "medium",
+        [s]: r === "large"
+      });
+    case Ge:
+      return l("px-4 text-center", {
+        [n]: r === "small",
+        [i]: r === "medium",
+        [s]: r === "large"
+      });
+    case ce:
+      return l("inline-flex items-center", {
+        "justify-center": o === "center",
+        "justify-start": o === "left",
+        "justify-end": o === "right",
+        "h-6 w-6 p-0": r === "small" && !(t || a),
+        "h-6 px-4 text-sm font-medium": r === "small" && (t || a),
+        "h-8 w-8 p-1": r === "medium" && !(t || a),
+        "h-8 px-4 text-base font-medium": r === "medium" && (t || a),
+        "h-12 w-12 p-2": r === "large" && !(t || a),
+        "h-12 px-4 text-lg font-medium": r === "large" && (t || a)
+      });
+  }
+}, Fe = ({
+  mode: e,
+  noBackground: r,
+  noTruncate: t,
+  variant: a
+}) => {
+  if (r)
+    return "not-prose rounded-full";
+  if (a === "primary")
+    return l("not-prose rounded-full", {
+      truncate: !t,
+      "bg-action-dark text-copy-light": e === "dark",
+      "bg-action-light text-copy-lighter": e === "light",
+      "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "system",
+      "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", {
+      truncate: !t,
+      "bg-action-dark text-copy-light": e === "light",
+      "bg-action-light text-copy-lighter": e === "dark",
+      "bg-action-dark text-copy-light dark:bg-action-light dark:text-copy-lighter": e === "alt-system",
+      "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", {
+      truncate: !t,
+      "bg-action-danger-dark text-copy-light": e === "dark",
+      "bg-action-danger-light text-copy-lighter": e === "light",
+      "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": e === "system",
+      "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
+    });
+}, je = ({
+  mode: e,
+  disabled: r,
+  variant: t
+}) => {
+  if (r)
+    return "";
+  if (t === "primary")
+    return l("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", {
+      "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", {
+      "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"
+    });
+}, We = ({
+  mode: e,
+  disabled: r,
+  variant: t
+}) => {
+  if (r)
+    return "";
+  if (t === "primary")
+    return l("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", {
+      "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", {
+      "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"
+    });
+}, qe = ({
+  mode: e,
+  noBorder: r,
+  variant: t
+}) => {
+  if (r)
+    return "border border-transparent";
+  if (t === "primary")
+    return l("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", {
+      "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", {
+      "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"
+    });
+}, Je = ({ focusMode: e }) => l("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"
+}), Qe = ({
+  type: e,
+  className: r,
+  raw: t,
+  mode: a,
+  focusMode: o,
+  disabled: n,
+  fullWidth: i,
+  size: s,
+  noBorder: d,
+  labelRight: u,
+  labelLeft: m,
+  spacing: b,
+  noBackground: g,
+  variant: h,
+  noTruncate: p,
+  align: x
+}) => (h || (h = "primary"), t ? l(oe, r) : l(
+  oe,
+  r,
+  De(b),
+  Fe({ mode: a, variant: h, noBackground: g, noTruncate: p }),
+  Pe({ type: e, size: s, labelRight: u, labelLeft: m, align: x }),
+  qe({ mode: a, variant: h, noBorder: d }),
+  Je({ focusMode: o }),
+  je({ mode: a, variant: h, disabled: n }),
+  We({ mode: a, variant: h, disabled: n }),
+  {
+    "w-full": i,
+    "disabled:cursor-not-allowed disabled:opacity-50": n
+  }
+)), 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 = T.forwardRef((e, r) => {
+  const { onClick: t, noInternalClick: a = !1, ...o } = e;
+  return /* @__PURE__ */ c(
+    "button",
+    {
+      ref: r,
+      onClick: (n) => {
+        Ye(n, a, t);
+      },
+      ...o
+    }
+  );
+});
+de.displayName = "BaseButton";
+/*!
+  @versini/ui-button v1.1.10
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
+    version: "1.1.10",
+    buildTime: "09/28/2024 06:29 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const ue = T.forwardRef(
+  ({
+    children: e,
+    disabled: r = !1,
+    mode: t = "system",
+    focusMode: a = "system",
+    fullWidth: o = !1,
+    className: n,
+    type: i = "button",
+    raw: s = !1,
+    noBorder: d = !1,
+    "aria-label": u,
+    label: m,
+    size: b = "medium",
+    labelRight: g,
+    labelLeft: h,
+    spacing: p,
+    noBackground: x = !1,
+    align: S = "center",
+    active: B = !1,
+    ...H
+  }, M) => {
+    const G = Qe({
+      type: ce,
+      mode: t,
+      focusMode: a,
+      fullWidth: o,
+      disabled: r,
+      raw: s,
+      className: n,
+      noBorder: d,
+      size: b,
+      labelRight: g,
+      labelLeft: h,
+      spacing: p,
+      noBackground: x,
+      align: S
+    }), P = l({
+      "text-copy-accent-dark": t === "light" && !s,
+      "text-copy-light": t === "dark" && !s,
+      "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !s,
+      "text-copy-light dark:text-copy-accent-dark": t === "system" && !s
+    }), F = B ? l(
+      "relative",
+      "focus-within:static",
+      "focus-within:after:border-transparent",
+      "after:absolute",
+      "after:content-['']",
+      "after:border-b-2",
+      "after:bottom-[-4px]",
+      "after:left-0",
+      "after:right-0",
+      {
+        "after:border-table-dark": t === "dark",
+        "after:border-table-light": t === "light",
+        "after:border-table-dark dark:after:border-table-light": t === "system",
+        "after:border-table-light dark:after:border-table-dark": t === "alt-system"
+      }
+    ) : "";
+    return /* @__PURE__ */ c("div", { className: F, children: /* @__PURE__ */ w(
+      de,
+      {
+        ref: M,
+        className: G,
+        disabled: r,
+        type: i,
+        "aria-label": u || m,
+        ...H,
+        children: [
+          h && /* @__PURE__ */ c("span", { className: "pr-2", children: h }),
+          /* @__PURE__ */ c("div", { className: P, children: e }),
+          g && /* @__PURE__ */ c("span", { className: "pl-2", children: g })
+        ]
+      }
+    ) });
+  }
+);
+ue.displayName = "ButtonSort";
+const Xe = (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 = ({
+  children: e,
+  fill: r,
+  viewBox: t,
+  className: a,
+  defaultViewBox: o,
+  defaultClassName: n,
+  spacing: i,
+  title: s,
+  semantic: d = !1,
+  ...u
+}) => {
+  const m = Xe(i), b = l(
+    m,
+    a || n
+  );
+  return /* @__PURE__ */ w(Ae, { children: [
+    /* @__PURE__ */ c(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        className: b,
+        viewBox: t || o,
+        fill: r || "currentColor",
+        role: "img",
+        "aria-hidden": !d,
+        focusable: !1,
+        ...u,
+        children: e
+      }
+    ),
+    s && d && /* @__PURE__ */ c("span", { className: "sr-only", children: s })
+  ] });
+};
+/*!
+  @versini/ui-private v1.4.17
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
+    version: "1.4.17",
+    buildTime: "09/28/2024 06:29 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Ke = ({
+  className: e,
+  viewBox: r,
+  spacing: t,
+  title: a,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ w(
+  X,
+  {
+    defaultViewBox: "0 0 576 512",
+    defaultClassName: "size-5",
+    viewBox: r,
+    className: e,
+    spacing: t,
+    title: a || "Sort",
+    ...n,
+    children: [
+      /* @__PURE__ */ c(
+        "path",
+        {
+          opacity: o ? "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" })
+    ]
+  }
+), Ze = ({
+  className: e,
+  viewBox: r,
+  spacing: t,
+  title: a,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ w(
+  X,
+  {
+    defaultViewBox: "0 0 576 512",
+    defaultClassName: "size-5",
+    viewBox: r,
+    className: e,
+    spacing: t,
+    title: a || "Sort Down",
+    ...n,
+    children: [
+      /* @__PURE__ */ c(
+        "path",
+        {
+          opacity: o ? "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" })
+    ]
+  }
+), et = ({
+  className: e,
+  viewBox: r,
+  spacing: t,
+  title: a,
+  monotone: o,
+  ...n
+}) => /* @__PURE__ */ w(
+  X,
+  {
+    defaultViewBox: "0 0 576 512",
+    defaultClassName: "size-5",
+    viewBox: r,
+    className: e,
+    spacing: t,
+    title: a || "Sort Up",
+    ...n,
+    children: [
+      /* @__PURE__ */ c(
+        "path",
+        {
+          opacity: o ? "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" })
+    ]
+  }
+);
+/*!
+  @versini/ui-icons v1.13.1
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
+    version: "1.13.1",
+    buildTime: "09/28/2024 06:29 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const I = T.createContext({
+  mode: "light",
+  cellWrapper: "thead",
+  stickyHeader: !1,
+  stickyFooter: !1,
+  compact: !1
+}), Mt = ({
+  children: e,
+  mode: r = "system",
+  caption: t,
+  compact: a,
+  summary: o,
+  className: n,
+  wrapperClassName: i,
+  maxHeight: s,
+  stickyHeader: d,
+  stickyFooter: u,
+  spacing: m,
+  ...b
+}) => {
+  const g = He({
+    mode: r,
+    className: n,
+    wrapperClassName: i,
+    stickyHeader: d,
+    stickyFooter: u,
+    spacing: m
+  });
+  return /* @__PURE__ */ c(
+    I.Provider,
+    {
+      value: { mode: r, stickyHeader: d, stickyFooter: u, compact: a },
+      children: /* @__PURE__ */ c(
+        "div",
+        {
+          className: g.wrapper,
+          ...s && {
+            style: { maxHeight: s }
+          },
+          children: /* @__PURE__ */ w("table", { className: g.table, summary: o, ...b, children: [
+            t && /* @__PURE__ */ c("caption", { className: g.caption, children: t }),
+            e
+          ] })
+        }
+      )
+    }
+  );
+}, Lt = ({
+  children: e,
+  className: r,
+  ...t
+}) => {
+  const a = O(I);
+  a.cellWrapper = z;
+  const o = Me({
+    className: r,
+    mode: a.mode,
+    stickyHeader: a.stickyHeader
+  });
+  return /* @__PURE__ */ c("thead", { className: o, ...t, children: e });
+}, Ut = ({
+  children: e,
+  className: r,
+  ...t
+}) => {
+  const a = O(I);
+  a.cellWrapper = Y;
+  const o = Le({
+    className: r,
+    mode: a.mode,
+    stickyFooter: a.stickyFooter
+  });
+  return /* @__PURE__ */ c("tfoot", { className: o, ...t, children: e });
+}, Vt = ({ children: e, ...r }) => {
+  const t = O(I);
+  return t.cellWrapper = C, /* @__PURE__ */ c("tbody", { ...r, children: e });
+}, Dt = ({
+  children: e,
+  className: r,
+  ...t
+}) => {
+  const a = O(I), o = Ue({
+    mode: a.mode,
+    cellWrapper: a.cellWrapper,
+    className: r
+  });
+  return /* @__PURE__ */ c("tr", { className: o, ...t, children: e });
+}, tt = ({
+  children: e,
+  component: r,
+  className: t,
+  ...a
+}) => {
+  const o = O(I), n = r || (o.cellWrapper === z ? "th" : "td"), i = Ve({
+    cellWrapper: o.cellWrapper,
+    className: t,
+    mode: o.mode,
+    compact: o.compact
+  });
+  return /* @__PURE__ */ c(n, { className: i, ...a, children: e });
+}, zt = ({
+  align: e,
+  children: r,
+  className: t,
+  component: a,
+  focusMode: o = "alt-system",
+  mode: n = "alt-system",
+  onClick: i,
+  sortDirection: s,
+  sortedCell: d,
+  cellId: u,
+  ...m
+}) => /* @__PURE__ */ c(
+  tt,
+  {
+    component: a,
+    className: t,
+    role: "columnheader",
+    "aria-sort": s === V.ASC && d === u ? "ascending" : s === V.DESC && d === u ? "descending" : "other",
+    ...m,
+    children: /* @__PURE__ */ c(
+      ue,
+      {
+        active: d === u,
+        className: "rounded-none text-sm",
+        onClick: i,
+        align: e,
+        noBorder: !0,
+        focusMode: o,
+        mode: n,
+        fullWidth: !0,
+        labelRight: r,
+        children: s === V.ASC && d === u ? /* @__PURE__ */ c(et, { className: "size-4", monotone: !0 }) : s === V.DESC && d === u ? /* @__PURE__ */ c(Ze, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ c(Ke, { className: "size-4", monotone: !0 })
+      }
+    )
+  }
+);
+/*!
+  @versini/ui-textarea v1.0.7
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
+    version: "1.0.7",
+    buildTime: "09/27/2024 11:55 AM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const me = "av-text-area", rt = "av-text-area-wrapper", Q = "av-text-area-helper-text", at = "av-text-area__control--right";
+function ot() {
+  const e = f(!1);
+  return R(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), D(() => e.current, []);
+}
+function nt(e) {
+  return ie(() => e.every((r) => r == null) ? () => {
+  } : (r) => {
+    e.forEach((t) => {
+      typeof t == "function" ? t(r) : t != null && (t.current = r);
+    });
+  }, e);
+}
+const it = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0
+};
+function lt(e) {
+  const r = ot(), t = f(0), a = f(null), [o, n] = $(it), i = ie(() => 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 R(() => (a.current && (i == null || i.observe(a.current, e)), () => {
+    i == null || i.disconnect(), t.current && cancelAnimationFrame(t.current);
+  }), [i, e]), [a, o];
+}
+function st({
+  value: e,
+  defaultValue: r,
+  finalValue: t,
+  onChange: a = () => {
+  },
+  initialControlledDelay: o = 0
+}) {
+  const [n, i] = $(!1), [s, d] = $(
+    r !== void 0 ? r : t
+  ), u = (m) => {
+    d(m), a == null || a(m);
+  };
+  return R(() => {
+    (async () => e !== void 0 && !n && o > 0 && (await new Promise(
+      (m) => setTimeout(m, o)
+    ), i(!0)))();
+  }, [e, o, n]), e !== void 0 ? !n && o > 0 ? ["", a, !0] : [e, a, !0] : [s, u, !1];
+}
+function ct(e) {
+  const r = Ie();
+  if (!e)
+    return r;
+  if (typeof e == "number" || typeof e == "string")
+    return `${e}${r}`;
+  if (typeof e == "object") {
+    const { id: t, prefix: a = "" } = e;
+    return typeof t == "number" || typeof t == "string" ? `${a}${t}` : `${a}${r}`;
+  }
+}
+const he = "SET_ANNOUNCEMENT", ge = "CLEAR_ANNOUNCEMENT", dt = {
+  alert: null,
+  alertdialog: null,
+  log: "polite",
+  marquee: null,
+  progressbar: null,
+  status: "polite",
+  timer: "assertive"
+}, ut = (e, r) => {
+  switch (r == null ? void 0 : r.type) {
+    case he:
+      return {
+        ...e,
+        announcement: r.payload
+      };
+    case ge:
+      return {
+        ...e,
+        announcement: null
+      };
+    default:
+      return e;
+  }
+}, mt = ({
+  onAnnouncementClear: e,
+  dispatch: r
+}) => {
+  r({
+    type: ge
+  }), typeof e == "function" && e();
+}, ne = ({
+  children: e,
+  clearAnnouncementDelay: r,
+  clearAnnouncementTimeoutRef: t,
+  onAnnouncementClear: a,
+  dispatch: o
+}) => {
+  (t == null ? void 0 : t.current) !== null && clearTimeout(t.current), e !== null && o({
+    type: he,
+    payload: e
+  }), r && (t.current = setTimeout(
+    () => mt({
+      onAnnouncementClear: a,
+      dispatch: o
+    }),
+    r
+  ));
+}, ht = ({
+  children: e,
+  announcementTimeoutRef: r,
+  announcementDelay: t,
+  clearAnnouncementDelay: a,
+  clearAnnouncementTimeoutRef: o,
+  onAnnouncementClear: n,
+  dispatch: i
+}) => {
+  clearTimeout(r.current), t ? r.current = setTimeout(ne, t, {
+    children: e,
+    clearAnnouncementDelay: a,
+    clearAnnouncementTimeoutRef: o,
+    onAnnouncementClear: n,
+    dispatch: i
+  }) : ne({
+    children: e,
+    clearAnnouncementDelay: a,
+    clearAnnouncementTimeoutRef: o,
+    onAnnouncementClear: n,
+    dispatch: i
+  });
+};
+function gt({
+  children: e,
+  className: r,
+  politeness: t,
+  role: a = null,
+  announcementDelay: o,
+  clearAnnouncementDelay: n,
+  onAnnouncementClear: i,
+  visible: s,
+  ...d
+}) {
+  const u = f(), m = f(), [b, g] = Se(ut, {
+    announcement: null
+  });
+  let h = t;
+  typeof h > "u" && (h = a ? dt[a] : "assertive"), R(() => {
+    ht({
+      announcementTimeoutRef: u,
+      announcementDelay: o,
+      children: e,
+      clearAnnouncementDelay: n,
+      clearAnnouncementTimeoutRef: m,
+      onAnnouncementClear: i,
+      dispatch: g
+    });
+  }, [
+    e,
+    o,
+    n,
+    i
+  ]);
+  const p = l(r, {
+    "sr-only": !s
+  });
+  return /* @__PURE__ */ c(
+    "div",
+    {
+      "aria-live": h,
+      ...a && { role: a },
+      className: p,
+      ...d,
+      children: b.announcement
+    }
+  );
+}
+const pt = (e) => {
+  let r = "";
+  if (typeof e == "number" || typeof e == "string")
+    r = "m-" + e;
+  else {
+    const t = [];
+    (e == null ? void 0 : e.t) !== void 0 && t.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && t.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && t.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && t.push(`ml-${e.l}`), r = t.join(" ");
+  }
+  return r;
+};
+/*!
+  @versini/ui-private v1.4.17
+  © 2024 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_PRIVATE__ || (window.__VERSINI_UI_PRIVATE__ = {
+    version: "1.4.17",
+    buildTime: "09/27/2024 11:55 AM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const bt = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", yt = ({
+  mode: e
+}) => l({
+  "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"
+}), ft = ({
+  focusMode: e
+}) => l("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 = ({
+  noBorder: e,
+  error: r
+}) => l("border-2", {
+  "border-border-dark": !e && !r,
+  "focus:border-border-dark": !e && r,
+  "border-border-error-dark": !e && r,
+  "border-transparent": e
+}), vt = ({
+  disabled: e,
+  raw: r,
+  error: t,
+  mode: a
+}) => {
+  if (r)
+    return "";
+  if (e)
+    return l("absolute px-2 cursor-not-allowed opacity-50 font-medium");
+  if (!t)
+    return l("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", {
+      "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"
+    });
+}, _t = ({
+  error: e,
+  raw: r,
+  mode: t,
+  disabled: a
+}) => {
+  if (r)
+    return "";
+  if (a)
+    return l(
+      Q,
+      "absolute px-2 cursor-not-allowed opacity-50 font-medium"
+    );
+  if (!e)
+    return l(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", {
+      "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"
+    });
+}, xt = ({
+  className: e,
+  textAreaClassName: r,
+  raw: t,
+  focusMode: a,
+  disabled: o,
+  noBorder: n,
+  error: i,
+  spacing: s,
+  mode: d
+}) => {
+  const u = t ? e : l(
+    "relative flex w-full flex-col justify-center",
+    rt,
+    e,
+    pt(s)
+  ), m = t ? l(r) : l(
+    me,
+    r,
+    bt(),
+    yt({ mode: d }),
+    ft({ focusMode: a }),
+    kt({
+      noBorder: n,
+      error: i
+    }),
+    {
+      "disabled:cursor-not-allowed disabled:opacity-50": o
+    }
+  ), b = t ? void 0 : "sr-only", g = vt({
+    disabled: o,
+    raw: t,
+    error: i,
+    mode: d
+  }), h = _t({
+    error: i,
+    raw: t,
+    mode: d,
+    disabled: o
+  }), p = t ? void 0 : l(at, "absolute");
+  return {
+    wrapper: u,
+    textArea: m,
+    accessibleLabel: b,
+    visibleLabel: g,
+    helperText: h,
+    rightElement: p
+  };
+}, Tt = ({
+  scrollHeight: e,
+  currentHeight: r,
+  currentLabelOffset: t = 0,
+  currentHelperTextOffset: a = 0
+}) => {
+  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);
+  }
+  return {
+    labelOffset: o,
+    helperTextOffset: n,
+    scrollHeight: e
+  };
+}, wt = T.forwardRef(
+  ({
+    id: e,
+    name: r,
+    label: t,
+    error: a = !1,
+    raw: o = !1,
+    className: n,
+    textAreaClassName: i,
+    mode: s = "system",
+    focusMode: d = "system",
+    value: u,
+    defaultValue: m,
+    disabled: b = !1,
+    noBorder: g = !1,
+    labelId: h,
+    helperText: p = "",
+    helperTextOnFocus: x = !1,
+    rightElement: S,
+    onChange: B,
+    onFocus: H,
+    onBlur: M,
+    spacing: G,
+    ...P
+  }, F) => {
+    const k = f(null), pe = nt([F, k]), [be, L] = lt(), j = f(80), K = f(-25), E = f(null), Z = f(30), W = f(null), A = ct({ id: e, prefix: `${me}-` }), [ye, fe] = $(0), [ke, ee] = $(
+      !!(!x && p)
+    ), ve = `${r} error, ${p}`, N = xt({
+      className: n,
+      textAreaClassName: i,
+      error: a,
+      raw: o,
+      focusMode: d,
+      disabled: b,
+      noBorder: g,
+      spacing: G,
+      mode: s
+    }), [v, _e] = st({
+      value: u,
+      initialControlledDelay: 20,
+      defaultValue: m,
+      onChange: (y) => {
+        B && B({
+          target: {
+            value: y
+          }
+        });
+      }
+    }), xe = (y) => {
+      _e(y.target.value);
+    }, Te = (y) => {
+      x && p && ee(!0), H && H(y);
+    }, we = (y) => {
+      x && p && !v && ee(!1), M && M(y);
+    };
+    return U(() => {
+      L && L.width && fe(L.width + 18 + 10);
+    }, [L]), U(() => {
+      o || k && k.current && v !== void 0 && (k.current.style.height = "inherit", k.current.style.height = k.current.scrollHeight + "px");
+    }, [v, o]), U(() => {
+      o || setTimeout(() => {
+        var y;
+        (y = E == null ? void 0 : E.current) == null || y.style.setProperty(
+          "--av-text-area-wrapper-transition",
+          v ? "none" : "all 0.2s ease-out"
+        );
+      }, 0);
+    }, [v, o]), U(() => {
+      var y, te;
+      if (!o && k && k.current && v !== void 0) {
+        const { labelOffset: q, helperTextOffset: J, scrollHeight: Ne } = Tt({
+          scrollHeight: k.current.scrollHeight,
+          currentHeight: j.current,
+          currentLabelOffset: K.current,
+          currentHelperTextOffset: Z.current
+        });
+        q && (K.current = q, (y = E == null ? void 0 : E.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(
+          "--av-text-area-helper-text",
+          `${J}px`
+        )), j.current = Ne || j.current;
+      }
+    }, [v, o]), /* @__PURE__ */ w("div", { className: N.wrapper, children: [
+      /* @__PURE__ */ c(
+        "label",
+        {
+          htmlFor: A,
+          id: h,
+          className: N.accessibleLabel,
+          children: t
+        }
+      ),
+      /* @__PURE__ */ c(
+        "textarea",
+        {
+          ref: pe,
+          id: A,
+          name: r,
+          disabled: b,
+          placeholder: o ? void 0 : " ",
+          className: N.textArea,
+          rows: 1,
+          ...p && { "aria-describedby": `${A}-helper` },
+          ...a && { "aria-invalid": "true" },
+          ...S && !o && { style: { paddingRight: ye } },
+          value: v,
+          onChange: xe,
+          onFocus: Te,
+          onBlur: we,
+          ...P
+        }
+      ),
+      !o && /* @__PURE__ */ c(
+        "label",
+        {
+          ref: E,
+          "aria-hidden": !0,
+          htmlFor: A,
+          className: N.visibleLabel,
+          children: t
+        }
+      ),
+      ke && /* @__PURE__ */ c(
+        "div",
+        {
+          ref: W,
+          id: `${A}-helper`,
+          className: N.helperText,
+          children: p
+        }
+      ),
+      S && /* @__PURE__ */ c(
+        "div",
+        {
+          ref: be,
+          className: N.rightElement,
+          children: S
+        }
+      ),
+      a && p && /* @__PURE__ */ c(gt, { politeness: "polite", clearAnnouncementDelay: 500, children: ve })
+    ] });
+  }
+);
+wt.displayName = "TextArea";
+export {
+  Rt as AppContext,
+  Ht as E,
+  Ot as HistoryContext,
+  Et as SERVICE_TYPES,
+  Bt as TagsContext,
+  Vt as be,
+  Mt as ce,
+  V as f,
+  Lt as ge,
+  Ut as he,
+  tt as ie,
+  Dt as me,
+  $t as restCall,
+  At as serviceCall,
+  zt as ue,
+  wt as we
+};