@versini/ui-bubble 3.0.2 → 3.0.3

package/dist/index.js

@@ -1,34 +1,34 @@
-import { jsx as d, jsxs as f, Fragment as L } from "react/jsx-runtime";
+import { jsx as s, jsxs as f, Fragment as U } from "react/jsx-runtime";
 import i from "clsx";
-import z, { useState as U, useEffect as H } from "react";
+import z, { useState as V, useEffect as O } from "react";
 /*!
-  @versini/ui-bubble v3.0.2
+  @versini/ui-bubble v3.0.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
-    version: "3.0.2",
-    buildTime: "01/04/2025 01:33 PM EST",
+    version: "3.0.3",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const O = "av-bubble", C = "av-button", y = "icon", M = "button", I = "link", j = ({
+const j = "av-bubble", C = "av-button", y = "icon", M = "button", I = "link", P = ({
   type: e,
   size: r,
   labelRight: t,
   labelLeft: a,
   align: l
 }) => {
-  const o = "max-h-8 py-0 px-2", g = "max-h-9 py-1 px-3", s = "max-h-12 py-2 px-4";
+  const o = "max-h-8 py-0 px-2", g = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
   switch (e) {
     case M:
     case I:
       return i({
         [o]: r === "small",
         [g]: r === "medium",
-        [s]: r === "large"
+        [c]: r === "large"
       });
     case y:
       return i("inline-flex items-center", {
@@ -43,7 +43,7 @@ const O = "av-bubble", C = "av-button", y = "icon", M = "button", I = "link", j
         "h-12 px-4": r === "large" && (t || a)
       });
   }
-}, P = ({
+}, W = ({
   type: e,
   size: r,
   labelRight: t,
@@ -66,7 +66,7 @@ const O = "av-bubble", C = "av-button", y = "icon", M = "button", I = "link", j
         [g]: r === "large" && (t || a)
       });
   }
-}, W = ({
+}, A = ({
   mode: e,
   noBackground: r,
   noTruncate: t,
@@ -102,7 +102,7 @@ const O = "av-bubble", C = "av-button", y = "icon", M = "button", I = "link", j
     return i("not-prose text-copy-lighter", {
       truncate: !t
     });
-}, A = ({
+}, G = ({
   mode: e,
   noBackground: r,
   variant: t
@@ -132,13 +132,13 @@ const O = "av-bubble", C = "av-button", y = "icon", M = "button", I = "link", j
     if (t === "selected")
       return "bg-action-selected-dark";
   }
-}, G = ({
+}, q = ({
   radius: e
 }) => i({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
-}), q = ({
+}), D = ({
   mode: e,
   disabled: r,
   variant: t
@@ -168,7 +168,7 @@ const O = "av-bubble", C = "av-button", y = "icon", M = "button", I = "link", j
     });
   if (t === "selected")
     return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
-}, D = ({
+}, F = ({
   mode: e,
   disabled: r,
   variant: t
@@ -198,7 +198,7 @@ const O = "av-bubble", C = "av-button", y = "icon", M = "button", I = "link", j
     });
   if (t === "selected")
     return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
-}, F = ({
+}, H = ({
   mode: e,
   noBorder: r,
   variant: t
@@ -235,7 +235,7 @@ const O = "av-bubble", C = "av-button", y = "icon", M = "button", I = "link", j
   "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"
-}), V = ({
+}), E = ({
   type: e,
   className: r,
   raw: t,
@@ -243,37 +243,37 @@ const O = "av-bubble", C = "av-button", y = "icon", M = "button", I = "link", j
   focusMode: l,
   disabled: o,
   fullWidth: g,
-  size: s,
-  noBorder: h,
-  labelRight: m,
+  size: c,
+  noBorder: m,
+  labelRight: h,
   labelLeft: b,
   noBackground: u,
-  variant: n,
-  noTruncate: c,
-  align: v,
-  radius: p
-}) => (n || (n = "primary"), t ? i(C, r) : i(
+  variant: d,
+  noTruncate: n,
+  align: p,
+  radius: v
+}) => (d || (d = "primary"), t ? i(C, r) : i(
   C,
-  W({
+  A({
     mode: a,
-    variant: n,
+    variant: d,
     noBackground: u,
-    noTruncate: c
+    noTruncate: n
   }),
-  A({ mode: a, noBackground: u, variant: n }),
-  G({ radius: p }),
-  j({
+  G({ mode: a, noBackground: u, variant: d }),
+  q({ radius: v }),
+  P({
     type: e,
-    size: s,
-    labelRight: m,
+    size: c,
+    labelRight: h,
     labelLeft: b,
-    align: v
+    align: p
   }),
-  P({ type: e, size: s, labelRight: m, labelLeft: b }),
-  F({ mode: a, variant: n, noBorder: h }),
+  W({ type: e, size: c, labelRight: h, labelLeft: b }),
+  H({ mode: a, variant: d, noBorder: m }),
   J({ focusMode: l }),
-  q({ mode: a, variant: n, disabled: o }),
-  D({ mode: a, variant: n, disabled: o }),
+  D({ mode: a, variant: d, disabled: o }),
+  F({ mode: a, variant: d, disabled: o }),
   {
     "w-full": g,
     "disabled:cursor-not-allowed disabled:opacity-50": o
@@ -284,7 +284,7 @@ const O = "av-bubble", C = "av-button", y = "icon", M = "button", I = "link", j
   !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);
 }, T = z.forwardRef((e, r) => {
   const { onClick: t, noInternalClick: a = !1, ...l } = e;
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ s(
     "button",
     {
       ref: r,
@@ -296,7 +296,7 @@ const O = "av-bubble", C = "av-button", y = "icon", M = "button", I = "link", j
   );
 });
 T.displayName = "BaseButton";
-const E = z.forwardRef(
+const L = z.forwardRef(
   ({
     children: e,
     disabled: r = !1,
@@ -305,40 +305,40 @@ const E = z.forwardRef(
     fullWidth: l = !1,
     className: o,
     type: g = "button",
-    raw: s = !1,
-    noBorder: h = !1,
-    "aria-label": m,
+    raw: c = !1,
+    noBorder: m = !1,
+    "aria-label": h,
     label: b,
     size: u = "medium",
-    labelRight: n,
-    labelLeft: c,
-    noBackground: v = !1,
-    align: p = "center",
+    labelRight: d,
+    labelLeft: n,
+    noBackground: p = !1,
+    align: v = "center",
     radius: k = "large",
     variant: x = "primary",
     ...w
   }, B) => {
-    const _ = V({
+    const _ = E({
       type: y,
       mode: t,
       focusMode: a,
       fullWidth: l,
       disabled: r,
-      raw: s,
+      raw: c,
       className: o,
-      noBorder: h,
+      noBorder: m,
       size: u,
-      labelRight: n,
-      labelLeft: c,
-      noBackground: v,
-      align: p,
+      labelRight: d,
+      labelLeft: n,
+      noBackground: p,
+      align: v,
       radius: k,
       variant: x
     }), N = i({
-      "text-copy-accent-dark": t === "light" && !s,
-      "text-copy-light": t === "dark" && !s,
-      "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !s,
-      "text-copy-light dark:text-copy-accent-dark": t === "system" && !s
+      "text-copy-accent-dark": t === "light" && !c,
+      "text-copy-light": t === "dark" && !c,
+      "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !c,
+      "text-copy-light dark:text-copy-accent-dark": t === "system" && !c
     });
     return /* @__PURE__ */ f(
       T,
@@ -347,26 +347,26 @@ const E = z.forwardRef(
         className: _,
         disabled: r,
         type: g,
-        "aria-label": m || b,
+        "aria-label": h || b,
         ...w,
         children: [
-          c && /* @__PURE__ */ d("span", { className: "pr-2", children: c }),
-          /* @__PURE__ */ d("div", { className: N, children: e }),
-          n && /* @__PURE__ */ d("span", { className: "pl-2", children: n })
+          n && /* @__PURE__ */ s("span", { className: "pr-2", children: n }),
+          /* @__PURE__ */ s("div", { className: N, children: e }),
+          d && /* @__PURE__ */ s("span", { className: "pl-2", children: d })
         ]
       }
     );
   }
 );
-E.displayName = "ButtonIcon";
+L.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v4.0.2
+  @versini/ui-button v4.0.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.2",
-    buildTime: "01/04/2025 01:33 PM EST",
+    version: "4.0.3",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -381,39 +381,39 @@ const Q = z.forwardRef(
     fullWidth: l = !1,
     className: o,
     type: g = "button",
-    raw: s = !1,
-    noBorder: h = !1,
-    "aria-label": m,
+    raw: c = !1,
+    noBorder: m = !1,
+    "aria-label": h,
     label: b,
     size: u = "medium",
-    labelRight: n,
-    labelLeft: c,
-    noBackground: v = !1,
-    align: p = "center",
+    labelRight: d,
+    labelLeft: n,
+    noBackground: p = !1,
+    align: v = "center",
     active: k = !1,
     radius: x = "large",
     ...w
   }, B) => {
-    const _ = V({
+    const _ = E({
       type: y,
       mode: t,
       focusMode: a,
       fullWidth: l,
       disabled: r,
-      raw: s,
+      raw: c,
       className: o,
-      noBorder: h,
+      noBorder: m,
       size: u,
-      labelRight: n,
-      labelLeft: c,
-      noBackground: v,
-      align: p,
+      labelRight: d,
+      labelLeft: n,
+      noBackground: p,
+      align: v,
       radius: x
     }), N = i({
-      "text-copy-accent-dark": t === "light" && !s,
-      "text-copy-light": t === "dark" && !s,
-      "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !s,
-      "text-copy-light dark:text-copy-accent-dark": t === "system" && !s
+      "text-copy-accent-dark": t === "light" && !c,
+      "text-copy-light": t === "dark" && !c,
+      "text-copy-accent-dark dark:text-copy-light": t === "alt-system" && !c,
+      "text-copy-light dark:text-copy-accent-dark": t === "system" && !c
     }), R = k ? i(
       "relative",
       "focus-within:static",
@@ -431,19 +431,19 @@ const Q = z.forwardRef(
         "after:border-table-light dark:after:border-table-dark": t === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ d("div", { className: R, children: /* @__PURE__ */ f(
+    return /* @__PURE__ */ s("div", { className: R, children: /* @__PURE__ */ f(
       T,
       {
         ref: B,
         className: _,
         disabled: r,
         type: g,
-        "aria-label": m || b,
+        "aria-label": h || b,
         ...w,
         children: [
-          c && /* @__PURE__ */ d("span", { className: "pr-2", children: c }),
-          /* @__PURE__ */ d("div", { className: N, children: e }),
-          n && /* @__PURE__ */ d("span", { className: "pl-2", children: n })
+          n && /* @__PURE__ */ s("span", { className: "pr-2", children: n }),
+          /* @__PURE__ */ s("div", { className: N, children: e }),
+          d && /* @__PURE__ */ s("span", { className: "pl-2", children: d })
         ]
       }
     ) });
@@ -458,26 +458,26 @@ const S = ({
   defaultViewBox: l,
   size: o,
   title: g,
-  semantic: s = !1,
-  ...h
+  semantic: c = !1,
+  ...m
 }) => {
-  const m = i(o, a);
-  return /* @__PURE__ */ f(L, { children: [
-    /* @__PURE__ */ d(
+  const h = i(o, a);
+  return /* @__PURE__ */ f(U, { children: [
+    /* @__PURE__ */ s(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
-        className: m,
+        className: h,
         viewBox: t || l,
         fill: r || "currentColor",
         role: "img",
-        "aria-hidden": !s,
+        "aria-hidden": !c,
         focusable: !1,
-        ...h,
+        ...m,
         children: e
       }
     ),
-    g && s && /* @__PURE__ */ d("span", { className: "sr-only", children: g })
+    g && c && /* @__PURE__ */ s("span", { className: "sr-only", children: g })
   ] });
 };
 /*!
@@ -487,7 +487,7 @@ const S = ({
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
     version: "4.0.0",
-    buildTime: "01/04/2025 01:33 PM EST",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -509,14 +509,21 @@ const X = ({
     title: t || "Copied",
     ...l,
     children: [
-      /* @__PURE__ */ d(
+      /* @__PURE__ */ s(
         "path",
         {
+          className: "fa-secondary",
           opacity: "0.4",
-          d: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 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 0s9.4 24.6 0 33.9z"
+          d: "M0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32C28.7 32 0 60.7 0 96zM104 256c0-6.1 2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l47 47c37-37 74-74 111-111c4.7-4.7 10.8-7 17-7s12.3 2.3 17 7c2.3 2.3 4.1 5 5.3 7.9c.6 1.5 1 2.9 1.3 4.4c.2 1.1 .3 2.2 .3 2.2c.1 1.2 .1 1.2 .1 2.5c-.1 1.5-.1 1.9-.1 2.3c-.1 .7-.2 1.5-.3 2.2c-.3 1.5-.7 3-1.3 4.4c-1.2 2.9-2.9 5.6-5.3 7.9c-42.7 42.7-85.3 85.3-128 128c-4.7 4.7-10.8 7-17 7s-12.3-2.3-17-7c-21.3-21.3-42.7-42.7-64-64c-4.7-4.7-7-10.8-7-17z"
         }
       ),
-      /* @__PURE__ */ d("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__ */ s(
+        "path",
+        {
+          className: "fa-primary",
+          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"
+        }
+      )
     ]
   }
 ), Y = ({
@@ -525,7 +532,7 @@ const X = ({
   title: t,
   monotone: a,
   ...l
-}) => /* @__PURE__ */ d(
+}) => /* @__PURE__ */ s(
   S,
   {
     defaultViewBox: "0 0 512 512",
@@ -534,17 +541,17 @@ const X = ({
     className: e,
     title: t || "Copy",
     ...l,
-    children: /* @__PURE__ */ d("path", { d: "M64 464H288c8.8 0 16-7.2 16-16V384h48v64c0 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 16V448c0 8.8 7.2 16 16 16zM224 304H448c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H224c-8.8 0-16 7.2-16 16V288c0 8.8 7.2 16 16 16zm-64-16V64c0-35.3 28.7-64 64-64H448c35.3 0 64 28.7 64 64V288c0 35.3-28.7 64-64 64H224c-35.3 0-64-28.7-64-64z" })
+    children: /* @__PURE__ */ s("path", { d: "M64 464l224 0c8.8 0 16-7.2 16-16l0-64 48 0 0 64c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64l64 0 0 48-64 0c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16zM224 304l224 0c8.8 0 16-7.2 16-16l0-224c0-8.8-7.2-16-16-16L224 48c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16zm-64-16l0-224c0-35.3 28.7-64 64-64L448 0c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64l-224 0c-35.3 0-64-28.7-64-64z" })
   }
 );
 /*!
-  @versini/ui-icons v4.1.0
+  @versini/ui-icons v4.2.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.1.0",
-    buildTime: "01/04/2025 01:33 PM EST",
+    version: "4.2.0",
+    buildTime: "01/04/2025 04:09 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -566,7 +573,7 @@ const Z = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", $ = ({ kind: e }) => i(
   className: r
 }) => {
   const t = i(
-    O,
+    j,
     "flex items-start",
     {
       "flex-row-reverse": e === "right"
@@ -596,45 +603,45 @@ const Z = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", $ = ({ kind: e }) => i(
   rawFooter: l,
   copyToClipboard: o,
   copyToClipboardFocusMode: g = "system",
-  copyToClipboardMode: s = "system"
+  copyToClipboardMode: c = "system"
 }) => {
-  const [h, m] = U(!1), b = re({ kind: r, className: t }), u = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), n = () => {
-    m(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
+  const [m, h] = V(!1), b = re({ kind: r, className: t }), u = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), d = () => {
+    h(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
   };
-  return H(() => {
-    let c;
-    return h && (c = window.setTimeout(() => {
-      m(!1);
+  return O(() => {
+    let n;
+    return m && (n = window.setTimeout(() => {
+      h(!1);
     }, 3e3)), () => {
-      clearTimeout(c);
+      clearTimeout(n);
     };
-  }, [h]), /* @__PURE__ */ f("div", { className: b.wrapper, children: [
+  }, [m]), /* @__PURE__ */ f("div", { className: b.wrapper, children: [
     /* @__PURE__ */ f("div", { children: [
-      /* @__PURE__ */ d("div", { className: b.main, children: e }),
-      a && Object.keys(a).map((c) => a[c] ? /* @__PURE__ */ d("div", { className: "prose-p:m-0", children: /* @__PURE__ */ f("p", { className: b.footer, children: [
-        c,
+      /* @__PURE__ */ s("div", { className: b.main, children: e }),
+      a && Object.keys(a).map((n) => a[n] ? /* @__PURE__ */ s("div", { className: "prose-p:m-0", children: /* @__PURE__ */ f("p", { className: b.footer, children: [
+        n,
         ": ",
-        a[c]
-      ] }) }, `-${c}`) : null),
+        a[n]
+      ] }) }, `-${n}`) : null),
       l && l
     ] }),
-    u && /* @__PURE__ */ d("div", { className: b.copyButton, children: /* @__PURE__ */ d(
-      E,
+    u && /* @__PURE__ */ s("div", { className: b.copyButton, children: /* @__PURE__ */ s(
+      L,
       {
         noBorder: !0,
         noBackground: !0,
         size: "small",
-        mode: s,
+        mode: c,
         focusMode: g,
-        label: h ? "Copied to clipboard" : "Copy to clipboard",
-        onClick: n,
-        disabled: h,
-        children: h ? /* @__PURE__ */ d(X, { size: "size-3" }) : /* @__PURE__ */ d(Y, { size: "size-3" })
+        label: m ? "Copied to clipboard" : "Copy to clipboard",
+        onClick: d,
+        disabled: m,
+        children: m ? /* @__PURE__ */ s(X, { size: "size-3" }) : /* @__PURE__ */ s(Y, { size: "size-3" })
       }
     ) })
   ] });
 };
 export {
-  O as BUBBLE_CLASSNAME,
+  j as BUBBLE_CLASSNAME,
   le as Bubble
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-bubble",
-	"version": "3.0.2",
+	"version": "3.0.3",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -39,8 +39,8 @@
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.15",
-		"@versini/ui-button": "4.0.2",
-		"@versini/ui-icons": "4.1.0",
+		"@versini/ui-button": "4.0.3",
+		"@versini/ui-icons": "4.2.0",
 		"@versini/ui-types": "4.0.0",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.17"
@@ -48,5 +48,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "bf6b0d285a70c47a5efc225f32756b95cb963a49"
+	"gitHead": "88ad6c4972e02710471fede5712f5c94b67a3db9"
 }