@versini/ui-bubble 4.0.0 → 4.0.1
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.
- package/dist/index.js +17 -17
- package/package.json +3 -3
package/dist/index.js
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
import { jsx as s, jsxs as x, Fragment as Y } from "react/jsx-runtime";
|
|
2
|
-
import V, { useRef as B, useLayoutEffect as
|
|
2
|
+
import V, { useRef as B, useLayoutEffect as A, useMemo as q, useState as F, useEffect as L, useCallback as ee } from "react";
|
|
3
3
|
import o from "clsx";
|
|
4
4
|
/*!
|
|
5
|
-
@versini/ui-bubble v4.0.
|
|
5
|
+
@versini/ui-bubble v4.0.1
|
|
6
6
|
© 2025 gizmette.com
|
|
7
7
|
*/
|
|
8
8
|
try {
|
|
9
9
|
window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
|
|
10
|
-
version: "4.0.
|
|
11
|
-
buildTime: "03/
|
|
10
|
+
version: "4.0.1",
|
|
11
|
+
buildTime: "03/19/2025 08:58 AM EDT",
|
|
12
12
|
homepage: "https://github.com/aversini/ui-components",
|
|
13
13
|
license: "MIT"
|
|
14
14
|
});
|
|
15
15
|
} catch {
|
|
16
16
|
}
|
|
17
|
-
const I = "av-bubble",
|
|
17
|
+
const I = "av-bubble", $ = "av-button", C = "icon", P = "button", M = "link", te = ({
|
|
18
18
|
type: e,
|
|
19
19
|
size: r,
|
|
20
20
|
labelRight: t,
|
|
@@ -24,7 +24,7 @@ const I = "av-bubble", A = "av-button", C = "icon", F = "button", M = "link", te
|
|
|
24
24
|
}) => {
|
|
25
25
|
const n = "max-h-8 py-0 px-2", c = "max-h-9 h-8 px-3", d = "max-h-12 py-2 px-4";
|
|
26
26
|
switch (e) {
|
|
27
|
-
case
|
|
27
|
+
case P:
|
|
28
28
|
case M:
|
|
29
29
|
return o({
|
|
30
30
|
[n]: r === "small",
|
|
@@ -58,7 +58,7 @@ const I = "av-bubble", A = "av-button", C = "icon", F = "button", M = "link", te
|
|
|
58
58
|
}) => {
|
|
59
59
|
const l = "text-sm font-medium", i = "text-base font-medium", n = "text-lg font-medium";
|
|
60
60
|
switch (e) {
|
|
61
|
-
case
|
|
61
|
+
case P:
|
|
62
62
|
case M:
|
|
63
63
|
return o({
|
|
64
64
|
"text-center": e === M,
|
|
@@ -276,8 +276,8 @@ const I = "av-bubble", A = "av-button", C = "icon", F = "button", M = "link", te
|
|
|
276
276
|
align: w,
|
|
277
277
|
radius: _,
|
|
278
278
|
animated: g
|
|
279
|
-
}) => (b || (b = "primary"), t ? o(
|
|
280
|
-
|
|
279
|
+
}) => (b || (b = "primary"), t ? o($, r) : o(
|
|
280
|
+
$,
|
|
281
281
|
ae({
|
|
282
282
|
mode: a,
|
|
283
283
|
variant: b,
|
|
@@ -331,7 +331,7 @@ function me() {
|
|
|
331
331
|
}), []), ee(() => e.current, []);
|
|
332
332
|
}
|
|
333
333
|
function he(e) {
|
|
334
|
-
return
|
|
334
|
+
return q(() => e.every((r) => r == null) ? () => {
|
|
335
335
|
} : (r) => {
|
|
336
336
|
e.forEach((t) => {
|
|
337
337
|
typeof t == "function" ? t(r) : t != null && (t.current = r);
|
|
@@ -349,7 +349,7 @@ const fe = {
|
|
|
349
349
|
right: 0
|
|
350
350
|
};
|
|
351
351
|
function S(e) {
|
|
352
|
-
const r = me(), t = B(0), a = B(null), [l, i] =
|
|
352
|
+
const r = me(), t = B(0), a = B(null), [l, i] = F(fe), n = q(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
|
|
353
353
|
const d = c[0];
|
|
354
354
|
d && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
|
|
355
355
|
a.current && r() && i(d.contentRect);
|
|
@@ -415,9 +415,9 @@ const ve = {
|
|
|
415
415
|
variant: z,
|
|
416
416
|
animated: p
|
|
417
417
|
}), K = de({ mode: t, raw: c, iconClassName: W }), O = be({ animated: p }), [f, E] = S(), [y, R] = S(), [N, j] = S(), T = B(0), k = B(null), Q = he([Z, k]);
|
|
418
|
-
return
|
|
418
|
+
return A(() => {
|
|
419
419
|
N && N.current && p && (T.current = j.width + pe[u] + (d ? 0 : ye));
|
|
420
|
-
}, [j, N, u, d, p]),
|
|
420
|
+
}, [j, N, u, d, p]), A(() => {
|
|
421
421
|
k && k.current && p && (b && f && E.width > 0 ? (f.current && (f.current.style.opacity = "100"), k.current.style.width = `${E.width + T.current}px`) : m && R.width > 0 ? (y.current && (y.current.style.opacity = "100"), k.current.style.width = `${R.width + T.current}px`) : (f.current && (f.current.style.opacity = "0"), y.current && (y.current.style.opacity = "0"), k.current.style.width = `${ve[u]}px`));
|
|
422
422
|
}, [
|
|
423
423
|
E,
|
|
@@ -469,13 +469,13 @@ const ve = {
|
|
|
469
469
|
}) => /* @__PURE__ */ s("span", { ref: e, className: r, children: t && /* @__PURE__ */ s("span", { className: a, children: t }) });
|
|
470
470
|
U.displayName = "ButtonIcon";
|
|
471
471
|
/*!
|
|
472
|
-
@versini/ui-button v6.0.
|
|
472
|
+
@versini/ui-button v6.0.1
|
|
473
473
|
© 2025 gizmette.com
|
|
474
474
|
*/
|
|
475
475
|
try {
|
|
476
476
|
window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
|
|
477
|
-
version: "6.0.
|
|
478
|
-
buildTime: "03/
|
|
477
|
+
version: "6.0.1",
|
|
478
|
+
buildTime: "03/19/2025 08:57 AM EDT",
|
|
479
479
|
homepage: "https://github.com/aversini/ui-components",
|
|
480
480
|
license: "MIT"
|
|
481
481
|
});
|
|
@@ -703,7 +703,7 @@ const _e = ({ kind: e, noMaxWidth: r }) => o("px-4 py-2", {
|
|
|
703
703
|
noMaxWidth: h = !1,
|
|
704
704
|
tail: v = !1
|
|
705
705
|
}) => {
|
|
706
|
-
const [u, b] =
|
|
706
|
+
const [u, b] = F(!1), m = Ce({
|
|
707
707
|
kind: r,
|
|
708
708
|
className: t,
|
|
709
709
|
contentClassName: a,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@versini/ui-bubble",
|
|
3
|
-
"version": "4.0.
|
|
3
|
+
"version": "4.0.1",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Arno Versini",
|
|
6
6
|
"publishConfig": {
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
},
|
|
44
44
|
"dependencies": {
|
|
45
45
|
"@tailwindcss/typography": "0.5.16",
|
|
46
|
-
"@versini/ui-button": "6.0.
|
|
46
|
+
"@versini/ui-button": "6.0.1",
|
|
47
47
|
"@versini/ui-icons": "4.8.1",
|
|
48
48
|
"clsx": "2.1.1",
|
|
49
49
|
"tailwindcss": "4.0.14"
|
|
@@ -51,5 +51,5 @@
|
|
|
51
51
|
"sideEffects": [
|
|
52
52
|
"**/*.css"
|
|
53
53
|
],
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "b379f52530a05cd4b81c4e121f40134458b2a9ac"
|
|
55
55
|
}
|