@versini/sassysaint 8.44.1 → 8.44.3

package/dist/chunks/index.CyMvgyLB.js

@@ -0,0 +1,804 @@
+import { jsxs as _, jsx as s, Fragment as ae } from "react/jsx-runtime";
+import $, { useState as q, useEffect as z, useRef as N, useLayoutEffect as W, useMemo as Y, useCallback as ie } from "react";
+import o from "clsx";
+const E = "av-bubble", D = "av-button", F = "icon", G = "button", U = "link", oe = ({
+  type: e,
+  size: r,
+  labelRight: t,
+  labelLeft: a,
+  align: i,
+  animated: l
+}) => {
+  const n = "max-h-8 py-0 px-2", d = "max-h-9 h-8 px-3", m = "max-h-12 py-2 px-4";
+  switch (e) {
+    case G:
+    case U:
+      return o({
+        [n]: r === "small",
+        [d]: r === "medium",
+        [m]: r === "large"
+      });
+    case F:
+      return o("flex items-center", {
+        "justify-center": i === "center",
+        "justify-start": i === "left",
+        "justify-end": i === "right",
+        "h-6 w-6 p-0": r === "small" && !l && !(t || a),
+        "h-6 px-1 sm:px-2": r === "small" && !l && (t || a),
+        "h-8 w-8 p-1": r === "medium" && !l && !(t || a),
+        "h-8 px-3": r === "medium" && !l && (t || a),
+        "h-12 w-12 p-2": r === "large" && !l && !(t || a),
+        "h-12 px-4": r === "large" && !l && (t || a),
+        "h-6 py-0": r === "small" && l && !(t || a),
+        "h-6": r === "small" && l && (t || a),
+        "h-8 py-1": r === "medium" && l && !(t || a),
+        "h-8": r === "medium" && l && (t || a),
+        "h-12 py-2": r === "large" && l && !(t || a),
+        "h-12": r === "large" && l && (t || a)
+      });
+  }
+}, le = ({
+  type: e,
+  size: r,
+  labelRight: t,
+  labelLeft: a
+}) => {
+  const i = "text-sm font-medium", l = "text-base font-medium", n = "text-lg font-medium";
+  switch (e) {
+    case G:
+    case U:
+      return o({
+        "text-center": e === U,
+        [i]: r === "small",
+        [l]: r === "medium",
+        [n]: r === "large"
+      });
+    case F:
+      return o({
+        [i]: r === "small" && (t || a),
+        [l]: r === "medium" && (t || a),
+        [n]: r === "large" && (t || a)
+      });
+  }
+}, ne = ({
+  mode: e,
+  noBackground: r,
+  truncate: t,
+  variant: a
+}) => {
+  if (r)
+    return "not-prose";
+  if (a === "primary")
+    return o("not-prose", {
+      truncate: t,
+      "text-copy-dark": e === "dark" || e === "system",
+      "text-copy-light": e === "light" || e === "alt-system",
+      "dark:text-copy-light": e === "system",
+      "dark:text-copy-dark": e === "alt-system"
+    });
+  if (a === "secondary")
+    return o("not-prose", {
+      truncate: t,
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-dark": e === "light" || e === "alt-system",
+      "dark:text-copy-dark": e === "system",
+      "dark:text-copy-light": e === "alt-system"
+    });
+  if (a === "danger")
+    return o("not-prose", {
+      truncate: t,
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
+    });
+  if (a === "selected")
+    return o("not-prose text-copy-lighter", {
+      truncate: t
+    });
+}, se = ({
+  mode: e,
+  noBackground: r,
+  variant: t
+}) => {
+  if (!r) {
+    if (t === "primary")
+      return o({
+        "bg-action-light": e === "dark",
+        "bg-action-dark": e === "light",
+        "bg-action-light dark:bg-action-dark": e === "system",
+        "bg-action-dark dark:bg-action-light": e === "alt-system"
+      });
+    if (t === "secondary")
+      return o({
+        "bg-action-light": e === "light",
+        "bg-action-dark": e === "dark",
+        "bg-action-light dark:bg-action-dark": e === "alt-system",
+        "bg-action-dark dark:bg-action-light": e === "system"
+      });
+    if (t === "danger")
+      return o({
+        "bg-action-danger-dark": e === "dark",
+        "bg-action-danger-light": e === "light",
+        "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
+        "bg-action-danger-light dark:bg-action-danger-dark": e === "alt-system"
+      });
+    if (t === "selected")
+      return "bg-action-selected-dark";
+  }
+}, ce = ({
+  radius: e
+}) => o({
+  "rounded-full": e === "large",
+  "rounded-md": e === "medium",
+  "rounded-xs": e === "small"
+}), de = ({
+  mode: e,
+  disabled: r,
+  variant: t
+}) => {
+  if (r)
+    return "";
+  if (t === "primary")
+    return o({
+      "hover:text-copy-dark-hover": e === "dark" || e === "system",
+      "hover:text-copy-light-hover": e === "light" || e === "alt-system",
+      "dark:hover:text-copy-light-hover": e === "system",
+      "dark:hover:text-copy-dark-hover": e === "alt-system",
+      "hover:bg-action-light-hover": e === "dark",
+      "hover:bg-action-dark-hover": e === "light",
+      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system",
+      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system"
+    });
+  if (t === "secondary")
+    return o({
+      "hover:text-copy-light-hover": e === "dark" || e === "system",
+      "hover:text-copy-dark-hover": e === "light" || e === "alt-system",
+      "dark:hover:text-copy-dark-hover": e === "system",
+      "dark:hover:text-copy-light-hover": e === "alt-system",
+      "hover:bg-action-light-hover": e === "light",
+      "hover:bg-action-dark-hover": e === "dark",
+      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system",
+      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system"
+    });
+  if (t === "danger")
+    return o("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"
+    });
+  if (t === "selected")
+    return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
+}, me = ({
+  mode: e,
+  disabled: r,
+  variant: t
+}) => {
+  if (r)
+    return "";
+  if (t === "primary")
+    return o({
+      "active:text-copy-dark-active": e === "dark" || e === "system",
+      "active:text-copy-light-active": e === "light" || e === "alt-system",
+      "dark:active:text-copy-light-active": e === "system",
+      "dark:active:text-copy-dark-active": e === "alt-system",
+      "active:bg-action-light-active": e === "dark",
+      "active:bg-action-dark-active": e === "light",
+      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system",
+      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system"
+    });
+  if (t === "secondary")
+    return o({
+      "active:text-copy-light-active": e === "dark" || e === "system",
+      "active:text-copy-dark-active": e === "light" || e === "alt-system",
+      "dark:active:text-copy-dark-active": e === "system",
+      "dark:active:text-copy-light-active": e === "alt-system",
+      "active:bg-action-light-active": e === "light",
+      "active:bg-action-dark-active": e === "dark",
+      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system",
+      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system"
+    });
+  if (t === "danger")
+    return o("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"
+    });
+  if (t === "selected")
+    return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
+}, he = ({
+  mode: e,
+  noBorder: r,
+  variant: t
+}) => {
+  if (r)
+    return "border border-transparent";
+  if (t === "primary")
+    return o("border", {
+      "border-border-medium": e === "dark",
+      "border-border-accent": e === "light",
+      "border-border-medium dark:border-border-accent": e === "system",
+      "border-border-accent dark:border-border-medium": e === "alt-system"
+    });
+  if (t === "secondary")
+    return o("border", {
+      "border-border-medium": e === "light",
+      "border-border-accent": e === "dark",
+      "border-border-medium dark:border-border-accent": e === "alt-system",
+      "border-border-accent dark:border-border-medium": e === "system"
+    });
+  if (t === "danger")
+    return o("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"
+    });
+  if (t === "selected")
+    return "border border-border-selected-dark";
+}, ue = ({
+  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 = ({
+  mode: e,
+  raw: r,
+  iconClassName: t,
+  variant: a = "primary"
+}) => {
+  if (r)
+    return "";
+  let i = {};
+  return a === "primary" ? i = {
+    "text-copy-dark": e === "dark" || e === "system",
+    "text-copy-light": e === "light" || e === "alt-system",
+    "dark:text-copy-light": e === "system",
+    "dark:text-copy-dark": e === "alt-system"
+  } : a === "secondary" ? i = {
+    "text-copy-light": e === "dark" || e === "system",
+    "text-copy-dark": e === "light" || e === "alt-system",
+    "dark:text-copy-dark": e === "system",
+    "dark:text-copy-light": e === "alt-system"
+  } : a === "danger" ? i = {
+    "text-copy-light": e === "dark" || e === "system",
+    "text-copy-lighter": e === "light" || e === "alt-system",
+    "dark:text-copy-lighter": e === "system",
+    "dark:text-copy-light": e === "alt-system"
+  } : a === "selected" && (i = {
+    "text-copy-lighter": !0
+  }), o(i, t);
+}, be = ({
+  animated: e
+}) => o({
+  "transition-opacity duration-300 ease-in-out": e
+}), ye = ({
+  type: e,
+  className: r,
+  raw: t,
+  mode: a,
+  focusMode: i,
+  disabled: l,
+  fullWidth: n,
+  size: d,
+  noBorder: m,
+  labelRight: f,
+  labelLeft: k,
+  noBackground: c,
+  variant: h,
+  truncate: u,
+  align: B,
+  radius: I,
+  animated: g
+}) => (h || (h = "primary"), t ? o(D, r) : o(
+  D,
+  ne({
+    mode: a,
+    variant: h,
+    noBackground: c,
+    truncate: u
+  }),
+  se({ mode: a, noBackground: c, variant: h }),
+  ce({ radius: I }),
+  oe({
+    type: e,
+    size: d,
+    labelRight: f,
+    labelLeft: k,
+    align: B,
+    animated: g
+  }),
+  le({ type: e, size: d, labelRight: f, labelLeft: k }),
+  he({ mode: a, variant: h, noBorder: m }),
+  ue({ focusMode: i }),
+  de({ mode: a, variant: h, disabled: l }),
+  me({ mode: a, variant: h, disabled: l }),
+  {
+    "w-full": n,
+    "disabled:cursor-not-allowed disabled:opacity-50": l
+  },
+  o({
+    "transition-[width] duration-300 ease-in": g
+  }),
+  r
+)), fe = (e, r, t) => {
+  !r && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof e?.currentTarget?.focus == "function" && e.currentTarget.focus(), typeof t == "function" && t(e);
+}, J = $.forwardRef((e, r) => {
+  const { onClick: t, noInternalClick: a = !1, ...i } = e;
+  return /* @__PURE__ */ s(
+    "button",
+    {
+      ref: r,
+      onClick: (l) => {
+        fe(l, a, t);
+      },
+      ...i
+    }
+  );
+});
+J.displayName = "BaseButton";
+function pe() {
+  const e = N(!1);
+  return z(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), ie(() => e.current, []);
+}
+function ve(e) {
+  return Y(() => e.every((r) => r == null) ? () => {
+  } : (r) => {
+    e.forEach((t) => {
+      typeof t == "function" ? t(r) : t != null && (t.current = r);
+    });
+  }, [...e]);
+}
+const ke = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0
+};
+function O(e) {
+  const r = pe(), t = N(0), a = N(null), [i, l] = q(ke), n = Y(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((d) => {
+    const m = d[0];
+    m && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
+      a.current && r() && l(m.contentRect);
+    }));
+  }), [r]);
+  return z(() => (a.current && n?.observe(a.current, e), () => {
+    n?.disconnect(), t.current && cancelAnimationFrame(t.current);
+  }), [n, e]), [a, i];
+}
+const M = {
+  small: 24,
+  // w-6
+  medium: 32,
+  // w-8
+  large: 48
+  // w-12
+}, xe = {
+  small: 16,
+  // px-2 x 2
+  medium: 24,
+  // px-3 x 2
+  large: 32
+  // px-4 x 2
+}, we = 2, _e = 300, H = $.forwardRef(
+  ({
+    children: e,
+    disabled: r = !1,
+    mode: t = "system",
+    focusMode: a = "system",
+    fullWidth: i = !1,
+    className: l,
+    type: n = "button",
+    raw: d = !1,
+    noBorder: m = !1,
+    "aria-label": f,
+    label: k,
+    size: c = "medium",
+    labelRight: h,
+    labelLeft: u,
+    noBackground: B = !1,
+    align: I = "center",
+    radius: g = "large",
+    variant: T = "secondary",
+    iconClassName: C,
+    animated: p = !1,
+    ...Z
+  }, Q) => {
+    const X = ye({
+      type: F,
+      mode: t,
+      focusMode: a,
+      fullWidth: i,
+      disabled: r,
+      raw: d,
+      className: l,
+      noBorder: m,
+      size: c,
+      labelRight: h,
+      labelLeft: u,
+      noBackground: B,
+      align: I,
+      radius: g,
+      variant: T,
+      animated: p
+    }), ee = ge({ mode: t, raw: d, iconClassName: C, variant: T }), j = be({ animated: p }), te = "flex items-center justify-center relative w-full h-full overflow-hidden", [b, V] = O(), [y, S] = O(), [R, A] = O(), L = N(0), v = N(null), x = N(null), re = ve([Q, v]);
+    return W(() => {
+      R && R.current && p && (L.current = A.width + xe[c] + (m ? 0 : we), v.current && !v.current.style.width && (v.current.style.width = `${M[c]}px`));
+    }, [A, R, c, m, p]), W(() => {
+      if (v && v.current && p) {
+        let w = M[c];
+        h && b && V.width > 0 ? w = V.width + L.current : u && y && S.width > 0 && (w = S.width + L.current), x.current && clearTimeout(x.current), w !== parseInt(v.current.style.width || "0", 10) && (b.current && (b.current.style.opacity = "0"), y.current && (y.current.style.opacity = "0"), v.current.style.width = `${w}px`, w > M[c] && (x.current = setTimeout(() => {
+          b.current && h && (b.current.style.opacity = "1"), y.current && u && (y.current.style.opacity = "1"), x.current = null;
+        }, _e * 0.8))), w === M[c] && (b.current && (b.current.style.opacity = "0"), y.current && (y.current.style.opacity = "0"));
+      }
+    }, [
+      V,
+      h,
+      b,
+      S,
+      u,
+      y,
+      c,
+      p
+    ]), z(() => () => {
+      x.current && clearTimeout(x.current);
+    }, []), /* @__PURE__ */ s(
+      J,
+      {
+        ref: re,
+        className: X,
+        disabled: r,
+        type: n,
+        "aria-label": f || k,
+        ...Z,
+        children: /* @__PURE__ */ _("div", { className: te, children: [
+          /* @__PURE__ */ s(
+            P,
+            {
+              label: u,
+              labelRef: y,
+              labelClass: j,
+              labelInnerClass: "pr-2",
+              initiallyHidden: p
+            }
+          ),
+          /* @__PURE__ */ s("span", { ref: R, className: ee, children: e }),
+          /* @__PURE__ */ s(
+            P,
+            {
+              label: h,
+              labelRef: b,
+              labelClass: j,
+              labelInnerClass: "pl-2",
+              initiallyHidden: p
+            }
+          )
+        ] })
+      }
+    );
+  }
+), P = ({
+  labelRef: e,
+  labelClass: r,
+  label: t,
+  labelInnerClass: a,
+  initiallyHidden: i = !1
+}) => /* @__PURE__ */ s(
+  "span",
+  {
+    ref: e,
+    className: r,
+    style: i ? { opacity: 0 } : void 0,
+    children: t && /* @__PURE__ */ s("span", { className: a, children: t })
+  }
+);
+H.displayName = "ButtonIcon";
+/*!
+  @versini/ui-button v7.1.5
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
+    version: "7.1.5",
+    buildTime: "08/30/2025 09:38 AM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Ne = $.forwardRef(
+  ({
+    children: e,
+    mode: r = "system",
+    className: t,
+    active: a = !1,
+    ...i
+  }, l) => {
+    const n = a ? o(
+      "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": r === "dark",
+        "after:border-table-light": r === "light",
+        "after:border-table-dark dark:after:border-table-light": r === "system",
+        "after:border-table-light dark:after:border-table-dark": r === "alt-system"
+      }
+    ) : "";
+    return /* @__PURE__ */ s("div", { className: n, children: /* @__PURE__ */ s(
+      H,
+      {
+        className: t,
+        ref: l,
+        mode: r,
+        radius: "small",
+        size: "small",
+        align: "center",
+        ...i,
+        children: e
+      }
+    ) });
+  }
+);
+Ne.displayName = "ButtonSort";
+const K = ({
+  children: e,
+  fill: r,
+  viewBox: t,
+  className: a,
+  defaultViewBox: i,
+  size: l,
+  title: n,
+  semantic: d = !1,
+  ...m
+}) => {
+  const f = o(l, a);
+  return /* @__PURE__ */ s(ae, { children: /* @__PURE__ */ _(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: f,
+      viewBox: t || i,
+      fill: r || "currentColor",
+      role: "img",
+      "aria-hidden": !d,
+      focusable: !1,
+      ...m,
+      children: [
+        n && d && /* @__PURE__ */ s("title", { children: n }),
+        e
+      ]
+    }
+  ) });
+};
+/*!
+  @versini/ui-svgicon v4.2.0
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
+    version: "4.2.0",
+    buildTime: "05/17/2025 06:18 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Be = ({
+  className: e,
+  viewBox: r,
+  title: t,
+  monotone: a,
+  ...i
+}) => /* @__PURE__ */ _(
+  K,
+  {
+    defaultViewBox: "0 0 448 512",
+    size: "size-5",
+    viewBox: r,
+    className: e,
+    title: t || "Copied",
+    ...i,
+    children: [
+      /* @__PURE__ */ s(
+        "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__ */ s("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" })
+    ]
+  }
+), Ie = ({
+  className: e,
+  viewBox: r,
+  title: t,
+  monotone: a,
+  ...i
+}) => /* @__PURE__ */ s(
+  K,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: r,
+    className: e,
+    title: t || "Copy",
+    ...i,
+    children: /* @__PURE__ */ s("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.10.0
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
+    version: "4.10.0",
+    buildTime: "05/17/2025 06:18 PM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Te = ({ kind: e, noMaxWidth: r }) => o("px-4 py-2", {
+  "max-w-xs sm:max-w-md md:max-w-2xl": !r,
+  "lg:max-w-3xl": e === "left" && !r
+}), Ce = ({ kind: e }) => o({
+  "bg-surface-lighter dark:bg-surface-dark": e === "left",
+  "bg-surface-accent": e === "right"
+}), Re = ({ kind: e }) => o(
+  "prose prose-dark dark:prose-lighter",
+  "prose-blockquote:my-1",
+  "prose-ol:my-1 prose-ul:my-1",
+  {
+    "text-copy-lighter": e === "right"
+  }
+), Me = ({ kind: e, tail: r }) => {
+  if (r)
+    return o(
+      `${E}-${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 (!r)
+    return o("rounded-b-xl", {
+      "rounded-tr-xl": e === "left",
+      "rounded-tl-xl": e === "right"
+    });
+}, Ee = ({
+  kind: e,
+  className: r,
+  contentClassName: t,
+  noMaxWidth: a,
+  tail: i
+}) => {
+  const l = o(
+    E,
+    `${E}-${e}`,
+    "flex items-start",
+    {
+      "flex-row-reverse": e === "right"
+    },
+    r
+  ), n = o(
+    `${E}-content`,
+    "flex flex-col empty:hidden",
+    Te({ kind: e, noMaxWidth: a }),
+    Re({ kind: e }),
+    Ce({ kind: e }),
+    Me({ kind: e, tail: i }),
+    t
+  ), d = "pr-2 pt-1 text-end text-xs text-copy-light", m = o("flex flex-col-reverse sm:flex-row", {
+    "ml-2": e === "left" && !i,
+    "mr-2": e === "right" && !i,
+    "ml-1": e === "left" && i,
+    "mr-1": e === "right" && i
+  });
+  return {
+    wrapper: l,
+    main: n,
+    footer: d,
+    copyButton: m
+  };
+}, ze = "FOOTER_EMPTY", Oe = ({
+  children: e,
+  kind: r = "left",
+  className: t,
+  contentClassName: a,
+  footer: i,
+  rawFooter: l,
+  copyToClipboard: n,
+  copyToClipboardFocusMode: d = "system",
+  copyToClipboardMode: m = "system",
+  noMaxWidth: f = !1,
+  tail: k = !1
+}) => {
+  const [c, h] = q(!1), u = Ee({
+    kind: r,
+    className: t,
+    contentClassName: a,
+    noMaxWidth: f,
+    tail: k
+  }), B = !!n && (typeof n == "function" || typeof n == "string" || typeof e == "string"), I = () => {
+    h(!0), typeof n == "function" ? n(e) : typeof n == "string" ? navigator.clipboard.writeText(n) : typeof e == "string" && navigator.clipboard.writeText(e);
+  };
+  return z(() => {
+    let g;
+    return c && (g = window.setTimeout(() => {
+      h(!1);
+    }, 3e3)), () => {
+      clearTimeout(g);
+    };
+  }, [c]), /* @__PURE__ */ _("div", { className: u.wrapper, children: [
+    /* @__PURE__ */ _("div", { children: [
+      /* @__PURE__ */ s("div", { className: u.main, children: e }),
+      i && Object.keys(i).map((g, T) => {
+        const C = i[g];
+        return C === ze ? /* @__PURE__ */ s("div", { className: "prose-p:m-0", children: /* @__PURE__ */ s("p", { className: u.footer, "aria-hidden": "true", children: /* @__PURE__ */ s("span", { className: "invisible", children: " " }) }) }, `${g}-${T}`) : C ? /* @__PURE__ */ s("div", { className: "prose-p:m-0", children: /* @__PURE__ */ _("p", { className: u.footer, children: [
+          g,
+          ": ",
+          C
+        ] }) }, `${g}-${T}`) : null;
+      }),
+      l && l
+    ] }),
+    B && /* @__PURE__ */ s("div", { className: u.copyButton, children: /* @__PURE__ */ s(
+      H,
+      {
+        noBorder: !0,
+        noBackground: !0,
+        size: "small",
+        mode: m,
+        focusMode: d,
+        label: c ? "Copied to clipboard" : "Copy to clipboard",
+        onClick: I,
+        disabled: c,
+        children: c ? /* @__PURE__ */ s(Be, { size: "size-3" }) : /* @__PURE__ */ s(Ie, { size: "size-3" })
+      }
+    ) })
+  ] });
+};
+/*!
+  @versini/ui-bubble v5.0.7
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
+    version: "5.0.7",
+    buildTime: "08/30/2025 09:40 AM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+export {
+  E as BUBBLE_CLASSNAME,
+  ze as BUBBLE_FOOTER_EMPTY,
+  Oe as Bubble
+};