@versini/ui-bubble 3.1.7 → 3.1.8

package/dist/index.js

@@ -1,34 +1,34 @@
-import { jsx as c, jsxs as p, Fragment as U } from "react/jsx-runtime";
+import { jsx as s, jsxs as p, Fragment as U } from "react/jsx-runtime";
 import i from "clsx";
-import z, { useState as V, useEffect as O } from "react";
+import C, { useState as V, useEffect as O } from "react";
 /*!
-  @versini/ui-bubble v3.1.7
+  @versini/ui-bubble v3.1.8
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
-    version: "3.1.7",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "3.1.8",
+    buildTime: "01/16/2025 07:57 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const j = "av-bubble", C = "av-button", y = "icon", E = "button", I = "link", A = ({
+const j = "av-bubble", E = "av-button", y = "icon", L = "button", z = "link", P = ({
   type: e,
   size: r,
   labelRight: t,
   labelLeft: a,
   align: l
 }) => {
-  const o = "max-h-8 py-0 px-2", d = "max-h-9 h-8 px-3", s = "max-h-12 py-2 px-4";
+  const o = "max-h-8 py-0 px-2", d = "max-h-9 h-8 px-3", c = "max-h-12 py-2 px-4";
   switch (e) {
-    case E:
-    case I:
+    case L:
+    case z:
       return i({
         [o]: r === "small",
         [d]: r === "medium",
-        [s]: r === "large"
+        [c]: r === "large"
       });
     case y:
       return i("inline-flex items-center", {
@@ -51,10 +51,10 @@ const j = "av-bubble", C = "av-button", y = "icon", E = "button", I = "link", A
 }) => {
   const l = "text-sm font-medium", o = "text-base font-medium", d = "text-lg font-medium";
   switch (e) {
-    case E:
-    case I:
+    case L:
+    case z:
       return i({
-        "text-center": e === I,
+        "text-center": e === z,
         [l]: r === "small",
         [o]: r === "medium",
         [d]: r === "large"
@@ -66,7 +66,7 @@ const j = "av-bubble", C = "av-button", y = "icon", E = "button", I = "link", A
         [d]: r === "large" && (t || a)
       });
   }
-}, G = ({
+}, A = ({
   mode: e,
   noBackground: r,
   noTruncate: t,
@@ -102,7 +102,7 @@ const j = "av-bubble", C = "av-button", y = "icon", E = "button", I = "link", A
     return i("not-prose text-copy-lighter", {
       truncate: !t
     });
-}, q = ({
+}, G = ({
   mode: e,
   noBackground: r,
   variant: t
@@ -132,13 +132,13 @@ const j = "av-bubble", C = "av-button", y = "icon", E = "button", I = "link", A
     if (t === "selected")
       return "bg-action-selected-dark";
   }
-}, P = ({
+}, q = ({
   radius: e
 }) => i({
   "rounded-full": e === "large",
   "rounded-md": e === "medium",
   "rounded-sm": e === "small"
-}), D = ({
+}), Y = ({
   mode: e,
   disabled: r,
   variant: t
@@ -168,7 +168,7 @@ const j = "av-bubble", C = "av-button", y = "icon", E = "button", I = "link", A
     });
   if (t === "selected")
     return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
-}, F = ({
+}, $ = ({
   mode: e,
   disabled: r,
   variant: t
@@ -198,7 +198,7 @@ const j = "av-bubble", C = "av-button", y = "icon", E = "button", I = "link", A
     });
   if (t === "selected")
     return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
-}, H = ({
+}, D = ({
   mode: e,
   noBorder: r,
   variant: t
@@ -228,14 +228,26 @@ const j = "av-bubble", C = "av-button", y = "icon", E = "button", I = "link", A
     });
   if (t === "selected")
     return "border border-border-selected-dark";
-}, J = ({
+}, F = ({
   focusMode: e
 }) => i("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"
-}), L = ({
+}), H = ({
+  mode: e,
+  raw: r,
+  iconClassName: t
+}) => r ? "" : i(
+  {
+    "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
+), M = ({
   type: e,
   className: r,
   raw: t,
@@ -243,7 +255,7 @@ const j = "av-bubble", C = "av-button", y = "icon", E = "button", I = "link", A
   focusMode: l,
   disabled: o,
   fullWidth: d,
-  size: s,
+  size: c,
   noBorder: u,
   labelRight: g,
   labelLeft: f,
@@ -252,51 +264,51 @@ const j = "av-bubble", C = "av-button", y = "icon", E = "button", I = "link", A
   noTruncate: b,
   align: m,
   radius: v
-}) => (n || (n = "primary"), t ? i(C, r) : i(
-  C,
-  G({
+}) => (n || (n = "primary"), t ? i(E, r) : i(
+  E,
+  A({
     mode: a,
     variant: n,
     noBackground: h,
     noTruncate: b
   }),
-  q({ mode: a, noBackground: h, variant: n }),
-  P({ radius: v }),
-  A({
+  G({ mode: a, noBackground: h, variant: n }),
+  q({ radius: v }),
+  P({
     type: e,
-    size: s,
+    size: c,
     labelRight: g,
     labelLeft: f,
     align: m
   }),
-  W({ type: e, size: s, labelRight: g, labelLeft: f }),
-  H({ mode: a, variant: n, noBorder: u }),
-  J({ focusMode: l }),
-  D({ mode: a, variant: n, disabled: o }),
-  F({ mode: a, variant: n, disabled: o }),
+  W({ type: e, size: c, labelRight: g, labelLeft: f }),
+  D({ mode: a, variant: n, noBorder: u }),
+  F({ focusMode: l }),
+  Y({ mode: a, variant: n, disabled: o }),
+  $({ mode: a, variant: n, disabled: o }),
   {
     "w-full": d,
     "disabled:cursor-not-allowed disabled:opacity-50": o
   },
   r
-)), K = (e, r, t) => {
+)), J = (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);
-}, T = z.forwardRef((e, r) => {
+}, T = C.forwardRef((e, r) => {
   const { onClick: t, noInternalClick: a = !1, ...l } = e;
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ s(
     "button",
     {
       ref: r,
       onClick: (o) => {
-        K(o, a, t);
+        J(o, a, t);
       },
       ...l
     }
   );
 });
 T.displayName = "BaseButton";
-const M = z.forwardRef(
+const S = C.forwardRef(
   ({
     children: e,
     disabled: r = !1,
@@ -305,7 +317,7 @@ const M = z.forwardRef(
     fullWidth: l = !1,
     className: o,
     type: d = "button",
-    raw: s = !1,
+    raw: c = !1,
     noBorder: u = !1,
     "aria-label": g,
     label: f,
@@ -316,15 +328,16 @@ const M = z.forwardRef(
     align: v = "center",
     radius: k = "large",
     variant: x = "primary",
-    ...w
-  }, B) => {
-    const _ = L({
+    iconClassName: w,
+    ...B
+  }, _) => {
+    const N = M({
       type: y,
       mode: t,
       focusMode: a,
       fullWidth: l,
       disabled: r,
-      raw: s,
+      raw: c,
       className: o,
       noBorder: u,
       size: h,
@@ -334,45 +347,40 @@ const M = z.forwardRef(
       align: v,
       radius: k,
       variant: x
-    }), N = i({
-      "text-copy-accent-dark": (t === "light" || t === "alt-system") && !s,
-      "text-copy-light": (t === "dark" || t === "system") && !s,
-      "dark:text-copy-light": t === "alt-system" && !s,
-      "dark:text-copy-accent-dark": t === "system" && !s
-    });
+    }), I = H({ mode: t, raw: c, iconClassName: w });
     return /* @__PURE__ */ p(
       T,
       {
-        ref: B,
-        className: _,
+        ref: _,
+        className: N,
         disabled: r,
         type: d,
         "aria-label": g || f,
-        ...w,
+        ...B,
         children: [
-          b && /* @__PURE__ */ c("span", { className: "pr-2", children: b }),
-          /* @__PURE__ */ c("div", { className: N, children: e }),
-          n && /* @__PURE__ */ c("span", { className: "pl-2", children: n })
+          b && /* @__PURE__ */ s("span", { className: "pr-2", children: b }),
+          /* @__PURE__ */ s("div", { className: I, children: e }),
+          n && /* @__PURE__ */ s("span", { className: "pl-2", children: n })
         ]
       }
     );
   }
 );
-M.displayName = "ButtonIcon";
+S.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v4.0.10
+  @versini/ui-button v4.1.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.10",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "4.1.0",
+    buildTime: "01/16/2025 07:57 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Q = z.forwardRef(
+const K = C.forwardRef(
   ({
     children: e,
     disabled: r = !1,
@@ -381,7 +389,7 @@ const Q = z.forwardRef(
     fullWidth: l = !1,
     className: o,
     type: d = "button",
-    raw: s = !1,
+    raw: c = !1,
     noBorder: u = !1,
     "aria-label": g,
     label: f,
@@ -394,13 +402,13 @@ const Q = z.forwardRef(
     radius: x = "large",
     ...w
   }, B) => {
-    const _ = L({
+    const _ = M({
       type: y,
       mode: t,
       focusMode: a,
       fullWidth: l,
       disabled: r,
-      raw: s,
+      raw: c,
       className: o,
       noBorder: u,
       size: h,
@@ -410,11 +418,11 @@ const Q = z.forwardRef(
       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
-    }), R = k ? i(
+      "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
+    }), I = k ? i(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -431,7 +439,7 @@ const Q = z.forwardRef(
         "after:border-table-light dark:after:border-table-dark": t === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ c("div", { className: R, children: /* @__PURE__ */ p(
+    return /* @__PURE__ */ s("div", { className: I, children: /* @__PURE__ */ p(
       T,
       {
         ref: B,
@@ -441,16 +449,16 @@ const Q = z.forwardRef(
         "aria-label": g || f,
         ...w,
         children: [
-          b && /* @__PURE__ */ c("span", { className: "pr-2", children: b }),
-          /* @__PURE__ */ c("div", { className: N, children: e }),
-          n && /* @__PURE__ */ c("span", { className: "pl-2", children: n })
+          b && /* @__PURE__ */ s("span", { className: "pr-2", children: b }),
+          /* @__PURE__ */ s("div", { className: N, children: e }),
+          n && /* @__PURE__ */ s("span", { className: "pl-2", children: n })
         ]
       }
     ) });
   }
 );
-Q.displayName = "ButtonSort";
-const S = ({
+K.displayName = "ButtonSort";
+const R = ({
   children: e,
   fill: r,
   viewBox: t,
@@ -458,12 +466,12 @@ const S = ({
   defaultViewBox: l,
   size: o,
   title: d,
-  semantic: s = !1,
+  semantic: c = !1,
   ...u
 }) => {
   const g = i(o, a);
   return /* @__PURE__ */ p(U, { children: [
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ s(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -471,36 +479,36 @@ const S = ({
         viewBox: t || l,
         fill: r || "currentColor",
         role: "img",
-        "aria-hidden": !s,
+        "aria-hidden": !c,
         focusable: !1,
         ...u,
         children: e
       }
     ),
-    d && s && /* @__PURE__ */ c("span", { className: "sr-only", children: d })
+    d && c && /* @__PURE__ */ s("span", { className: "sr-only", children: d })
   ] });
 };
 /*!
-  @versini/ui-svgicon v4.0.3
+  @versini/ui-svgicon v4.0.4
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "4.0.3",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "4.0.4",
+    buildTime: "01/16/2025 07:57 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const X = ({
+const Q = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: a,
   ...l
 }) => /* @__PURE__ */ p(
-  S,
+  R,
   {
     defaultViewBox: "0 0 448 512",
     size: "size-5",
@@ -509,7 +517,7 @@ const X = ({
     title: t || "Copied",
     ...l,
     children: [
-      /* @__PURE__ */ c(
+      /* @__PURE__ */ s(
         "path",
         {
           className: "fa-secondary",
@@ -517,7 +525,7 @@ const X = ({
           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__ */ c(
+      /* @__PURE__ */ s(
         "path",
         {
           className: "fa-primary",
@@ -526,14 +534,14 @@ const X = ({
       )
     ]
   }
-), Y = ({
+), X = ({
   className: e,
   viewBox: r,
   title: t,
   monotone: a,
   ...l
-}) => /* @__PURE__ */ c(
-  S,
+}) => /* @__PURE__ */ s(
+  R,
   {
     defaultViewBox: "0 0 512 512",
     size: "size-5",
@@ -541,17 +549,17 @@ const X = ({
     className: e,
     title: t || "Copy",
     ...l,
-    children: /* @__PURE__ */ c("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" })
+    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.4.2
+  @versini/ui-icons v4.4.3
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.4.2",
-    buildTime: "01/14/2025 10:39 AM EST",
+    version: "4.4.3",
+    buildTime: "01/16/2025 07:57 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -563,18 +571,18 @@ const Z = ({
 }) => i("p-4", {
   "max-w-xs sm:max-w-md md:max-w-2xl": !r,
   "lg:max-w-3xl": e === "left" && !r
-}), $ = ({ kind: e }) => i({
+}), ee = ({ kind: e }) => i({
   "bg-surface-lighter dark:bg-surface-dark": e === "left",
   "bg-surface-accent": e === "right"
-}), ee = ({ kind: e }) => i(
+}), te = ({ kind: e }) => i(
   "prose prose-dark dark:prose-lighter prose-p:my-3 prose-blockquote:my-3 prose-ol:my-3 prose-ul:my-3 prose-ul:prose-li:marker:text-black",
   {
     "text-copy-lighter": e === "right"
   }
-), te = ({ kind: e }) => i("rounded-b-xl", {
+), re = ({ kind: e }) => i("rounded-b-xl", {
   "rounded-tr-xl": e === "left",
   "rounded-tl-xl": e === "right"
-}), re = ({
+}), ae = ({
   kind: e,
   className: r,
   noMaxWidth: t
@@ -589,9 +597,9 @@ const Z = ({
   ), l = i(
     "flex flex-col empty:hidden",
     Z({ kind: e, noMaxWidth: t }),
+    te({ kind: e }),
     ee({ kind: e }),
-    $({ kind: e }),
-    te({ kind: e })
+    re({ kind: e })
   ), o = "pr-2 pt-1 text-end text-xs text-copy-light", d = i("flex flex-col-reverse gap-2 sm:flex-row", {
     "ml-2": e === "left",
     "mr-2": e === "right"
@@ -602,7 +610,7 @@ const Z = ({
     footer: o,
     copyButton: d
   };
-}, le = ({
+}, se = ({
   children: e,
   kind: r = "left",
   className: t,
@@ -610,10 +618,10 @@ const Z = ({
   rawFooter: l,
   copyToClipboard: o,
   copyToClipboardFocusMode: d = "system",
-  copyToClipboardMode: s = "system",
+  copyToClipboardMode: c = "system",
   noMaxWidth: u = !1
 }) => {
-  const [g, f] = V(!1), h = re({ kind: r, className: t, noMaxWidth: u }), n = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), b = () => {
+  const [g, f] = V(!1), h = ae({ kind: r, className: t, noMaxWidth: u }), n = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), b = () => {
     f(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
   };
   return O(() => {
@@ -625,31 +633,31 @@ const Z = ({
     };
   }, [g]), /* @__PURE__ */ p("div", { className: h.wrapper, children: [
     /* @__PURE__ */ p("div", { children: [
-      /* @__PURE__ */ c("div", { className: h.main, children: e }),
-      a && Object.keys(a).map((m) => a[m] ? /* @__PURE__ */ c("div", { className: "prose-p:m-0", children: /* @__PURE__ */ p("p", { className: h.footer, children: [
+      /* @__PURE__ */ s("div", { className: h.main, children: e }),
+      a && Object.keys(a).map((m) => a[m] ? /* @__PURE__ */ s("div", { className: "prose-p:m-0", children: /* @__PURE__ */ p("p", { className: h.footer, children: [
         m,
         ": ",
         a[m]
       ] }) }, `-${m}`) : null),
       l && l
     ] }),
-    n && /* @__PURE__ */ c("div", { className: h.copyButton, children: /* @__PURE__ */ c(
-      M,
+    n && /* @__PURE__ */ s("div", { className: h.copyButton, children: /* @__PURE__ */ s(
+      S,
       {
         noBorder: !0,
         noBackground: !0,
         size: "small",
-        mode: s,
+        mode: c,
         focusMode: d,
         label: g ? "Copied to clipboard" : "Copy to clipboard",
         onClick: b,
         disabled: g,
-        children: g ? /* @__PURE__ */ c(X, { size: "size-3" }) : /* @__PURE__ */ c(Y, { size: "size-3" })
+        children: g ? /* @__PURE__ */ s(Q, { size: "size-3" }) : /* @__PURE__ */ s(X, { size: "size-3" })
       }
     ) })
   ] });
 };
 export {
   j as BUBBLE_CLASSNAME,
-  le as Bubble
+  se as Bubble
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-bubble",
-	"version": "3.1.7",
+	"version": "3.1.8",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -38,17 +38,17 @@
 		"react-dom": "^18.3.1 || ^19.0.0"
 	},
 	"devDependencies": {
-		"@versini/ui-types": "4.1.0"
+		"@versini/ui-types": "4.2.0"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-button": "4.0.10",
-		"@versini/ui-icons": "4.4.2",
+		"@versini/ui-button": "4.1.0",
+		"@versini/ui-icons": "4.4.3",
 		"clsx": "2.1.1",
 		"tailwindcss": "3.4.17"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "4c958ec69e74cca8bba692d7988f47151f39f2b7"
+	"gitHead": "2be4fd5fe7dd74804533efdedcc6cfa4023a739a"
 }