@versini/ui-bubble 4.0.4 → 4.0.6

package/dist/index.js

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