@versini/ui-bubble 5.0.0 → 5.0.2

package/dist/components/Bubble/Bubble.js

@@ -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", u = "max-h-12 py-2 px-4";
+  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";
   switch (e) {
     case Y:
     case L:
       return o({
         [s]: r === "small",
         [d]: r === "medium",
-        [u]: r === "large"
+        [m]: r === "large"
       });
     case j:
       return o("flex items-center", {
@@ -24,7 +24,7 @@ const R = "av-bubble", q = "av-button", j = "icon", Y = "button", L = "link", oe
         "justify-start": i === "left",
         "justify-end": i === "right",
         "h-6 w-6 p-0": r === "small" && !l && !(t || a),
-        "h-6 px-2": 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),
@@ -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";
-}, ue = ({
+}, me = ({
   mode: e,
   disabled: r,
   variant: t
@@ -208,7 +208,7 @@ const R = "av-bubble", q = "av-button", j = "icon", Y = "button", L = "link", oe
     });
   if (t === "selected")
     return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
-}, me = ({
+}, ue = ({
   mode: e,
   noBorder: r,
   variant: t
@@ -285,24 +285,24 @@ const R = "av-bubble", q = "av-button", j = "icon", Y = "button", L = "link", oe
   disabled: l,
   fullWidth: s,
   size: d,
-  noBorder: u,
+  noBorder: m,
   labelRight: y,
   labelLeft: k,
   noBackground: c,
-  variant: m,
+  variant: u,
   truncate: g,
   align: _,
   radius: I,
   animated: b
-}) => (m || (m = "primary"), t ? o(q, r) : o(
+}) => (u || (u = "primary"), t ? o(q, r) : o(
   q,
   se({
     mode: a,
-    variant: m,
+    variant: u,
     noBackground: c,
     truncate: g
   }),
-  ne({ mode: a, noBackground: c, variant: m }),
+  ne({ mode: a, noBackground: c, variant: u }),
   ce({ radius: I }),
   oe({
     type: e,
@@ -313,10 +313,10 @@ const R = "av-bubble", q = "av-button", j = "icon", Y = "button", L = "link", oe
     animated: b
   }),
   le({ type: e, size: d, labelRight: y, labelLeft: k }),
-  me({ mode: a, variant: m, noBorder: u }),
+  ue({ mode: a, variant: u, noBorder: m }),
   ge({ focusMode: i }),
-  de({ mode: a, variant: m, disabled: l }),
-  ue({ mode: a, variant: m, disabled: l }),
+  de({ mode: a, variant: u, disabled: l }),
+  me({ mode: a, variant: u, disabled: l }),
   {
     "w-full": s,
     "disabled:cursor-not-allowed disabled:opacity-50": l
@@ -367,9 +367,9 @@ const ke = {
 };
 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 u = d[0];
-    u && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
-      a.current && r() && l(u.contentRect);
+    const m = d[0];
+    m && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
+      a.current && r() && l(m.contentRect);
     }));
   }), [r]);
   return M(() => (a.current && s?.observe(a.current, e), () => {
@@ -400,11 +400,11 @@ const z = {
     className: l,
     type: s = "button",
     raw: d = !1,
-    noBorder: u = !1,
+    noBorder: m = !1,
     "aria-label": y,
     label: k,
     size: c = "medium",
-    labelRight: m,
+    labelRight: u,
     labelLeft: g,
     noBackground: _ = !1,
     align: I = "center",
@@ -422,9 +422,9 @@ const z = {
       disabled: r,
       raw: d,
       className: l,
-      noBorder: u,
+      noBorder: m,
       size: c,
-      labelRight: m,
+      labelRight: u,
       labelLeft: g,
       noBackground: _,
       align: I,
@@ -433,17 +433,17 @@ const z = {
       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, P] = O(), V = N(0), p = N(null), x = N(null), re = pe([X, p]);
     return F(() => {
-      E && E.current && v && (V.current = P.width + xe[c] + (u ? 0 : we), p.current && !p.current.style.width && (p.current.style.width = `${z[c]}px`));
-    }, [P, E, c, u, v]), F(() => {
+      E && E.current && v && (V.current = P.width + xe[c] + (m ? 0 : we), p.current && !p.current.style.width && (p.current.style.width = `${z[c]}px`));
+    }, [P, E, c, m, v]), F(() => {
       if (p && p.current && v) {
         let w = z[c];
-        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[c] && (x.current = setTimeout(() => {
-          h.current && m && (h.current.style.opacity = "1"), f.current && g && (f.current.style.opacity = "1"), x.current = null;
+        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"));
       }
     }, [
       $,
-      m,
+      u,
       h,
       S,
       g,
@@ -476,7 +476,7 @@ const z = {
           /* @__PURE__ */ n(
             D,
             {
-              label: m,
+              label: u,
               labelRef: h,
               labelClass: A,
               labelInnerClass: "pl-2",
@@ -504,13 +504,13 @@ const z = {
 );
 H.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v7.0.0
+  @versini/ui-button v7.1.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "7.0.0",
-    buildTime: "08/07/2025 04:11 PM EDT",
+    version: "7.1.1",
+    buildTime: "08/10/2025 01:26 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -544,10 +544,12 @@ const Ne = U.forwardRef(
     return /* @__PURE__ */ n("div", { className: s, children: /* @__PURE__ */ n(
       H,
       {
-        className: o("justify-center", t),
+        className: t,
         ref: l,
         mode: r,
         radius: "small",
+        size: "small",
+        align: "center",
         ...i,
         children: e
       }
@@ -564,7 +566,7 @@ const K = ({
   size: l,
   title: s,
   semantic: d = !1,
-  ...u
+  ...m
 }) => {
   const y = o(l, a);
   return /* @__PURE__ */ n(ae, { children: /* @__PURE__ */ B(
@@ -577,7 +579,7 @@ const K = ({
       role: "img",
       "aria-hidden": !d,
       focusable: !1,
-      ...u,
+      ...m,
       children: [
         s && d && /* @__PURE__ */ n("title", { children: s }),
         e
@@ -712,7 +714,7 @@ const Ce = ({ kind: e, noMaxWidth: r }) => o("px-4 py-2", {
     Te({ kind: e }),
     ze({ kind: e, tail: i }),
     t
-  ), d = "pr-2 pt-1 text-end text-xs text-copy-light", u = o("flex flex-col-reverse sm:flex-row", {
+  ), 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,
@@ -722,7 +724,7 @@ const Ce = ({ kind: e, noMaxWidth: r }) => o("px-4 py-2", {
     wrapper: l,
     main: s,
     footer: d,
-    copyButton: u
+    copyButton: m
   };
 }, Me = "FOOTER_EMPTY", Oe = ({
   children: e,
@@ -733,23 +735,23 @@ const Ce = ({ kind: e, noMaxWidth: r }) => o("px-4 py-2", {
   rawFooter: l,
   copyToClipboard: s,
   copyToClipboardFocusMode: d = "system",
-  copyToClipboardMode: u = "system",
+  copyToClipboardMode: m = "system",
   noMaxWidth: y = !1,
   tail: k = !1
 }) => {
-  const [c, m] = G(!1), g = Re({
+  const [c, u] = G(!1), g = Re({
     kind: r,
     className: t,
     contentClassName: a,
     noMaxWidth: y,
     tail: k
   }), _ = !!s && (typeof s == "function" || typeof s == "string" || typeof e == "string"), I = () => {
-    m(!0), typeof s == "function" ? s(e) : typeof s == "string" ? navigator.clipboard.writeText(s) : typeof e == "string" && navigator.clipboard.writeText(e);
+    u(!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(() => {
-      m(!1);
+      u(!1);
     }, 3e3)), () => {
       clearTimeout(b);
     };
@@ -772,7 +774,7 @@ const Ce = ({ kind: e, noMaxWidth: r }) => o("px-4 py-2", {
         noBorder: !0,
         noBackground: !0,
         size: "small",
-        mode: u,
+        mode: m,
         focusMode: d,
         label: c ? "Copied to clipboard" : "Copy to clipboard",
         onClick: I,

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.0
+  @versini/ui-bubble v5.0.2
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
-    version: "5.0.0",
-    buildTime: "08/07/2025 04:12 PM EDT",
+    version: "5.0.2",
+    buildTime: "08/10/2025 01:26 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.0",
+	"version": "5.0.2",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -45,7 +45,7 @@
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-button": "7.0.0",
+		"@versini/ui-button": "7.1.1",
 		"@versini/ui-icons": "4.10.0",
 		"clsx": "2.1.1",
 		"tailwindcss": "4.1.11"
@@ -53,5 +53,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "42daab1fb88c366495abbc1db78a9987de05e59b"
+	"gitHead": "381a563cd0bb01eeddea33e57c0f5705663b5be4"
 }