@versini/ui-bubble 5.0.4 → 5.0.6

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/README.md CHANGED
@@ -1,6 +1,7 @@
1
1
  # @versini/ui-bubble
2
2
 
3
3
  [![npm version](https://img.shields.io/npm/v/@versini/ui-bubble?style=flat-square)](https://www.npmjs.com/package/@versini/ui-bubble)
4
+ ![npm package minimized gzipped size](<https://img.shields.io/bundlejs/size/%40versini%2Fui-bubble?style=flat-square&label=size%20(gzip)>)
4
5
 
5
6
  > A flexible and feature-rich React bubble component built with TypeScript and TailwindCSS.
6
7
 
@@ -29,7 +30,7 @@ The Bubble component provides chat-style message bubbles with support for footer
29
30
  npm install @versini/ui-bubble
30
31
  ```
31
32
 
32
- > **Note**: This component requires TailwindCSS and the `@versini/ui-styles` plugin for proper styling. See the [root README](../../README.md#tailwindcss-setup) for complete setup instructions.
33
+ > **Note**: This component requires TailwindCSS and the `@versini/ui-styles` plugin for proper styling. See the [installation documentation](https://versini-org.github.io/ui-components/?path=/docs/getting-started-installation--docs) for complete setup instructions.
33
34
 
34
35
  ## Usage
35
36
 
@@ -1,5 +1,5 @@
1
1
  import { jsx as n, jsxs as B, Fragment as ae } from "react/jsx-runtime";
2
- import U, { useRef as N, useLayoutEffect as P, useEffect as M, useState as G, useMemo as W, useCallback as ie } from "react";
2
+ import U, { useRef as N, useLayoutEffect as F, useEffect as M, useState as G, useMemo as W, useCallback as ie } from "react";
3
3
  import o from "clsx";
4
4
  const R = "av-bubble", q = "av-button", j = "icon", Y = "button", L = "link", oe = ({
5
5
  type: e,
@@ -431,10 +431,10 @@ const z = {
431
431
  radius: b,
432
432
  variant: C,
433
433
  animated: v
434
- }), ee = be({ mode: t, raw: d, iconClassName: T, variant: C }), A = he({ animated: v }), te = "flex items-center justify-center relative w-full h-full overflow-hidden", [h, $] = O(), [f, S] = O(), [E, F] = O(), V = N(0), p = N(null), x = N(null), re = pe([X, p]);
435
- return P(() => {
436
- E && E.current && v && (V.current = F.width + xe[c] + (m ? 0 : we), p.current && !p.current.style.width && (p.current.style.width = `${z[c]}px`));
437
- }, [F, E, c, m, v]), P(() => {
434
+ }), ee = be({ mode: t, raw: d, iconClassName: T, variant: C }), A = he({ animated: v }), te = "flex items-center justify-center relative w-full h-full overflow-hidden", [h, $] = O(), [f, S] = O(), [E, P] = O(), V = N(0), p = N(null), x = N(null), re = pe([X, p]);
435
+ return F(() => {
436
+ E && E.current && v && (V.current = P.width + xe[c] + (m ? 0 : we), p.current && !p.current.style.width && (p.current.style.width = `${z[c]}px`));
437
+ }, [P, E, c, m, v]), F(() => {
438
438
  if (p && p.current && v) {
439
439
  let w = z[c];
440
440
  u && h && $.width > 0 ? w = $.width + V.current : g && f && S.width > 0 && (w = S.width + V.current), x.current && clearTimeout(x.current), w !== parseInt(p.current.style.width || "0", 10) && (h.current && (h.current.style.opacity = "0"), f.current && (f.current.style.opacity = "0"), p.current.style.width = `${w}px`, w > z[c] && (x.current = setTimeout(() => {
@@ -504,13 +504,13 @@ const z = {
504
504
  );
505
505
  H.displayName = "ButtonIcon";
506
506
  /*!
507
- @versini/ui-button v7.1.3
507
+ @versini/ui-button v7.1.5
508
508
  © 2025 gizmette.com
509
509
  */
510
510
  try {
511
511
  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
512
- version: "7.1.3",
513
- buildTime: "08/23/2025 09:08 AM EDT",
512
+ version: "7.1.5",
513
+ buildTime: "08/23/2025 12:21 PM EDT",
514
514
  homepage: "https://github.com/aversini/ui-components",
515
515
  license: "MIT"
516
516
  });
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 v5.0.4
3
+ @versini/ui-bubble v5.0.6
4
4
  © 2025 gizmette.com
5
5
  */
6
6
  try {
7
7
  window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
8
- version: "5.0.4",
9
- buildTime: "08/23/2025 09:10 AM EDT",
8
+ version: "5.0.6",
9
+ buildTime: "08/23/2025 12:23 PM EDT",
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": "5.0.4",
3
+ "version": "5.0.6",
4
4
  "license": "MIT",
5
5
  "author": "Arno Versini",
6
6
  "publishConfig": {
@@ -54,5 +54,5 @@
54
54
  "sideEffects": [
55
55
  "**/*.css"
56
56
  ],
57
- "gitHead": "7bbfa99a4441ef5b0828a37d190f694e199b663d"
57
+ "gitHead": "d568e20474c6c87f836c4cb6548f2cc0143a353c"
58
58
  }