@versini/ui-button 7.1.5 → 7.1.6

package/dist/components/Button/ButtonCopy.js

@@ -1,132 +1,32 @@
-import { jsx as o, Fragment as p, jsxs as r } from "react/jsx-runtime";
-import w, { useState as u, useEffect as f } from "react";
-import { ButtonIcon as _ } from "./ButtonIcon.js";
-import v from "clsx";
-const m = ({
-  children: e,
-  fill: c,
-  viewBox: s,
-  className: i,
-  defaultViewBox: t,
-  size: n,
-  title: l,
-  semantic: a = !1,
-  ...d
-}) => {
-  const h = v(n, i);
-  return /* @__PURE__ */ o(p, { children: /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      className: h,
-      viewBox: s || t,
-      fill: c || "currentColor",
-      role: "img",
-      "aria-hidden": !a,
-      focusable: !1,
-      ...d,
-      children: [
-        l && a && /* @__PURE__ */ o("title", { children: l }),
-        e
-      ]
-    }
-  ) });
-};
-/*!
-  @versini/ui-svgicon v4.2.0
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "4.2.0",
-    buildTime: "05/17/2025 06:18 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const I = ({
-  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" })
-    ]
-  }
-), x = ({
-  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.10.0
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.10.0",
-    buildTime: "05/17/2025 06:18 PM EDT",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const N = w.forwardRef(({ copyToClipboard: e, ...c }, s) => {
-  const [i, t] = u(!1), n = () => {
-    typeof e == "string" && (navigator.clipboard.writeText(e), t(!0)), typeof e == "function" && (navigator.clipboard.writeText(e()), t(!0));
+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));
   };
-  return f(() => {
-    let l;
-    return i && (l = window.setTimeout(() => {
-      t(!1);
+  return d(() => {
+    let r;
+    return e && (r = window.setTimeout(() => {
+      o(!1);
     }, 3e3)), () => {
-      clearTimeout(l);
+      clearTimeout(r);
     };
-  }, [i]), /* @__PURE__ */ o(
-    _,
+  }, [e]), /* @__PURE__ */ i(
+    m,
     {
-      ...c,
+      ...n,
       size: "small",
       ref: s,
-      label: i ? "Copied to clipboard" : "Copy to clipboard",
-      onClick: n,
-      disabled: i,
-      children: i ? /* @__PURE__ */ o(I, { size: "size-3" }) : /* @__PURE__ */ o(x, { size: "size-3" })
+      label: e ? "Copied to clipboard" : "Copy to clipboard",
+      onClick: a,
+      disabled: e,
+      children: e ? /* @__PURE__ */ i(f, { size: "size-3" }) : /* @__PURE__ */ i(p, { size: "size-3" })
     }
   );
 });
-N.displayName = "ButtonCopy";
+u.displayName = "ButtonCopy";
 export {
-  N as ButtonCopy
+  u as ButtonCopy
 };

package/dist/components/Button/ButtonIcon.js

@@ -1,169 +1,135 @@
-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 = {
+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 = {
   small: 24,
   // w-6
   medium: 32,
   // w-8
   large: 48
   // w-12
-}, ne = {
+}, Z = {
   small: 16,
   // px-2 x 2
   medium: 24,
   // px-3 x 2
   large: 32
   // px-4 x 2
-}, ce = 2, se = 300, ue = Y.forwardRef(
+}, z = 2, ee = 300, te = q.forwardRef(
   ({
-    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,
+    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,
     align: W = "center",
     radius: _ = "large",
-    variant: g = "secondary",
+    variant: x = "secondary",
     iconClassName: M,
-    animated: l = !1,
+    animated: s = !1,
     ...P
-  }, $) => {
-    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,
+  }, 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,
       align: W,
       radius: _,
-      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"));
+      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"));
       }
     }, [
-      N,
       h,
-      n,
-      v,
-      R,
-      c,
-      u,
-      l
-    ]), T(() => () => {
-      a.current && clearTimeout(a.current);
-    }, []), /* @__PURE__ */ y(
-      Q,
+      f,
+      e,
+      w,
+      i,
+      t,
+      r,
+      s
+    ]), F(() => () => {
+      n.current && clearTimeout(n.current);
+    }, []), /* @__PURE__ */ u(
+      J,
       {
-        ref: L,
-        className: k,
-        disabled: r,
-        type: d,
-        "aria-label": F || H,
+        ref: U,
+        className: $,
+        disabled: a,
+        type: A,
+        "aria-label": E || j,
         ...P,
-        children: /* @__PURE__ */ U("div", { className: G, children: [
-          /* @__PURE__ */ y(
-            E,
+        children: /* @__PURE__ */ Y("div", { className: L, children: [
+          /* @__PURE__ */ u(
+            D,
             {
-              label: R,
-              labelRef: c,
+              label: i,
+              labelRef: t,
               labelClass: B,
               labelInnerClass: "pr-2",
-              initiallyHidden: l
+              initiallyHidden: s
             }
           ),
-          /* @__PURE__ */ y("span", { ref: I, className: q, children: t }),
-          /* @__PURE__ */ y(
-            E,
+          /* @__PURE__ */ u("span", { ref: y, className: G, children: m }),
+          /* @__PURE__ */ u(
+            D,
             {
-              label: h,
-              labelRef: n,
+              label: f,
+              labelRef: e,
               labelClass: B,
               labelInnerClass: "pl-2",
-              initiallyHidden: l
+              initiallyHidden: s
             }
           )
         ] })
       }
     );
   }
-), E = ({
-  labelRef: t,
-  labelClass: r,
-  label: e,
-  labelInnerClass: s,
-  initiallyHidden: p = !1
-}) => /* @__PURE__ */ y(
+), D = ({
+  labelRef: m,
+  labelClass: a,
+  label: o,
+  labelInnerClass: d,
+  initiallyHidden: R = !1
+}) => /* @__PURE__ */ u(
   "span",
   {
-    ref: t,
-    className: r,
-    style: p ? { opacity: 0 } : void 0,
-    children: e && /* @__PURE__ */ y("span", { className: s, children: e })
+    ref: m,
+    className: a,
+    style: R ? { opacity: 0 } : void 0,
+    children: o && /* @__PURE__ */ u("span", { className: d, children: o })
   }
 );
-ue.displayName = "ButtonIcon";
+te.displayName = "ButtonIcon";
 export {
-  ue as ButtonIcon
+  te 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.5
+  @versini/ui-button v7.1.6
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "7.1.5",
-    buildTime: "08/23/2025 12:21 PM EDT",
+    version: "7.1.6",
+    buildTime: "09/01/2025 02:18 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.5",
+	"version": "7.1.6",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -42,11 +42,11 @@
 	},
 	"devDependencies": {
 		"@testing-library/jest-dom": "6.8.0",
-		"@versini/ui-types": "../ui-types"
+		"@versini/ui-types": "5.0.7"
 	},
 	"dependencies": {
 		"@tailwindcss/typography": "0.5.16",
-		"@versini/ui-hooks": "../ui-hooks",
+		"@versini/ui-hooks": "4.7.8",
 		"@versini/ui-icons": "4.10.0",
 		"clsx": "2.1.1",
 		"tailwindcss": "4.1.12"
@@ -54,5 +54,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "d568e20474c6c87f836c4cb6548f2cc0143a353c"
+	"gitHead": "c577149643ec36cad454587166e62410a77aed38"
 }