@versini/ui-bubble 6.1.4 → 6.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/dist/components/Bubble/Bubble.js +27 -27
  2. package/dist/index.js +3 -3
  3. package/package.json +2 -2
package/dist/components/Bubble/Bubble.js CHANGED
@@ -1,4 +1,4 @@
1
- import { jsxs as d, jsx as s } from "react/jsx-runtime";
1
+ import { jsxs as d, jsx as r } from "react/jsx-runtime";
2
2
  import { ButtonIcon as I } from "@versini/ui-button";
3
3
  import { useState as y, useEffect as C } from "react";
4
4
  import c from "clsx";
@@ -7,7 +7,7 @@ const p = "av-bubble", v = ({
7
7
  fill: t,
8
8
  viewBox: o,
9
9
  className: i,
10
- defaultViewBox: r,
10
+ defaultViewBox: s,
11
11
  size: n,
12
12
  title: l,
13
13
  semantic: b = !1,
@@ -19,14 +19,14 @@ const p = "av-bubble", v = ({
19
19
  {
20
20
  xmlns: "http://www.w3.org/2000/svg",
21
21
  className: h,
22
- viewBox: o || r,
22
+ viewBox: o || s,
23
23
  fill: t || "currentColor",
24
24
  role: "img",
25
25
  "aria-hidden": !b,
26
26
  focusable: !1,
27
27
  ...f,
28
28
  children: [
29
- l && b && /* @__PURE__ */ s("title", { children: l }),
29
+ l && b && /* @__PURE__ */ r("title", { children: l }),
30
30
  e
31
31
  ]
32
32
  }
@@ -50,7 +50,7 @@ const E = ({
50
50
  viewBox: t,
51
51
  title: o,
52
52
  monotone: i,
53
- ...r
53
+ ...s
54
54
  }) => /* @__PURE__ */ d(
55
55
  v,
56
56
  {
@@ -59,16 +59,16 @@ const E = ({
59
59
  viewBox: t,
60
60
  className: e,
61
61
  title: o || "Copied",
62
- ...r,
62
+ ...s,
63
63
  children: [
64
- /* @__PURE__ */ s(
64
+ /* @__PURE__ */ r(
65
65
  "path",
66
66
  {
67
67
  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",
68
68
  opacity: ".4"
69
69
  }
70
70
  ),
71
- /* @__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" })
71
+ /* @__PURE__ */ r("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" })
72
72
  ]
73
73
  }
74
74
  ), V = ({
@@ -76,8 +76,8 @@ const E = ({
76
76
  viewBox: t,
77
77
  title: o,
78
78
  monotone: i,
79
- ...r
80
- }) => /* @__PURE__ */ s(
79
+ ...s
80
+ }) => /* @__PURE__ */ r(
81
81
  v,
82
82
  {
83
83
  defaultViewBox: "0 0 512 512",
@@ -85,8 +85,8 @@ const E = ({
85
85
  viewBox: t,
86
86
  className: e,
87
87
  title: o || "Copy",
88
- ...r,
89
- 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" })
88
+ ...s,
89
+ children: /* @__PURE__ */ r("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" })
90
90
  }
91
91
  );
92
92
  /*!
@@ -106,7 +106,7 @@ const z = ({ kind: e, noMaxWidth: t }) => c("px-4 py-2", {
106
106
  "max-w-xs sm:max-w-md md:max-w-2xl": !t,
107
107
  "lg:max-w-3xl": e === "left" && !t
108
108
  }), S = ({ kind: e }) => c({
109
- "bg-surface-lighter dark:bg-surface-dark": e === "left",
109
+ "bg-surface-light dark:bg-surface-dark": e === "left",
110
110
  "bg-surface-accent": e === "right"
111
111
  }), T = ({ kind: e }) => c(
112
112
  "prose prose-dark dark:prose-lighter",
@@ -128,7 +128,7 @@ const z = ({ kind: e, noMaxWidth: t }) => c("px-4 py-2", {
128
128
  "before:bottom-0",
129
129
  {
130
130
  "last-bubble-right:before:right-[2px] last-bubble-right:before:border-l-[8px] last-bubble-right:before:border-l-surface-accent last-bubble-right:before:rounded-bl-[100%]": e === "right",
131
- "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"
131
+ "last-bubble-left:before:left-[2px] last-bubble-left:before:border-r-[8px] last-bubble-left:before:border-r-surface-light last-bubble-left:dark:before:border-r-surface-dark last-bubble-left:before:rounded-br-[100%]": e === "left"
132
132
  }
133
133
  );
134
134
  if (!t)
@@ -141,7 +141,7 @@ const z = ({ kind: e, noMaxWidth: t }) => c("px-4 py-2", {
141
141
  className: t,
142
142
  contentClassName: o,
143
143
  noMaxWidth: i,
144
- tail: r
144
+ tail: s
145
145
  }) => {
146
146
  const n = c(
147
147
  p,
@@ -157,13 +157,13 @@ const z = ({ kind: e, noMaxWidth: t }) => c("px-4 py-2", {
157
157
  z({ kind: e, noMaxWidth: i }),
158
158
  T({ kind: e }),
159
159
  S({ kind: e }),
160
- M({ kind: e, tail: r }),
160
+ M({ kind: e, tail: s }),
161
161
  o
162
162
  ), b = "pr-2 pt-1 text-end text-xs text-copy-light", f = c("flex flex-col-reverse sm:flex-row", {
163
- "ml-2": e === "left" && !r,
164
- "mr-2": e === "right" && !r,
165
- "ml-1": e === "left" && r,
166
- "mr-1": e === "right" && r
163
+ "ml-2": e === "left" && !s,
164
+ "mr-2": e === "right" && !s,
165
+ "ml-1": e === "left" && s,
166
+ "mr-1": e === "right" && s
167
167
  });
168
168
  return {
169
169
  wrapper: n,
@@ -176,7 +176,7 @@ const z = ({ kind: e, noMaxWidth: t }) => c("px-4 py-2", {
176
176
  kind: t = "left",
177
177
  className: o,
178
178
  contentClassName: i,
179
- footer: r,
179
+ footer: s,
180
180
  rawFooter: n,
181
181
  copyToClipboard: l,
182
182
  copyToClipboardFocusMode: b = "system",
@@ -202,10 +202,10 @@ const z = ({ kind: e, noMaxWidth: t }) => c("px-4 py-2", {
202
202
  };
203
203
  }, [u]), /* @__PURE__ */ d("div", { className: m.wrapper, children: [
204
204
  /* @__PURE__ */ d("div", { children: [
205
- /* @__PURE__ */ s("div", { className: m.main, children: e }),
206
- r && Object.keys(r).map((a, w) => {
207
- const g = r[a];
208
- 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: [
205
+ /* @__PURE__ */ r("div", { className: m.main, children: e }),
206
+ s && Object.keys(s).map((a, w) => {
207
+ const g = s[a];
208
+ return g === $ ? /* @__PURE__ */ r("div", { className: "prose-p:m-0", children: /* @__PURE__ */ r("p", { className: m.footer, "aria-hidden": "true", children: /* @__PURE__ */ r("span", { className: "invisible", children: " " }) }) }, `${a}-${w}`) : g ? /* @__PURE__ */ r("div", { className: "prose-p:m-0", children: /* @__PURE__ */ d("p", { className: m.footer, children: [
209
209
  a,
210
210
  ": ",
211
211
  g
@@ -213,7 +213,7 @@ const z = ({ kind: e, noMaxWidth: t }) => c("px-4 py-2", {
213
213
  }),
214
214
  n && n
215
215
  ] }),
216
- _ && /* @__PURE__ */ s("div", { className: m.copyButton, children: /* @__PURE__ */ s(
216
+ _ && /* @__PURE__ */ r("div", { className: m.copyButton, children: /* @__PURE__ */ r(
217
217
  I,
218
218
  {
219
219
  noBorder: !0,
@@ -224,7 +224,7 @@ const z = ({ kind: e, noMaxWidth: t }) => c("px-4 py-2", {
224
224
  label: u ? "Copied to clipboard" : "Copy to clipboard",
225
225
  onClick: N,
226
226
  disabled: u,
227
- children: u ? /* @__PURE__ */ s(E, { size: "size-3" }) : /* @__PURE__ */ s(V, { size: "size-3" })
227
+ children: u ? /* @__PURE__ */ r(E, { size: "size-3" }) : /* @__PURE__ */ r(V, { size: "size-3" })
228
228
  }
229
229
  ) })
230
230
  ] });
package/dist/index.js CHANGED
@@ -1,12 +1,12 @@
1
1
  import { BUBBLE_CLASSNAME as i, BUBBLE_FOOTER_EMPTY as o, Bubble as E } from "./components/Bubble/Bubble.js";
2
2
  /*!
3
- @versini/ui-bubble v6.1.4
3
+ @versini/ui-bubble v6.2.0
4
4
  © 2025 gizmette.com
5
5
  */
6
6
  try {
7
7
  window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
8
- version: "6.1.4",
9
- buildTime: "10/24/2025 07:48 PM EDT",
8
+ version: "6.2.0",
9
+ buildTime: "11/03/2025 10:48 AM EST",
10
10
  homepage: "https://github.com/aversini/ui-components",
11
11
  license: "MIT"
12
12
  });
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@versini/ui-bubble",
3
- "version": "6.1.4",
3
+ "version": "6.2.0",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -50,5 +50,5 @@
50
50
  "sideEffects": [
51
51
  "**/*.css"
52
52
  ],
53
- "gitHead": "26763e1e738bcdcb0806c39612161666e4bc4459"
53
+ "gitHead": "6e772b53eddd144bb51e2345c545ff338832d668"
54
54
  }