@versini/sassysaint 8.75.5 → 8.76.1

package/dist/chunks/index.BHHgvfWz.js

@@ -1,357 +0,0 @@
-import { jsxs as oe, jsx as x } from "react/jsx-runtime";
-import { o as se, h$1 as U, i as ie, x as de } from "./index.-hzHawd8.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.7
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "5.0.7",
-    buildTime: "10/24/2025 07:46 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-export {
-  Ee as Re
-};

package/dist/chunks/index.WAJtnhmS.js

@@ -1,249 +0,0 @@
-import { jsxs as p, jsx as i } from "react/jsx-runtime";
-import { te as B } from "./index.-hzHawd8.js";
-import { useState as I, useEffect as k } from "react";
-import s from "clsx";
-const h = "av-bubble", w = ({
-  children: e,
-  fill: t,
-  viewBox: l,
-  className: a,
-  defaultViewBox: o,
-  size: n,
-  title: r,
-  semantic: d = !1,
-  ...b
-}) => {
-  const u = s(n, a);
-  return /* @__PURE__ */ p(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      className: u,
-      viewBox: l || o,
-      fill: t || "currentColor",
-      role: "img",
-      "aria-hidden": !d,
-      focusable: !1,
-      ...b,
-      children: [
-        r && d && /* @__PURE__ */ i("title", { children: r }),
-        e
-      ]
-    }
-  );
-};
-/*!
-  @versini/ui-svgicon v4.2.2
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "4.2.2",
-    buildTime: "10/24/2025 06:42 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const M = ({
-  className: e,
-  viewBox: t,
-  title: l,
-  monotone: a,
-  ...o
-}) => /* @__PURE__ */ p(
-  w,
-  {
-    defaultViewBox: "0 0 448 512",
-    size: "size-5",
-    viewBox: t,
-    className: e,
-    title: l || "Copied",
-    ...o,
-    children: [
-      /* @__PURE__ */ i(
-        "path",
-        {
-          d: "M0 96v320c0 35.3 28.7 64 64 64h320c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64C28.7 32 0 60.7 0 96m104 160c0-6.1 2.3-12.3 7-17 9.4-9.4 24.6-9.4 33.9 0l47 47 111-111c4.7-4.7 10.8-7 17-7s12.3 2.3 17 7c2.3 2.3 4.1 5 5.3 7.9.6 1.5 1 2.9 1.3 4.4.2 1.1.3 2.2.3 2.2.1 1.2.1 1.2.1 2.5-.1 1.5-.1 1.9-.1 2.3-.1.7-.2 1.5-.3 2.2-.3 1.5-.7 3-1.3 4.4-1.2 2.9-2.9 5.6-5.3 7.9l-128 128c-4.7 4.7-10.8 7-17 7s-12.3-2.3-17-7l-64-64c-4.7-4.7-7-10.8-7-17z",
-          opacity: ".4"
-        }
-      ),
-      /* @__PURE__ */ i("path", { d: "M337 175c9.4 9.4 9.4 24.6 0 33.9L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0z" })
-    ]
-  }
-), T = ({
-  className: e,
-  viewBox: t,
-  title: l,
-  monotone: a,
-  ...o
-}) => /* @__PURE__ */ i(
-  w,
-  {
-    defaultViewBox: "0 0 512 512",
-    size: "size-5",
-    viewBox: t,
-    className: e,
-    title: l || "Copy",
-    ...o,
-    children: /* @__PURE__ */ i("path", { d: "M64 464h224c8.8 0 16-7.2 16-16v-64h48v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h64v48H64c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16m160-160h224c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H224c-8.8 0-16 7.2-16 16v224c0 8.8 7.2 16 16 16m-64-16V64c0-35.3 28.7-64 64-64h224c35.3 0 64 28.7 64 64v224c0 35.3-28.7 64-64 64H224c-35.3 0-64-28.7-64-64" })
-  }
-);
-/*!
-  @versini/ui-icons v4.14.1
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.14.1",
-    buildTime: "10/24/2025 06:42 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const E = ({ kind: e, noMaxWidth: t }) => s("px-4 py-2", {
-  "max-w-xs sm:max-w-md md:max-w-2xl": !t,
-  "lg:max-w-3xl": e === "left" && !t
-}), C = ({ kind: e }) => s({
-  "bg-surface-lighter dark:bg-surface-dark": e === "left",
-  "bg-surface-accent": e === "right"
-}), V = ({ kind: e }) => s(
-  "prose prose-dark dark:prose-lighter",
-  "prose-blockquote:my-1",
-  "prose-ol:my-1 prose-ul:my-1",
-  {
-    "text-copy-lighter": e === "right"
-  }
-), S = ({ kind: e, tail: t }) => {
-  if (t)
-    return s(
-      `${h}-${e}-tail`,
-      "rounded-3xl",
-      "relative",
-      "before:content-['']",
-      "before:w-3",
-      "before:h-2",
-      "before:absolute",
-      "before:bottom-0",
-      {
-        "last-bubble-right:before:right-[2px] last-bubble-right:before:border-l-[8px] last-bubble-right:before:border-l-surface-accent last-bubble-right:before:rounded-bl-[100%]": e === "right",
-        "last-bubble-left:before:left-[2px] last-bubble-left:before:border-r-[8px] last-bubble-left:before:border-r-surface-lighter last-bubble-left:dark:before:border-r-surface-dark last-bubble-left:before:rounded-br-[100%]": e === "left"
-      }
-    );
-  if (!t)
-    return s("rounded-b-xl", {
-      "rounded-tr-xl": e === "left",
-      "rounded-tl-xl": e === "right"
-    });
-}, z = ({
-  kind: e,
-  className: t,
-  contentClassName: l,
-  noMaxWidth: a,
-  tail: o
-}) => {
-  const n = s(
-    h,
-    `${h}-${e}`,
-    "flex items-start",
-    {
-      "flex-row-reverse": e === "right"
-    },
-    t
-  ), r = s(
-    `${h}-content`,
-    "flex flex-col empty:hidden",
-    E({ kind: e, noMaxWidth: a }),
-    V({ kind: e }),
-    C({ kind: e }),
-    S({ kind: e, tail: o }),
-    l
-  ), d = "pr-2 pt-1 text-end text-xs text-copy-light", b = s("flex flex-col-reverse sm:flex-row", {
-    "ml-2": e === "left" && !o,
-    "mr-2": e === "right" && !o,
-    "ml-1": e === "left" && o,
-    "mr-1": e === "right" && o
-  });
-  return {
-    wrapper: n,
-    main: r,
-    footer: d,
-    copyButton: b
-  };
-}, O = "FOOTER_EMPTY", P = ({
-  children: e,
-  kind: t = "left",
-  className: l,
-  contentClassName: a,
-  footer: o,
-  rawFooter: n,
-  copyToClipboard: r,
-  copyToClipboardFocusMode: d = "system",
-  copyToClipboardMode: b = "system",
-  noMaxWidth: u = !1,
-  tail: v = !1
-}) => {
-  const [m, _] = I(!1), f = z({
-    kind: t,
-    className: l,
-    contentClassName: a,
-    noMaxWidth: u,
-    tail: v
-  }), N = !!r && (typeof r == "function" || typeof r == "string" || typeof e == "string"), y = () => {
-    _(!0), typeof r == "function" ? r(e) : typeof r == "string" ? navigator.clipboard.writeText(r) : typeof e == "string" && navigator.clipboard.writeText(e);
-  };
-  return k(() => {
-    let c;
-    return m && (c = window.setTimeout(() => {
-      _(!1);
-    }, 3e3)), () => {
-      clearTimeout(c);
-    };
-  }, [m]), /* @__PURE__ */ p("div", { className: f.wrapper, children: [
-    /* @__PURE__ */ p("div", { children: [
-      /* @__PURE__ */ i("div", { className: f.main, children: e }),
-      o && Object.keys(o).map((c, g) => {
-        const x = o[c];
-        return x === O ? /* @__PURE__ */ i("div", { className: "prose-p:m-0", children: /* @__PURE__ */ i("p", { className: f.footer, "aria-hidden": "true", children: /* @__PURE__ */ i("span", { className: "invisible", children: " " }) }) }, `${c}-${g}`) : x ? /* @__PURE__ */ i("div", { className: "prose-p:m-0", children: /* @__PURE__ */ p("p", { className: f.footer, children: [
-          c,
-          ": ",
-          x
-        ] }) }, `${c}-${g}`) : null;
-      }),
-      n && n
-    ] }),
-    N && /* @__PURE__ */ i("div", { className: f.copyButton, children: /* @__PURE__ */ i(
-      B,
-      {
-        noBorder: !0,
-        noBackground: !0,
-        size: "small",
-        mode: b,
-        focusMode: d,
-        label: m ? "Copied to clipboard" : "Copy to clipboard",
-        onClick: y,
-        disabled: m,
-        children: m ? /* @__PURE__ */ i(M, { size: "size-3" }) : /* @__PURE__ */ i(T, { size: "size-3" })
-      }
-    ) })
-  ] });
-};
-/*!
-  @versini/ui-bubble v6.1.4
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
-    version: "6.1.4",
-    buildTime: "10/24/2025 07:48 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-export {
-  h as BUBBLE_CLASSNAME,
-  O as BUBBLE_FOOTER_EMPTY,
-  P as Bubble
-};