@versini/ui-button 7.1.6 → 8.0.0

package/dist/components/Button/ButtonCopy.js

@@ -1,32 +1,132 @@
-import { jsx as i } from "react/jsx-runtime";
-import { IconCopied as f, IconCopy as p } from "@versini/ui-icons";
-import l, { useState as c, useEffect as d } from "react";
-import { ButtonIcon as m } from "./ButtonIcon.js";
-const u = l.forwardRef(({ copyToClipboard: t, ...n }, s) => {
-  const [e, o] = c(!1), a = () => {
-    typeof t == "string" && (navigator.clipboard.writeText(t), o(!0)), typeof t == "function" && (navigator.clipboard.writeText(t()), o(!0));
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import h, { useState as w, useEffect as u } from "react";
+import { ButtonIcon as f } from "./ButtonIcon.js";
+import _ from "clsx";
+const m = ({
+  children: e,
+  fill: c,
+  viewBox: s,
+  className: i,
+  defaultViewBox: t,
+  size: a,
+  title: l,
+  semantic: n = !1,
+  ...d
+}) => {
+  const p = _(a, i);
+  return /* @__PURE__ */ r(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      className: p,
+      viewBox: s || t,
+      fill: c || "currentColor",
+      role: "img",
+      "aria-hidden": !n,
+      focusable: !1,
+      ...d,
+      children: [
+        l && n && /* @__PURE__ */ o("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 v = ({
+  className: e,
+  viewBox: c,
+  title: s,
+  monotone: i,
+  ...t
+}) => /* @__PURE__ */ r(
+  m,
+  {
+    defaultViewBox: "0 0 448 512",
+    size: "size-5",
+    viewBox: c,
+    className: e,
+    title: s || "Copied",
+    ...t,
+    children: [
+      /* @__PURE__ */ o(
+        "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__ */ o("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" })
+    ]
+  }
+), I = ({
+  className: e,
+  viewBox: c,
+  title: s,
+  monotone: i,
+  ...t
+}) => /* @__PURE__ */ o(
+  m,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: c,
+    className: e,
+    title: s || "Copy",
+    ...t,
+    children: /* @__PURE__ */ o("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 x = h.forwardRef(({ copyToClipboard: e, ...c }, s) => {
+  const [i, t] = w(!1), a = () => {
+    typeof e == "string" && (navigator.clipboard.writeText(e), t(!0)), typeof e == "function" && (navigator.clipboard.writeText(e()), t(!0));
   };
-  return d(() => {
-    let r;
-    return e && (r = window.setTimeout(() => {
-      o(!1);
+  return u(() => {
+    let l;
+    return i && (l = window.setTimeout(() => {
+      t(!1);
     }, 3e3)), () => {
-      clearTimeout(r);
+      clearTimeout(l);
     };
-  }, [e]), /* @__PURE__ */ i(
-    m,
+  }, [i]), /* @__PURE__ */ o(
+    f,
     {
-      ...n,
+      ...c,
       size: "small",
       ref: s,
-      label: e ? "Copied to clipboard" : "Copy to clipboard",
+      label: i ? "Copied to clipboard" : "Copy to clipboard",
       onClick: a,
-      disabled: e,
-      children: e ? /* @__PURE__ */ i(f, { size: "size-3" }) : /* @__PURE__ */ i(p, { size: "size-3" })
+      disabled: i,
+      children: i ? /* @__PURE__ */ o(v, { size: "size-3" }) : /* @__PURE__ */ o(I, { size: "size-3" })
     }
   );
 });
-u.displayName = "ButtonCopy";
+x.displayName = "ButtonCopy";
 export {
-  u as ButtonCopy
+  x as ButtonCopy
 };

package/dist/components/Button/ButtonIcon.js

@@ -1,135 +1,169 @@
-import { jsx as u, jsxs as Y } from "react/jsx-runtime";
-import { useResizeObserver as C, useMergeRefs as k } from "@versini/ui-hooks";
-import q, { useRef as b, useLayoutEffect as v, useEffect as F } from "react";
-import { BaseButton_private as J } from "../../chunks/BaseButton.BpaKdSwW.js";
-import { getButtonClasses as K, TYPE_ICON as Q, getIconClasses as V, getButtonIconLabelClasses as X } from "../../chunks/utilities.CGmHp-Rn.js";
-const p = {
+import { jsx as y, jsxs as U } from "react/jsx-runtime";
+import Y, { useRef as m, useCallback as J, useEffect as T, useMemo as j, useState as K, useLayoutEffect as D } from "react";
+import { BaseButton_private as Q } from "../../chunks/BaseButton.BpaKdSwW.js";
+import { getButtonClasses as V, TYPE_ICON as X, getIconClasses as Z, getButtonIconLabelClasses as z } from "../../chunks/utilities.CGmHp-Rn.js";
+function ee() {
+  const t = m(!1);
+  return T(() => (t.current = !0, () => {
+    t.current = !1;
+  }), []), J(() => t.current, []);
+}
+function te(t) {
+  return j(() => t.every((r) => r == null) ? () => {
+  } : (r) => {
+    t.forEach((e) => {
+      typeof e == "function" ? e(r) : e != null && (e.current = r);
+    });
+  }, [...t]);
+}
+const re = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0
+};
+function A(t) {
+  const r = ee(), e = m(0), s = m(null), [p, C] = K(re), d = j(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((w) => {
+    const i = w[0];
+    i && (cancelAnimationFrame(e.current), e.current = requestAnimationFrame(() => {
+      s.current && r() && C(i.contentRect);
+    }));
+  }), [r]);
+  return T(() => (s.current && d?.observe(s.current, t), () => {
+    d?.disconnect(), e.current && cancelAnimationFrame(e.current);
+  }), [d, t]), [s, p];
+}
+const b = {
   small: 24,
   // w-6
   medium: 32,
   // w-8
   large: 48
   // w-12
-}, Z = {
+}, ne = {
   small: 16,
   // px-2 x 2
   medium: 24,
   // px-3 x 2
   large: 32
   // px-4 x 2
-}, z = 2, ee = 300, te = q.forwardRef(
+}, ce = 2, se = 300, ue = Y.forwardRef(
   ({
-    children: m,
-    disabled: a = !1,
-    mode: o = "system",
-    focusMode: d = "system",
-    fullWidth: R = !1,
-    className: O,
-    type: A = "button",
-    raw: T = !1,
-    noBorder: I = !1,
-    "aria-label": E,
-    label: j,
-    size: r = "medium",
-    labelRight: f,
-    labelLeft: i,
-    noBackground: H = !1,
+    children: t,
+    disabled: r = !1,
+    mode: e = "system",
+    focusMode: s = "system",
+    fullWidth: p = !1,
+    className: C,
+    type: d = "button",
+    raw: w = !1,
+    noBorder: i = !1,
+    "aria-label": F,
+    label: H,
+    size: u = "medium",
+    labelRight: h,
+    labelLeft: R,
+    noBackground: S = !1,
     align: W = "center",
     radius: _ = "large",
-    variant: x = "secondary",
+    variant: g = "secondary",
     iconClassName: M,
-    animated: s = !1,
+    animated: l = !1,
     ...P
-  }, S) => {
-    const $ = K({
-      type: Q,
-      mode: o,
-      focusMode: d,
-      fullWidth: R,
-      disabled: a,
-      raw: T,
-      className: O,
-      noBorder: I,
-      size: r,
-      labelRight: f,
-      labelLeft: i,
-      noBackground: H,
+  }, $) => {
+    const k = V({
+      type: X,
+      mode: e,
+      focusMode: s,
+      fullWidth: p,
+      disabled: r,
+      raw: w,
+      className: C,
+      noBorder: i,
+      size: u,
+      labelRight: h,
+      labelLeft: R,
+      noBackground: S,
       align: W,
       radius: _,
-      variant: x,
-      animated: s
-    }), G = V({ mode: o, raw: T, iconClassName: M, variant: x }), B = X({ animated: s }), L = "flex items-center justify-center relative w-full h-full overflow-hidden", [e, h] = C(), [t, w] = C(), [y, g] = C(), N = b(0), c = b(null), n = b(null), U = k([S, c]);
-    return v(() => {
-      y && y.current && s && (N.current = g.width + Z[r] + (I ? 0 : z), c.current && !c.current.style.width && (c.current.style.width = `${p[r]}px`));
-    }, [g, y, r, I, s]), v(() => {
-      if (c && c.current && s) {
-        let l = p[r];
-        f && e && h.width > 0 ? l = h.width + N.current : i && t && w.width > 0 && (l = w.width + N.current), n.current && clearTimeout(n.current), l !== parseInt(c.current.style.width || "0", 10) && (e.current && (e.current.style.opacity = "0"), t.current && (t.current.style.opacity = "0"), c.current.style.width = `${l}px`, l > p[r] && (n.current = setTimeout(() => {
-          e.current && f && (e.current.style.opacity = "1"), t.current && i && (t.current.style.opacity = "1"), n.current = null;
-        }, ee * 0.8))), l === p[r] && (e.current && (e.current.style.opacity = "0"), t.current && (t.current.style.opacity = "0"));
+      variant: g,
+      animated: l
+    }), q = Z({ mode: e, raw: w, iconClassName: M, variant: g }), B = z({ animated: l }), G = "flex items-center justify-center relative w-full h-full overflow-hidden", [n, N] = A(), [c, v] = A(), [I, O] = A(), x = m(0), o = m(null), a = m(null), L = te([$, o]);
+    return D(() => {
+      I && I.current && l && (x.current = O.width + ne[u] + (i ? 0 : ce), o.current && !o.current.style.width && (o.current.style.width = `${b[u]}px`));
+    }, [O, I, u, i, l]), D(() => {
+      if (o && o.current && l) {
+        let f = b[u];
+        h && n && N.width > 0 ? f = N.width + x.current : R && c && v.width > 0 && (f = v.width + x.current), a.current && clearTimeout(a.current), f !== parseInt(o.current.style.width || "0", 10) && (n.current && (n.current.style.opacity = "0"), c.current && (c.current.style.opacity = "0"), o.current.style.width = `${f}px`, f > b[u] && (a.current = setTimeout(() => {
+          n.current && h && (n.current.style.opacity = "1"), c.current && R && (c.current.style.opacity = "1"), a.current = null;
+        }, se * 0.8))), f === b[u] && (n.current && (n.current.style.opacity = "0"), c.current && (c.current.style.opacity = "0"));
       }
     }, [
+      N,
       h,
-      f,
-      e,
-      w,
-      i,
-      t,
-      r,
-      s
-    ]), F(() => () => {
-      n.current && clearTimeout(n.current);
-    }, []), /* @__PURE__ */ u(
-      J,
+      n,
+      v,
+      R,
+      c,
+      u,
+      l
+    ]), T(() => () => {
+      a.current && clearTimeout(a.current);
+    }, []), /* @__PURE__ */ y(
+      Q,
       {
-        ref: U,
-        className: $,
-        disabled: a,
-        type: A,
-        "aria-label": E || j,
+        ref: L,
+        className: k,
+        disabled: r,
+        type: d,
+        "aria-label": F || H,
         ...P,
-        children: /* @__PURE__ */ Y("div", { className: L, children: [
-          /* @__PURE__ */ u(
-            D,
+        children: /* @__PURE__ */ U("div", { className: G, children: [
+          /* @__PURE__ */ y(
+            E,
             {
-              label: i,
-              labelRef: t,
+              label: R,
+              labelRef: c,
               labelClass: B,
               labelInnerClass: "pr-2",
-              initiallyHidden: s
+              initiallyHidden: l
             }
           ),
-          /* @__PURE__ */ u("span", { ref: y, className: G, children: m }),
-          /* @__PURE__ */ u(
-            D,
+          /* @__PURE__ */ y("span", { ref: I, className: q, children: t }),
+          /* @__PURE__ */ y(
+            E,
             {
-              label: f,
-              labelRef: e,
+              label: h,
+              labelRef: n,
               labelClass: B,
               labelInnerClass: "pl-2",
-              initiallyHidden: s
+              initiallyHidden: l
             }
           )
         ] })
       }
     );
   }
-), D = ({
-  labelRef: m,
-  labelClass: a,
-  label: o,
-  labelInnerClass: d,
-  initiallyHidden: R = !1
-}) => /* @__PURE__ */ u(
+), E = ({
+  labelRef: t,
+  labelClass: r,
+  label: e,
+  labelInnerClass: s,
+  initiallyHidden: p = !1
+}) => /* @__PURE__ */ y(
   "span",
   {
-    ref: m,
-    className: a,
-    style: R ? { opacity: 0 } : void 0,
-    children: o && /* @__PURE__ */ u("span", { className: d, children: o })
+    ref: t,
+    className: r,
+    style: p ? { opacity: 0 } : void 0,
+    children: e && /* @__PURE__ */ y("span", { className: s, children: e })
   }
 );
-te.displayName = "ButtonIcon";
+ue.displayName = "ButtonIcon";
 export {
-  te as ButtonIcon
+  ue as ButtonIcon
 };

package/dist/index.js

@@ -7,13 +7,13 @@ import { jsx as e } from "react/jsx-runtime";
 import n from "clsx";
 import m from "react";
 /*!
-  @versini/ui-button v7.1.6
+  @versini/ui-button v8.0.0
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "7.1.6",
-    buildTime: "09/01/2025 02:18 PM EDT",
+    version: "8.0.0",
+    buildTime: "09/01/2025 03:17 PM EDT",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-button",
-	"version": "7.1.6",
+	"version": "8.0.0",
 	"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.0.0",
+		"react-dom": "^19.0.0"
 	},
 	"devDependencies": {
 		"@testing-library/jest-dom": "6.8.0",
-		"@versini/ui-types": "5.0.7"
+		"@versini/ui-types": "6.0.0"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-hooks": "4.7.8",
-		"@versini/ui-icons": "4.10.0",
+		"@versini/ui-hooks": "5.0.0",
+		"@versini/ui-icons": "4.11.0",
 		"clsx": "2.1.1",
 		"tailwindcss": "4.1.12"
 	},
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "c577149643ec36cad454587166e62410a77aed38"
+	"gitHead": "70a47e9e30172dbb7b36306773fe9511e437fba6"
 }