@versini/sassysaint 8.101.1 → 8.101.3

package/dist/chunks/index.Cu1_r5cX.js

@@ -1,266 +0,0 @@
-import { jsxs as oe, jsx as h } from "react/jsx-runtime";
-import { useMergeRefs as ce, useResizeObserver as W, useUniqueId as ne, useUncontrolled as le, LiveRegion as ie } from "./index.CaIG7RGp.js";
-import ue, { useRef as k, useState as I, useLayoutEffect as R } from "react";
-import o from "clsx";
-/*!
-  @versini/ui-textarea v5.1.8
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "5.1.8",
-    buildTime: "12/16/2025 01:50 PM EST",
-    homepage: "https://www.npmjs.com/package/@versini/ui-textarea",
-    license: "MIT"
-  });
-} catch {
-}
-const B = "av-text-area", de = "av-text-area-wrapper", H = "av-text-area-helper-text", fe = "av-text-area__control--right", pe = "av-text-area__control--left", xe = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", ye = ({ mode: e }) => o({
-  "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"
-}), he = ({ focusMode: e }) => o("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"
-}), ge = ({ noBorder: e, error: a }) => o("border-2", {
-  "border-border-dark": !e && !a,
-  "focus:border-border-dark": !e && a,
-  "border-border-error-dark": !e && a,
-  "border-transparent": e
-}), Ae = ({ disabled: e, raw: a, error: t, mode: s, leftElement: r, rightElement: c }) => {
-  if (a)
-    return "";
-  if (e)
-    return o("transform translate-y-0 scale-100 absolute px-2 cursor-not-allowed opacity-50 font-medium", {
-      "translate-x-[10px]": c === !0 && !r || !c && !r
-    });
-  if (!t)
-    return o("absolute px-2 cursor-text font-medium transform translate-y-0 scale-100", {
-      "translate-x-[10px]": c === !0 && !r || !c && !r,
-      "text-copy-medium": s === "dark",
-      "text-copy-dark": s === "light",
-      "text-copy-dark dark:text-copy-medium": s === "system",
-      "text-copy-medium dark:text-copy-dark": s === "alt-system"
-    });
-  if (t)
-    return o("absolute px-2 cursor-text font-medium transform translate-y-0 scale-100", {
-      "translate-x-[10px]": c === !0 && !r || !c && !r,
-      "text-copy-medium": s === "dark",
-      "text-copy-error-dark": s === "light",
-      "text-copy-error-dark dark:text-copy-error-light": s === "system",
-      "text-copy-medium dark:text-copy-error-dark": s === "alt-system"
-    });
-}, Te = ({ error: e, raw: a, mode: t, disabled: s }) => {
-  if (a)
-    return "";
-  if (s)
-    return o(H, "absolute px-2 cursor-not-allowed opacity-50 font-medium");
-  if (!e)
-    return o(H, "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 o(H, "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"
-    });
-}, ke = ({ className: e, textAreaClassName: a, raw: t, focusMode: s, disabled: r, noBorder: c, error: u, mode: d, leftElement: x, rightElement: g }) => {
-  const N = t ? e : o("relative flex w-full flex-col justify-center", de, e), m = t ? o(a) : o(B, a, xe(), ye({
-    mode: d
-  }), he({
-    focusMode: s
-  }), ge({
-    noBorder: c,
-    error: u
-  }), {
-    "disabled:cursor-not-allowed disabled:opacity-50": r
-  }), S = t ? void 0 : "sr-only", C = Ae({
-    disabled: r,
-    raw: t,
-    error: u,
-    mode: d,
-    rightElement: g,
-    leftElement: x
-  }), l = Te({
-    error: u,
-    raw: t,
-    mode: d,
-    disabled: r
-  }), b = t ? void 0 : o(fe, "absolute"), f = t ? void 0 : o(pe, "absolute");
-  return {
-    wrapper: N,
-    textArea: m,
-    accessibleLabel: S,
-    visibleLabel: C,
-    helperText: l,
-    rightElement: b,
-    leftElement: f
-  };
-}, be = ({ scrollHeight: e, currentHeight: a, currentLabelOffset: t = 0, currentHelperTextOffset: s = 0 }) => {
-  let u, d;
-  if (e > 0 && e !== a) {
-    const x = e - a, g = Math.abs(x / 24);
-    u = t + -1 * Math.sign(x) * (12 * g), d = s + Math.sign(x) * (12 * g);
-  }
-  return {
-    labelOffset: u,
-    helperTextOffset: d,
-    scrollHeight: e
-  };
-}, _e = /* @__PURE__ */ ue.forwardRef(({ id: e, name: a, label: t, error: s = !1, raw: r = !1, className: c, textAreaClassName: u, mode: d = "system", focusMode: x = "system", value: g, defaultValue: N, disabled: m = !1, noBorder: S = !1, labelId: C, helperText: l = "", helperTextOnFocus: b = !1, rightElement: f, leftElement: A, onChange: P, onFocus: w, onBlur: F, ...Y }, z) => {
-  const i = k(null), D = ce([
-    z,
-    i
-  ]), [V, L] = W(), [q, T] = W(), O = k(80), M = k(-25), v = k(null), $ = k(30), X = k(null), _ = ne({
-    id: e,
-    prefix: `${B}-`
-  }), [j, J] = I(0), [U, K] = I(0), [Q, G] = I(!!(!b && l)), Z = `${a} error, ${l}`, y = ke({
-    className: c,
-    textAreaClassName: u,
-    error: s,
-    raw: r,
-    focusMode: x,
-    disabled: m,
-    noBorder: S,
-    mode: d,
-    rightElement: !!f,
-    leftElement: !!A
-  }), [p, ee] = le({
-    value: g,
-    initialControlledDelay: 20,
-    defaultValue: N,
-    onChange: (n) => {
-      P && P({
-        target: {
-          value: n
-        }
-      });
-    }
-  }), te = (n) => {
-    ee(n.target.value);
-  }, re = (n) => {
-    b && l && G(!0), w && w(n);
-  }, se = (n) => {
-    b && l && !p && G(!1), F && F(n);
-  };
-  return R(() => {
-    L && L.width && J(L.width + 18 + 10);
-  }, [
-    L
-  ]), R(() => {
-    T && T.width && K(T.width + 18 + 10);
-  }, [
-    T
-  ]), R(() => {
-    r || i && i.current && p !== void 0 && (i.current.style.height = "inherit", i.current.style.height = i.current.scrollHeight + "px");
-  }, [
-    p,
-    r
-  ]), R(() => {
-    r || setTimeout(() => {
-      v?.current?.style.setProperty("--av-text-area-wrapper-transition", p ? "none" : "all 0.2s ease-out");
-    }, 0);
-  }, [
-    p,
-    r
-  ]), R(() => {
-    if (!r && i && i.current && p !== void 0) {
-      const { labelOffset: n, helperTextOffset: E, scrollHeight: ae } = be({
-        scrollHeight: i.current.scrollHeight,
-        currentHeight: O.current,
-        currentLabelOffset: M.current,
-        currentHelperTextOffset: $.current
-      });
-      n && (M.current = n, v?.current?.style.setProperty("--av-text-area-label", `${n}px`)), E && ($.current = E, X?.current?.style.setProperty("--av-text-area-helper-text", `${E}px`)), O.current = ae || O.current;
-    }
-  }, [
-    p,
-    r
-  ]), T.width > 0 && v?.current?.style.setProperty("--tw-translate-x", `${12 + T.width + 5}px`), /* @__PURE__ */ oe("div", {
-    className: y.wrapper,
-    children: [
-      /* @__PURE__ */ h("label", {
-        htmlFor: _,
-        id: C,
-        className: y.accessibleLabel,
-        children: t
-      }),
-      A && /* @__PURE__ */ h("div", {
-        ref: q,
-        className: y.leftElement,
-        children: A
-      }),
-      /* @__PURE__ */ h("textarea", {
-        ref: D,
-        id: _,
-        name: a,
-        disabled: m,
-        placeholder: r ? void 0 : " ",
-        className: y.textArea,
-        rows: 1,
-        ...l && {
-          "aria-describedby": `${_}-helper`
-        },
-        ...s && {
-          "aria-invalid": "true"
-        },
-        ...f && !A && !r && {
-          style: {
-            paddingRight: j
-          }
-        },
-        ...A && !f && !r && {
-          style: {
-            paddingLeft: U
-          }
-        },
-        ...f && A && !r && {
-          style: {
-            paddingRight: j,
-            paddingLeft: U
-          }
-        },
-        value: p,
-        onChange: te,
-        onFocus: re,
-        onBlur: se,
-        ...Y
-      }),
-      !r && /* @__PURE__ */ h("label", {
-        ref: v,
-        "aria-hidden": !0,
-        htmlFor: _,
-        className: `${y.visibleLabel}`,
-        children: t
-      }),
-      Q && /* @__PURE__ */ h("div", {
-        ref: X,
-        id: `${_}-helper`,
-        className: y.helperText,
-        children: l
-      }),
-      f && /* @__PURE__ */ h("div", {
-        ref: V,
-        className: y.rightElement,
-        children: f
-      }),
-      s && l && /* @__PURE__ */ h(ie, {
-        politeness: "polite",
-        clearAnnouncementDelay: 500,
-        children: Z
-      })
-    ]
-  });
-});
-_e.displayName = "TextArea";
-export {
-  _e as TextArea
-};