@versini/ui-bubble 5.0.8 → 6.0.1

package/dist/components/Bubble/Bubble.js

@@ -1,25 +1,124 @@
-import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { ButtonIcon as C } from "@versini/ui-button";
-import { IconCopied as E, IconCopy as N } from "@versini/ui-icons";
-import { useState as $, useEffect as z } from "react";
-import l from "clsx";
-const c = "av-bubble", O = ({ kind: e, noMaxWidth: r }) => l("px-4 py-2", {
-  "max-w-xs sm:max-w-md md:max-w-2xl": !r,
-  "lg:max-w-3xl": e === "left" && !r
-}), T = ({ kind: e }) => l({
+import { jsxs as d, jsx as s } from "react/jsx-runtime";
+import { ButtonIcon as I } from "@versini/ui-button";
+import { useState as y, useEffect as C } from "react";
+import c from "clsx";
+const p = "av-bubble", v = ({
+  children: e,
+  fill: t,
+  viewBox: o,
+  className: i,
+  defaultViewBox: r,
+  size: n,
+  title: l,
+  semantic: b = !1,
+  ...f
+}) => {
+  const h = c(n, i);
+  return /* @__PURE__ */ d(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: h,
+      viewBox: o || r,
+      fill: t || "currentColor",
+      role: "img",
+      "aria-hidden": !b,
+      focusable: !1,
+      ...f,
+      children: [
+        l && b && /* @__PURE__ */ s("title", { children: l }),
+        e
+      ]
+    }
+  );
+};
+/*!
+  @versini/ui-svgicon v4.2.1
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
+    version: "4.2.1",
+    buildTime: "08/27/2025 08:27 AM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const E = ({
+  className: e,
+  viewBox: t,
+  title: o,
+  monotone: i,
+  ...r
+}) => /* @__PURE__ */ d(
+  v,
+  {
+    defaultViewBox: "0 0 448 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: o || "Copied",
+    ...r,
+    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" })
+    ]
+  }
+), V = ({
+  className: e,
+  viewBox: t,
+  title: o,
+  monotone: i,
+  ...r
+}) => /* @__PURE__ */ s(
+  v,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: o || "Copy",
+    ...r,
+    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.11.0
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
+    version: "4.11.0",
+    buildTime: "08/27/2025 08:28 AM EDT",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const z = ({ kind: e, noMaxWidth: t }) => c("px-4 py-2", {
+  "max-w-xs sm:max-w-md md:max-w-2xl": !t,
+  "lg:max-w-3xl": e === "left" && !t
+}), S = ({ kind: e }) => c({
   "bg-surface-lighter dark:bg-surface-dark": e === "left",
   "bg-surface-accent": e === "right"
-}), I = ({ kind: e }) => l(
+}), T = ({ kind: e }) => c(
   "prose prose-dark dark:prose-lighter",
   "prose-blockquote:my-1",
   "prose-ol:my-1 prose-ul:my-1",
   {
     "text-copy-lighter": e === "right"
   }
-), S = ({ kind: e, tail: r }) => {
-  if (r)
-    return l(
-      `${c}-${e}-tail`,
+), M = ({ kind: e, tail: t }) => {
+  if (t)
+    return c(
+      `${p}-${e}-tail`,
       "rounded-3xl",
       "relative",
       "before:content-['']",
@@ -32,106 +131,106 @@ const c = "av-bubble", O = ({ kind: e, noMaxWidth: r }) => l("px-4 py-2", {
         "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 l("rounded-b-xl", {
+  if (!t)
+    return c("rounded-b-xl", {
       "rounded-tr-xl": e === "left",
       "rounded-tl-xl": e === "right"
     });
-}, _ = ({
+}, O = ({
   kind: e,
-  className: r,
-  contentClassName: u,
+  className: t,
+  contentClassName: o,
   noMaxWidth: i,
-  tail: t
+  tail: r
 }) => {
-  const n = l(
-    c,
-    `${c}-${e}`,
+  const n = c(
+    p,
+    `${p}-${e}`,
     "flex items-start",
     {
       "flex-row-reverse": e === "right"
     },
-    r
-  ), s = l(
-    `${c}-content`,
+    t
+  ), l = c(
+    `${p}-content`,
     "flex flex-col empty:hidden",
-    O({ kind: e, noMaxWidth: i }),
-    I({ kind: e }),
+    z({ kind: e, noMaxWidth: i }),
     T({ kind: e }),
-    S({ kind: e, tail: t }),
-    u
-  ), m = "pr-2 pt-1 text-end text-xs text-copy-light", p = l("flex flex-col-reverse sm:flex-row", {
-    "ml-2": e === "left" && !t,
-    "mr-2": e === "right" && !t,
-    "ml-1": e === "left" && t,
-    "mr-1": e === "right" && t
+    S({ kind: e }),
+    M({ kind: e, tail: r }),
+    o
+  ), b = "pr-2 pt-1 text-end text-xs text-copy-light", f = c("flex flex-col-reverse sm:flex-row", {
+    "ml-2": e === "left" && !r,
+    "mr-2": e === "right" && !r,
+    "ml-1": e === "left" && r,
+    "mr-1": e === "right" && r
   });
   return {
     wrapper: n,
-    main: s,
-    footer: m,
-    copyButton: p
+    main: l,
+    footer: b,
+    copyButton: f
   };
-}, j = "FOOTER_EMPTY", U = ({
+}, $ = "FOOTER_EMPTY", A = ({
   children: e,
-  kind: r = "left",
-  className: u,
+  kind: t = "left",
+  className: o,
   contentClassName: i,
-  footer: t,
+  footer: r,
   rawFooter: n,
-  copyToClipboard: s,
-  copyToClipboardFocusMode: m = "system",
-  copyToClipboardMode: p = "system",
-  noMaxWidth: B = !1,
-  tail: y = !1
+  copyToClipboard: l,
+  copyToClipboardFocusMode: b = "system",
+  copyToClipboardMode: f = "system",
+  noMaxWidth: h = !1,
+  tail: B = !1
 }) => {
-  const [a, x] = $(!1), f = _({
-    kind: r,
-    className: u,
+  const [u, x] = y(!1), m = O({
+    kind: t,
+    className: o,
     contentClassName: i,
-    noMaxWidth: B,
-    tail: y
-  }), v = !!s && (typeof s == "function" || typeof s == "string" || typeof e == "string"), w = () => {
-    x(!0), typeof s == "function" ? s(e) : typeof s == "string" ? navigator.clipboard.writeText(s) : typeof e == "string" && navigator.clipboard.writeText(e);
+    noMaxWidth: h,
+    tail: B
+  }), _ = !!l && (typeof l == "function" || typeof l == "string" || typeof e == "string"), N = () => {
+    x(!0), typeof l == "function" ? l(e) : typeof l == "string" ? navigator.clipboard.writeText(l) : typeof e == "string" && navigator.clipboard.writeText(e);
   };
-  return z(() => {
-    let b;
-    return a && (b = window.setTimeout(() => {
+  return C(() => {
+    let a;
+    return u && (a = window.setTimeout(() => {
       x(!1);
     }, 3e3)), () => {
-      clearTimeout(b);
+      clearTimeout(a);
     };
-  }, [a]), /* @__PURE__ */ g("div", { className: f.wrapper, children: [
-    /* @__PURE__ */ g("div", { children: [
-      /* @__PURE__ */ o("div", { className: f.main, children: e }),
-      t && Object.keys(t).map((b, h) => {
-        const d = t[b];
-        return d === j ? /* @__PURE__ */ o("div", { className: "prose-p:m-0", children: /* @__PURE__ */ o("p", { className: f.footer, "aria-hidden": "true", children: /* @__PURE__ */ o("span", { className: "invisible", children: " " }) }) }, `${b}-${h}`) : d ? /* @__PURE__ */ o("div", { className: "prose-p:m-0", children: /* @__PURE__ */ g("p", { className: f.footer, children: [
-          b,
+  }, [u]), /* @__PURE__ */ d("div", { className: m.wrapper, children: [
+    /* @__PURE__ */ d("div", { children: [
+      /* @__PURE__ */ s("div", { className: m.main, children: e }),
+      r && Object.keys(r).map((a, w) => {
+        const g = r[a];
+        return g === $ ? /* @__PURE__ */ s("div", { className: "prose-p:m-0", children: /* @__PURE__ */ s("p", { className: m.footer, "aria-hidden": "true", children: /* @__PURE__ */ s("span", { className: "invisible", children: " " }) }) }, `${a}-${w}`) : g ? /* @__PURE__ */ s("div", { className: "prose-p:m-0", children: /* @__PURE__ */ d("p", { className: m.footer, children: [
+          a,
           ": ",
-          d
-        ] }) }, `${b}-${h}`) : null;
+          g
+        ] }) }, `${a}-${w}`) : null;
       }),
       n && n
     ] }),
-    v && /* @__PURE__ */ o("div", { className: f.copyButton, children: /* @__PURE__ */ o(
-      C,
+    _ && /* @__PURE__ */ s("div", { className: m.copyButton, children: /* @__PURE__ */ s(
+      I,
       {
         noBorder: !0,
         noBackground: !0,
         size: "small",
-        mode: p,
-        focusMode: m,
-        label: a ? "Copied to clipboard" : "Copy to clipboard",
-        onClick: w,
-        disabled: a,
-        children: a ? /* @__PURE__ */ o(E, { size: "size-3" }) : /* @__PURE__ */ o(N, { size: "size-3" })
+        mode: f,
+        focusMode: b,
+        label: u ? "Copied to clipboard" : "Copy to clipboard",
+        onClick: N,
+        disabled: u,
+        children: u ? /* @__PURE__ */ s(E, { size: "size-3" }) : /* @__PURE__ */ s(V, { size: "size-3" })
       }
     ) })
   ] });
 };
 export {
-  c as BUBBLE_CLASSNAME,
-  j as BUBBLE_FOOTER_EMPTY,
-  U as Bubble
+  p as BUBBLE_CLASSNAME,
+  $ as BUBBLE_FOOTER_EMPTY,
+  A 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.8
+  @versini/ui-bubble v6.0.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
-    version: "5.0.8",
-    buildTime: "09/01/2025 02:20 PM EDT",
+    version: "6.0.1",
+    buildTime: "09/01/2025 04:02 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.8",
+	"version": "6.0.1",
 	"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.1.0",
+		"react-dom": "^19.1.0"
 	},
 	"devDependencies": {
 		"@testing-library/jest-dom": "6.8.0",
-		"@versini/ui-types": "5.0.7"
+		"@versini/ui-types": "6.0.1"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-button": "7.1.6",
-		"@versini/ui-icons": "4.10.0",
+		"@versini/ui-button": "8.0.1",
+		"@versini/ui-icons": "4.11.0",
 		"clsx": "2.1.1",
 		"tailwindcss": "4.1.12"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "c577149643ec36cad454587166e62410a77aed38"
+	"gitHead": "dcc216644c8c3e7d43a49ea655a22aed21fa4b83"
 }