@versini/ui-button 4.2.0 → 4.2.1

package/dist/components/Button/ButtonIcon.js

@@ -1,22 +1,22 @@
-import { jsxs as G, jsx as m } from "react/jsx-runtime";
-import H, { useRef as p, useEffect as B, useCallback as M, useMemo as E, useState as W, useLayoutEffect as v } from "react";
-import { BaseButton_private as Y } from "../../chunks/BaseButton.BFKIL4GO.js";
-import { getButtonClasses as J, getIconClasses as K, getButtonIconLabelClasses as L, TYPE_ICON as Q } from "../../chunks/utilities.DZA7UB1Y.js";
-function U() {
-  const e = p(!1);
-  return B(() => (e.current = !0, () => {
-    e.current = !1;
-  }), []), M(() => e.current, []);
+import { jsxs as W, jsx as w } from "react/jsx-runtime";
+import Y, { useRef as d, useEffect as D, useCallback as J, useMemo as O, useState as K, useLayoutEffect as $ } from "react";
+import { BaseButton_private as L } from "../../chunks/BaseButton.BFKIL4GO.js";
+import { getButtonClasses as Q, getIconClasses as U, getButtonIconLabelClasses as V, TYPE_ICON as X } from "../../chunks/utilities.DZA7UB1Y.js";
+function Z() {
+  const t = d(!1);
+  return D(() => (t.current = !0, () => {
+    t.current = !1;
+  }), []), J(() => t.current, []);
 }
-function V(e) {
-  return E(() => e.every((r) => r == null) ? () => {
-  } : (r) => {
-    e.forEach((t) => {
-      typeof t == "function" ? t(r) : t != null && (t.current = r);
+function z(t) {
+  return O(() => t.every((n) => n == null) ? () => {
+  } : (n) => {
+    t.forEach((e) => {
+      typeof e == "function" ? e(n) : e != null && (e.current = n);
     });
-  }, e);
+  }, t);
 }
-const X = {
+const tt = {
   x: 0,
   y: 0,
   width: 0,
@@ -26,104 +26,107 @@ const X = {
   bottom: 0,
   right: 0
 };
-function I(e) {
-  const r = U(), t = p(0), s = p(null), [h, R] = W(X), n = E(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((y) => {
-    const u = y[0];
-    u && (cancelAnimationFrame(t.current), t.current = requestAnimationFrame(() => {
-      s.current && r() && R(u.contentRect);
+function b(t) {
+  const n = Z(), e = d(0), i = d(null), [C, I] = K(tt), l = O(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((R) => {
+    const c = R[0];
+    c && (cancelAnimationFrame(e.current), e.current = requestAnimationFrame(() => {
+      i.current && n() && I(c.contentRect);
     }));
-  }), [r]);
-  return B(() => (s.current && (n == null || n.observe(s.current, e)), () => {
-    n == null || n.disconnect(), t.current && cancelAnimationFrame(t.current);
-  }), [n, e]), [s, h];
+  }), [n]);
+  return D(() => (i.current && (l == null || l.observe(i.current, t)), () => {
+    l == null || l.disconnect(), e.current && cancelAnimationFrame(e.current);
+  }), [l, t]), [i, C];
 }
-const Z = {
+const v = {
   small: 24,
   // w-6
   medium: 32,
   // w-8
   large: 48
   // w-12
-}, z = {
+}, E = {
   small: 8 * 2,
   // px-2 x 2
   medium: 12 * 2,
   // px-3 x 2
   large: 16 * 2
   // px-4 x 2
-}, ee = 2, te = H.forwardRef(
+}, A = 2, et = Y.forwardRef(
   ({
-    children: e,
-    disabled: r = !1,
-    mode: t = "system",
-    focusMode: s = "system",
-    fullWidth: h = !1,
-    className: R,
-    type: n = "button",
-    raw: y = !1,
-    noBorder: u = !1,
-    "aria-label": A,
-    label: D,
-    size: l = "medium",
-    labelRight: i,
-    labelLeft: f,
-    noBackground: O = !1,
-    align: $ = "center",
-    radius: F = "large",
-    variant: S = "primary",
-    iconClassName: j,
-    animated: x = !1,
-    ...P
-  }, T) => {
-    const _ = J({
-      type: Q,
-      mode: t,
-      focusMode: s,
-      fullWidth: h,
-      disabled: r,
-      raw: y,
-      className: R,
-      noBorder: u,
-      size: l,
-      labelRight: i,
-      labelLeft: f,
-      noBackground: O,
-      align: $,
-      radius: F,
-      variant: S,
-      animated: x
-    }), k = K({ mode: t, raw: y, iconClassName: j }), b = L({ animated: x }), [c, w] = I(), [o, N] = I(), [d, g] = I(), C = p(0), a = p(null), q = V([T, a]);
-    return v(() => {
-      d && d.current && (C.current = g.width + z[l] + (u ? 0 : ee));
-    }, [g, d, l, u]), v(() => {
-      a && a.current && (i && c && w.width > 0 ? (c.current && (c.current.style.opacity = "100"), a.current.style.width = `${w.width + C.current}px`) : f && N.width > 0 ? (o.current && (o.current.style.opacity = "100"), a.current.style.width = `${N.width + C.current}px`) : (c.current && (c.current.style.opacity = "0"), o.current && (o.current.style.opacity = "0"), a.current.style.width = `${Z[l]}px`));
+    children: t,
+    disabled: n = !1,
+    mode: e = "system",
+    focusMode: i = "system",
+    fullWidth: C = !1,
+    className: I,
+    type: l = "button",
+    raw: R = !1,
+    noBorder: c = !1,
+    "aria-label": B,
+    label: F,
+    size: s = "medium",
+    labelRight: y,
+    labelLeft: h,
+    noBackground: S = !1,
+    align: j = "center",
+    radius: P = "large",
+    variant: T = "primary",
+    iconClassName: _,
+    animated: u = !1,
+    ...k
+  }, q) => {
+    const G = Q({
+      type: X,
+      mode: e,
+      focusMode: i,
+      fullWidth: C,
+      disabled: n,
+      raw: R,
+      className: I,
+      noBorder: c,
+      size: s,
+      labelRight: y,
+      labelLeft: h,
+      noBackground: S,
+      align: j,
+      radius: P,
+      variant: T,
+      animated: u
+    }), H = U({ mode: e, raw: R, iconClassName: _ }), g = V({ animated: u }), [o, f] = b(), [a, p] = b(), [x, N] = b(), m = d(0), r = d(null), M = z([q, r]);
+    return $(() => {
+      u || (m.current = N.width + E[s] + (c ? 0 : A), r && r.current && (f.width > 0 ? r.current.style.width = `${f.width + m.current}px` : p.width > 0 ? r.current.style.width = `${p.width + m.current}px` : r.current.style.width = `${v[s]}px`));
+    }, [u, N, s, c, f, p]), $(() => {
+      x && x.current && u && (m.current = N.width + E[s] + (c ? 0 : A));
+    }, [N, x, s, c, u]), $(() => {
+      r && r.current && u && (y && o && f.width > 0 ? (o.current && (o.current.style.opacity = "100"), r.current.style.width = `${f.width + m.current}px`) : h && p.width > 0 ? (a.current && (a.current.style.opacity = "100"), r.current.style.width = `${p.width + m.current}px`) : (o.current && (o.current.style.opacity = "0"), a.current && (a.current.style.opacity = "0"), r.current.style.width = `${v[s]}px`));
     }, [
-      w,
-      i,
-      c,
-      N,
       f,
+      y,
       o,
-      l
-    ]), /* @__PURE__ */ G(
-      Y,
+      p,
+      h,
+      a,
+      s,
+      u
+    ]), /* @__PURE__ */ W(
+      L,
       {
-        ref: q,
-        className: _,
-        disabled: r,
-        type: n,
-        "aria-label": A || D,
-        ...P,
+        ref: M,
+        className: G,
+        disabled: n,
+        type: l,
+        "aria-label": B || F,
+        ...k,
         children: [
-          /* @__PURE__ */ m("span", { ref: o, className: b, children: f && /* @__PURE__ */ m("span", { className: "pr-2", children: f }) }),
-          /* @__PURE__ */ m("span", { ref: d, className: k, children: e }),
-          /* @__PURE__ */ m("span", { ref: c, className: b, children: i && /* @__PURE__ */ m("span", { className: "pl-2", children: i }) })
+          /* @__PURE__ */ w("span", { ref: a, className: g, children: h && /* @__PURE__ */ w("span", { className: "pr-2", children: h }) }),
+          /* @__PURE__ */ w("span", { ref: x, className: H, children: t }),
+          /* @__PURE__ */ w("span", { ref: o, className: g, children: y && /* @__PURE__ */ w("span", { className: "pl-2", children: y }) })
         ]
       }
     );
   }
 );
-te.displayName = "ButtonIcon";
+et.displayName = "ButtonIcon";
 export {
-  te as ButtonIcon
+  et as ButtonIcon
 };

package/dist/index.js

@@ -7,13 +7,13 @@ import { jsx as e } from "react/jsx-runtime";
 import a from "clsx";
 import m from "react";
 /*!
-  @versini/ui-button v4.2.0
+  @versini/ui-button v4.2.1
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.2.0",
-    buildTime: "01/25/2025 10:54 PM EST",
+    version: "4.2.1",
+    buildTime: "01/26/2025 05:19 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-button",
-	"version": "4.2.0",
+	"version": "4.2.1",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -52,5 +52,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "95add63a475dc1307dd4ada55909553876a55b73"
+	"gitHead": "2afa12a4fcc5da2231f908342e8e18524126274b"
 }