@versini/ui-bubble 5.0.7 → 6.0.0

package/dist/components/Bubble/Bubble.js

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

package/dist/index.js

@@ -1,12 +1,12 @@
 import { BUBBLE_CLASSNAME as i, BUBBLE_FOOTER_EMPTY as o, Bubble as E } from "./components/Bubble/Bubble.js";
 /*!
-  @versini/ui-bubble v5.0.7
+  @versini/ui-bubble v6.0.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
-    version: "5.0.7",
-    buildTime: "08/30/2025 09:40 AM EDT",
+    version: "6.0.0",
+    buildTime: "09/01/2025 03:19 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-bubble",
-	"version": "5.0.7",
+	"version": "6.0.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -37,22 +37,22 @@
 		"test": "vitest run"
 	},
 	"peerDependencies": {
-		"react": "^18.3.1 || ^19.0.0",
-		"react-dom": "^18.3.1 || ^19.0.0"
+		"react": "^19.0.0",
+		"react-dom": "^19.0.0"
 	},
 	"devDependencies": {
 		"@testing-library/jest-dom": "6.8.0",
-		"@versini/ui-types": "../ui-types"
+		"@versini/ui-types": "6.0.0"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-button": "../ui-button",
-		"@versini/ui-icons": "4.10.0",
+		"@versini/ui-button": "8.0.0",
+		"@versini/ui-icons": "4.11.0",
 		"clsx": "2.1.1",
 		"tailwindcss": "4.1.12"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "5eb39cc5007a0262326acdcbc7186211e5a5f78d"
+	"gitHead": "70a47e9e30172dbb7b36306773fe9511e437fba6"
 }