@versini/sassysaint 8.76.0 → 8.77.0

package/dist/chunks/index.AVBqcs3f.js

@@ -0,0 +1,266 @@
+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.BcYESdDV.js";
+import ue, { useRef as k, useState as I, useLayoutEffect as R } from "react";
+import o from "clsx";
+/*!
+  @versini/ui-textarea v5.1.0
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
+    version: "5.1.0",
+    buildTime: "11/04/2025 03:43 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    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: F, onBlur: M, ...Y }, z) => {
+  const i = k(null), D = ce([
+    z,
+    i
+  ]), [V, L] = W(), [q, T] = W(), O = k(80), $ = k(-25), v = k(null), w = k(30), X = k(null), _ = ne({
+    id: e,
+    prefix: `${B}-`
+  }), [U, J] = I(0), [j, 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), F && F(n);
+  }, se = (n) => {
+    b && l && !p && G(!1), M && M(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: $.current,
+        currentHelperTextOffset: w.current
+      });
+      n && ($.current = n, v?.current?.style.setProperty("--av-text-area-label", `${n}px`)), E && (w.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: U
+          }
+        },
+        ...A && !f && !r && {
+          style: {
+            paddingLeft: j
+          }
+        },
+        ...f && A && !r && {
+          style: {
+            paddingRight: U,
+            paddingLeft: j
+          }
+        },
+        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
+};

package/dist/chunks/{index.DUl-LwyU.js → index.B4-jvDi6.js}

@@ -1,4 +1,4 @@
-import { factorySpace as M, markdownLineEnding as g } from "./useMarkdown.Bf7wGKkC.js";
+import { factorySpace as M, markdownLineEnding as g } from "./useMarkdown.KipSXqDZ.js";
 import { longestStreak as q } from "./index.Cyw5OC0t.js";
 function b() {
   return {

package/dist/chunks/{index.DEKgWsou.js → index.BVMzTtBw.js}

@@ -1,4 +1,4 @@
-import { convert as se, visitParents as Me, unicodeWhitespace as I, unicodePunctuation as N, normalizeIdentifier as _, classifyCharacter as W, visit as _e, toString as ce, EXIT as Oe, asciiAlphanumeric as Z, asciiAlpha as P, markdownLineEndingOrSpace as A, asciiControl as je, blankLine as Be, factorySpace as S, splice as q, resolveAll as We, markdownLineEnding as R, markdownSpace as T, combineExtensions as $e } from "./useMarkdown.Bf7wGKkC.js";
+import { convert as se, visitParents as Me, unicodeWhitespace as I, unicodePunctuation as N, normalizeIdentifier as _, classifyCharacter as W, visit as _e, toString as ce, EXIT as Oe, asciiAlphanumeric as Z, asciiAlpha as P, markdownLineEndingOrSpace as A, asciiControl as je, blankLine as Be, factorySpace as S, splice as q, resolveAll as We, markdownLineEnding as R, markdownSpace as T, combineExtensions as $e } from "./useMarkdown.KipSXqDZ.js";
 import { longestStreak as qe } from "./index.Cyw5OC0t.js";
 function ne(e, n) {
   const t = String(e);