@versini/sassysaint 8.68.0 → 8.70.0

package/dist/chunks/index.C0hBKDgD.js

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

package/dist/chunks/{index.B2C-ngQ9.js → index.CTgvpxYe.js}

@@ -1,4 +1,4 @@
-import { convert as E, convertElement as u } from "./useMarkdown.Bj5HO16s.js";
+import { convert as E, convertElement as u } from "./useMarkdown.CZcXi3B7.js";
 const f = (
   // Note: overloads like this are needed to support optional generics.
   /**

package/dist/chunks/{index.tKnFdz08.js → index.Cfv_6CcW.js}

@@ -1,5 +1,5 @@
 import { jsxs as p, jsx as i } from "react/jsx-runtime";
-import { te as B } from "./index.gE6u6VzH.js";
+import { te as B } from "./index.DjSi9ICW.js";
 import { useState as I, useEffect as k } from "react";
 import s from "clsx";
 const h = "av-bubble", w = ({
@@ -230,13 +230,13 @@ const E = ({ kind: e, noMaxWidth: t }) => s("px-4 py-2", {
   ] });
 };
 /*!
-  @versini/ui-bubble v6.1.1
+  @versini/ui-bubble v6.1.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
-    version: "6.1.1",
-    buildTime: "10/20/2025 07:55 PM EDT",
+    version: "6.1.3",
+    buildTime: "10/22/2025 05:50 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });